Как сделать кнопки навигации?

Возможно ли заменить текст-ссылки в навигации, на кнопочки? Я не про верхние кнопки, там где выйти, вход, регистрация, а про левый столбик с названием "Меню". Вот мой форум http://onepiece-gold.forum2x2.ru/

А можно его увидеть незарегистрированным пользователям?

P.S. на всякий случай - загляните сюда: https://help.forum2x2.ru/t17776-topic#143749

Извините думал что эта функция где написано "гости, пользователи" и т.д. даёт им возможность изменять меню. Сейчас поправил. Смотрите.

Теперь вижу, спасибо.

По идее, можно просто подставить вместо текста в каждой строке

Код:

<a href="http://onepiece-gold.forum2x2.ru/f1-forum">Новости</a><br>

ссылки на соответствующие картинки

Код:

<a href="/f1-forum"><img src="http://savepic.net/1521359.gif" alt="Новости" /></a>

и т.д.

А можно ли сделать чтобы она при наводке курсором меняла цвет?

1. Ставите в виджет див с классом menu_vg

Код:

<div class="menu_vg">
...
</div>

2. Добавляете в него код кнопок.

пример:

Каждая кнопка выглядит так:

Код:

<a href="/f1-forum"><span style="background-image: url('http://i28.servimg.com/u/f28/16/08/40/28/fggh311.png')"><span></a>

Фоновое изображение - это и есть кнопка:

Верхняя часть - стандартное изображение, нижнее - при наведении.
Замеряете высоту половинки (в примере это 30px)

3. Добавляете в CSS настройки для кнопок:

Код:

.menu_vg a span {
display: block;
height: 30px;
width: 150px;
}
.menu_vg a span:hover {
background-position: 0 -30px;
}

height: 30px - это высота кнопки
width: 150px - ширина кнопки
В строке

background-position: 0 -30px;

задаете минус высоту половинки изображения кнопки. После этого при наведении она будет изменяться.

Последний вопрос, как между ними расстояние сделать? А за предыдущие ответы спасибо

Добавьте в уже существующие настройки одну строку (выделено красным):

.menu_vg a span {
display: block;
height: 30px;
width: 150px;
margin: 3px 0;
}

Danachka Я не понял как две кнопки залить воедину, можете мне объяснить

Мне это тоже идея понравилась у меня ваши коды те что вы приготовили для greenleo я их установил всё отлично но я незнаю как на свои кнопки заменить

можете мне объяснить

Объединить можно в любом фото-редакторе , Paint.NET - бесплатный

Спойлер:

В фотошопе совмести обе кнопки, но не в одну. Потом сохрани их как пнг. Дальше залей на любой хостинг картинок и вставь заместо

<a href="/f1-forum"><span style="background-image: url('httр://i28.servimg.соm/u/f28/16/08/40/28/fggh311.png')"><span></a>

выделеного красным ссылку своей картинки. на месте синего поставь свой форум, тему или категорию. t1-topic, f1-forum, c1-categori. Там должен ты сам разобраться.
Потом в таблице ксс ставь размеры одной кнопки, у меня это 200х26, у тебя 200х45.
вот как должен выглядить код ксс у тебя

Код:

.menu_vg a span {
display: block;
height: 45px;
width: 200px;
}
.menu_vg a span:hover {
background-position: 0 -45px;
}

Фотошопе??? Нет я эту программу не понимаю много раз пробоваль так и не научился. Может кто небудь поможете мне скрипт сделать с моими кнопками буду очень блогодарен вам.

Давайте картинки для кнопок и ссылки на переход по этим кнопкам
(всё по нужной вам очереди)
Кнопки я так понимаю будут с размерами 180x45 и начальная картинка тёмная...

Всё готова получилось можно закрыть тему всем спасибо кто помог

А ничего то что эту тему создал я?