Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.

Как сделать кнопки навигации? Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях
Важная информация!

Правила форума

для обязательного прочтения!

Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.

Я админ, не могу зайти!
(забыл / потерял пароль)


Общий FAQ по управлению форумом

FAQ: реклама на форуме

Туториалы по разным функциям ваших форумов

Алфавитный указатель

Интересные решения для форумов

Наши видео-туториалы

Условия пользования сервисом

Ссылки на полезные ресурсы

RSS-каналы


Yahoo! 
MSN 
AOL 
Netvibes 
Bloglines 


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

Перейти вниз

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

Сообщение автор greenleo в Июнь 25th 2011, 14:15

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

Мужчина

Сообщения : 96
Возраст : 22
Регистрация : 2011-04-28
Благодарности : 1

Без предупреждений

http://d-legion.forum2x2.ru/

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Июнь 25th 2011, 14:56

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

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


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

Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


Dana Domirani
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22817
Возраст : 34
Регистрация : 2008-04-18
Благодарности : 9183

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор greenleo в Июнь 25th 2011, 15:23

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

Мужчина

Сообщения : 96
Возраст : 22
Регистрация : 2011-04-28
Благодарности : 1

Без предупреждений

http://d-legion.forum2x2.ru/

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Июнь 25th 2011, 15:26

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

По идее, можно просто подставить вместо текста в каждой строке
Код:
<a href="http://onepiece-gold.forum2x2.ru/f1-forum">Новости</a><br>
ссылки на соответствующие картинки
Код:
<a href="/f1-forum"><img src="http://savepic.net/1521359.gif" alt="Новости" /></a>
и т.д.


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

Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


Dana Domirani
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22817
Возраст : 34
Регистрация : 2008-04-18
Благодарности : 9183

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор greenleo в Июнь 25th 2011, 16:20

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

Мужчина

Сообщения : 96
Возраст : 22
Регистрация : 2011-04-28
Благодарности : 1

Без предупреждений

http://d-legion.forum2x2.ru/

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Июнь 25th 2011, 17:22

1. Ставите в виджет див с классом menu_vg
Код:
<div class="menu_vg">
...
</div>
2. Добавляете в него код кнопок.
пример:
Код:
<div class="menu_vg">

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

</div>
Каждая кнопка выглядит так:
Код:
<a href="/f1-forum"><span style="background-image: url('http://i28.servimg.com/u/f28/16/08/40/28/fggh311.png')"><span></a>
Фоновое изображение - это и есть кнопка:
Как сделать кнопки навигации? Fggh311
Верхняя часть - стандартное изображение, нижнее - при наведении.
Замеряете высоту половинки (в примере это 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;
задаете минус высоту половинки изображения кнопки. После этого при наведении она будет изменяться.
Как сделать кнопки навигации? Dfgdfg10


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

Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


Dana Domirani
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22817
Возраст : 34
Регистрация : 2008-04-18
Благодарности : 9183

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор greenleo в Июнь 25th 2011, 18:56

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

Мужчина

Сообщения : 96
Возраст : 22
Регистрация : 2011-04-28
Благодарности : 1

Без предупреждений

http://d-legion.forum2x2.ru/

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Июнь 25th 2011, 19:06

Добавьте в уже существующие настройки одну строку (выделено красным):
.menu_vg a span {
display: block;
height: 30px;
width: 150px;
margin: 3px 0;
}


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

Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


Dana Domirani
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22817
Возраст : 34
Регистрация : 2008-04-18
Благодарности : 9183

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор molniya в Июнь 25th 2011, 19:07

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



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

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

Мужчина

Сообщения : 1071
Регистрация : 2010-11-15
Благодарности : 166

Без предупреждений

Вернуться к началу Перейти вниз

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

Сообщение автор molniya в Июнь 25th 2011, 19:09

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

Мужчина

Сообщения : 1071
Регистрация : 2010-11-15
Благодарности : 166

Без предупреждений

Вернуться к началу Перейти вниз

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

Сообщение автор gorezcaid в Июнь 25th 2011, 19:20

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

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

Спойлер:
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;
задаете минус высоту половинки изображения кнопки. После этого при наведении она будет изменяться.
В вашем случае width:200;height:45 ;background-position: 0 -45px


Последний раз редактировалось: gorezcaid (Июнь 25th 2011, 19:24), всего редактировалось 1 раз(а)
gorezcaid
gorezcaid
 

Мужчина

Сообщения : 1805
Возраст : 76
Регистрация : 2010-08-18
Благодарности : 782

Без предупреждений

http://gorezcaid.forumbook.ru/

Вернуться к началу Перейти вниз

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

Сообщение автор greenleo в Июнь 25th 2011, 19:21

В фотошопе совмести обе кнопки, но не в одну. Потом сохрани их как пнг. Дальше залей на любой хостинг картинок и вставь заместо
<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;
}
greenleo
greenleo
 

Мужчина

Сообщения : 96
Возраст : 22
Регистрация : 2011-04-28
Благодарности : 1

Без предупреждений

http://d-legion.forum2x2.ru/

Вернуться к началу Перейти вниз

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

Сообщение автор molniya в Июнь 25th 2011, 20:00

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

Мужчина

Сообщения : 1071
Регистрация : 2010-11-15
Благодарности : 166

Без предупреждений

Вернуться к началу Перейти вниз

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

Сообщение автор gorezcaid в Июнь 25th 2011, 22:35

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

Мужчина

Сообщения : 1805
Возраст : 76
Регистрация : 2010-08-18
Благодарности : 782

Без предупреждений

http://gorezcaid.forumbook.ru/

Вернуться к началу Перейти вниз

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

Сообщение автор molniya в Июнь 25th 2011, 23:14

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

Мужчина

Сообщения : 1071
Регистрация : 2010-11-15
Благодарности : 166

Без предупреждений

Вернуться к началу Перейти вниз

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

Сообщение автор greenleo в Июнь 26th 2011, 07:39

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

Мужчина

Сообщения : 96
Возраст : 22
Регистрация : 2011-04-28
Благодарности : 1

Без предупреждений

http://d-legion.forum2x2.ru/

Вернуться к началу Перейти вниз

Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения