Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» совет админамавтор лексей2222 Сегодня в 10:00
» [решено]Редактирвоание темы
автор AlexDarkTech Октябрь 13th 2024, 08:14
» Проблема с гугл из-за Hitskin
автор лексей2222 Октябрь 11th 2024, 11:30
» Пропали иконки редактирования - HEEELP
автор Archaea Сентябрь 23rd 2024, 18:11
» Как загружать ролики и мультики по ссылкам напрямую
автор лексей2222 Сентябрь 14th 2024, 19:22
» Интернет адрес форума
автор Mierena Сентябрь 7th 2024, 15:24
» некоторые форумы долго загружаются
автор Raumt Сентябрь 6th 2024, 15:06
» На форуме Пропали кнопки модерации тем
автор лексей2222 Август 16th 2024, 22:36
» Проблема с метатегом Description
автор VeraLV Июнь 14th 2024, 17:06
» [решено] Исчезли картинки кнопок
автор VeraLV Май 26th 2024, 13:04
Как сделать кнопки навигации?
Участников: 4
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Как сделать кнопки навигации?
Возможно ли заменить текст-ссылки в навигации, на кнопочки? Я не про верхние кнопки, там где выйти, вход, регистрация, а про левый столбик с названием "Меню". Вот мой форум http://onepiece-gold.forum2x2.ru/
Re: Как сделать кнопки навигации?
А можно его увидеть незарегистрированным пользователям?
P.S. на всякий случай - загляните сюда: https://help.forum2x2.ru/t17776-topic#143749
P.S. на всякий случай - загляните сюда: https://help.forum2x2.ru/t17776-topic#143749
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Как сделать кнопки навигации?
Извините думал что эта функция где написано "гости, пользователи" и т.д. даёт им возможность изменять меню. Сейчас поправил. Смотрите.
Re: Как сделать кнопки навигации?
Теперь вижу, спасибо.
По идее, можно просто подставить вместо текста в каждой строке
По идее, можно просто подставить вместо текста в каждой строке
- Код:
<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 |
Re: Как сделать кнопки навигации?
1. Ставите в виджет див с классом menu_vg
Верхняя часть - стандартное изображение, нижнее - при наведении.
Замеряете высоту половинки (в примере это 30px)
3. Добавляете в CSS настройки для кнопок:
width: 150px - ширина кнопки
В строке
- Код:
<div class="menu_vg">
...
</div>
- пример:
- Код:
<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;
}
width: 150px - ширина кнопки
В строке
задаете минус высоту половинки изображения кнопки. После этого при наведении она будет изменяться.background-position: 0 -30px;
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Как сделать кнопки навигации?
Последний вопрос, как между ними расстояние сделать? А за предыдущие ответы спасибо
Re: Как сделать кнопки навигации?
Добавьте в уже существующие настройки одну строку (выделено красным):
.menu_vg a span {
display: block;
height: 30px;
width: 150px;
margin: 3px 0;
}
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Как сделать кнопки навигации?
Danachka Я не понял как две кнопки залить воедину, можете мне объяснить
molniya-
-
Сообщения : 1071
Регистрация : 2010-11-15
Благодарности : 166
Re: Как сделать кнопки навигации?
Мне это тоже идея понравилась у меня ваши коды те что вы приготовили для greenleo я их установил всё отлично но я незнаю как на свои кнопки заменить
molniya-
-
Сообщения : 1071
Регистрация : 2010-11-15
Благодарности : 166
Re: Как сделать кнопки навигации?
можете мне объяснить
Объединить можно в любом фото-редакторе , Paint.NET - бесплатный
- Спойлер:
В вашем случае width:200;height:45 ;background-position: 0 -45px3. Добавляете в 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;
задаете минус высоту половинки изображения кнопки. После этого при наведении она будет изменяться.
Последний раз редактировалось: gorezcaid (Июнь 25th 2011, 19:24), всего редактировалось 1 раз(а)
Re: Как сделать кнопки навигации?
В фотошопе совмести обе кнопки, но не в одну. Потом сохрани их как пнг. Дальше залей на любой хостинг картинок и вставь заместо
Потом в таблице ксс ставь размеры одной кнопки, у меня это 200х26, у тебя 200х45.
вот как должен выглядить код ксс у тебя
выделеного красным ссылку своей картинки. на месте синего поставь свой форум, тему или категорию. t1-topic, f1-forum, c1-categori. Там должен ты сам разобраться.<a href="/f1-forum"><span style="background-image: url('httр://i28.servimg.соm/u/f28/16/08/40/28/fggh311.png')"><span></a>
Потом в таблице ксс ставь размеры одной кнопки, у меня это 200х26, у тебя 200х45.
вот как должен выглядить код ксс у тебя
- Код:
.menu_vg a span {
display: block;
height: 45px;
width: 200px;
}
.menu_vg a span:hover {
background-position: 0 -45px;
}
Re: Как сделать кнопки навигации?
Фотошопе??? Нет я эту программу не понимаю много раз пробоваль так и не научился. Может кто небудь поможете мне скрипт сделать с моими кнопками буду очень блогодарен вам.
molniya-
-
Сообщения : 1071
Регистрация : 2010-11-15
Благодарности : 166
Re: Как сделать кнопки навигации?
Давайте картинки для кнопок и ссылки на переход по этим кнопкам
(всё по нужной вам очереди)
Кнопки я так понимаю будут с размерами 180x45 и начальная картинка тёмная...
(всё по нужной вам очереди)
Кнопки я так понимаю будут с размерами 180x45 и начальная картинка тёмная...
Re: Как сделать кнопки навигации?
Всё готова получилось можно закрыть тему всем спасибо кто помог
molniya-
-
Сообщения : 1071
Регистрация : 2010-11-15
Благодарности : 166
Похожие темы
» Как сделать на форуме кнопки навигации?!
» Кнопки навигации
» Можно ли сделать сделать в профиле пользователя кнопки-спойлеры с инфой?
» Кнопки навигации
» кнопки навигации
» Кнопки навигации
» Можно ли сделать сделать в профиле пользователя кнопки-спойлеры с инфой?
» Кнопки навигации
» кнопки навигации
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения