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

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


С нашей помощью вы можете создать форум,
похожий на этот!
Поделиться ссылкой

Мы в социальных сетях



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

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


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

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: JPG-Net Видео фоторедактор Транслит
Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

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

Предыдущая тема Следующая тема Перейти вниз

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

Сообщение автор greenleo в Сб 25 Июн - 14:15

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

greenleo
 
 

Пол : Мужчина
Сообщения : 96
Возраст : 20
Место обитания : Змеиногорск
Настроение : Всегда хорошее
Карма : Без предупреждений
Благодарности : 1
Регистрация : 2011-04-28

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

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

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

Сообщение автор Dana Domirani в Сб 25 Июн - 14:56

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

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


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


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


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



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

Пол : Женщина
Сообщения : 21913
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8761
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

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

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

Сообщение автор greenleo в Сб 25 Июн - 15:23

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

greenleo
 
 

Пол : Мужчина
Сообщения : 96
Возраст : 20
Место обитания : Змеиногорск
Настроение : Всегда хорошее
Карма : Без предупреждений
Благодарности : 1
Регистрация : 2011-04-28

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

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

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

Сообщение автор Dana Domirani в Сб 25 Июн - 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>
и т.д.


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


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


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



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

Пол : Женщина
Сообщения : 21913
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8761
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

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

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

Сообщение автор greenleo в Сб 25 Июн - 16:20

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

greenleo
 
 

Пол : Мужчина
Сообщения : 96
Возраст : 20
Место обитания : Змеиногорск
Настроение : Всегда хорошее
Карма : Без предупреждений
Благодарности : 1
Регистрация : 2011-04-28

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

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

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

Сообщение автор Dana Domirani в Сб 25 Июн - 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>
Фоновое изображение - это и есть кнопка:

Верхняя часть - стандартное изображение, нижнее - при наведении.
Замеряете высоту половинки (в примере это 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;
задаете минус высоту половинки изображения кнопки. После этого при наведении она будет изменяться.


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


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


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



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

Пол : Женщина
Сообщения : 21913
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8761
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

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

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

Сообщение автор greenleo в Сб 25 Июн - 18:56

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

greenleo
 
 

Пол : Мужчина
Сообщения : 96
Возраст : 20
Место обитания : Змеиногорск
Настроение : Всегда хорошее
Карма : Без предупреждений
Благодарности : 1
Регистрация : 2011-04-28

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

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

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

Сообщение автор Dana Domirani в Сб 25 Июн - 19:06

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


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


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


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



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

Пол : Женщина
Сообщения : 21913
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8761
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

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

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

Сообщение автор molniya в Сб 25 Июн - 19:07

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






molniya
 
 

Пол : Мужчина
Сообщения : 1090
Карма : Без предупреждений
Благодарности : 165
Регистрация : 2010-11-15

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

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

Сообщение автор molniya в Сб 25 Июн - 19:09

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

molniya
 
 

Пол : Мужчина
Сообщения : 1090
Карма : Без предупреждений
Благодарности : 165
Регистрация : 2010-11-15

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

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

Сообщение автор gorezcaid в Сб 25 Июн - 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 (Сб 25 Июн - 19:24), всего редактировалось 1 раз(а)

gorezcaid
 
 

Пол : Мужчина
Сообщения : 1808
Возраст : 73
Карма : Без предупреждений
Благодарности : 780
Регистрация : 2010-08-18

http://gorezcaid.forumbook.ru/

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

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

Сообщение автор greenleo в Сб 25 Июн - 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
 
 

Пол : Мужчина
Сообщения : 96
Возраст : 20
Место обитания : Змеиногорск
Настроение : Всегда хорошее
Карма : Без предупреждений
Благодарности : 1
Регистрация : 2011-04-28

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

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

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

Сообщение автор molniya в Сб 25 Июн - 20:00

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

molniya
 
 

Пол : Мужчина
Сообщения : 1090
Карма : Без предупреждений
Благодарности : 165
Регистрация : 2010-11-15

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

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

Сообщение автор gorezcaid в Сб 25 Июн - 22:35

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

gorezcaid
 
 

Пол : Мужчина
Сообщения : 1808
Возраст : 73
Карма : Без предупреждений
Благодарности : 780
Регистрация : 2010-08-18

http://gorezcaid.forumbook.ru/

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

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

Сообщение автор molniya в Сб 25 Июн - 23:14

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

molniya
 
 

Пол : Мужчина
Сообщения : 1090
Карма : Без предупреждений
Благодарности : 165
Регистрация : 2010-11-15

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

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

Сообщение автор greenleo в Вс 26 Июн - 7:39

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

greenleo
 
 

Пол : Мужчина
Сообщения : 96
Возраст : 20
Место обитания : Змеиногорск
Настроение : Всегда хорошее
Карма : Без предупреждений
Благодарности : 1
Регистрация : 2011-04-28

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

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

Предыдущая тема Следующая тема Вернуться к началу

- Похожие темы

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