ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка

Объявление

Загадочный Дом «Кузнечик»

Форумные игры, кино, позитивное отношение и душевное общение!
Есть в мире место, где душе тепло...
Заходи, мы будем тебе рады!

Подробнее

Мийрон

Качественный пиар быстро и недорого.
Красивейшие дизайны по низким ценам.
Каталог ролевых игр.

Подробнее

FD Chat - Чат на вашем форуме

Чат на отдельной странице на форуме. Без регистрации, используются форумные аккаунты.
Стоимость: 1500р
Первым 10 покупателям скидка 20%.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайтеПредложения
Стать модераторомОтзывы

Подробнее
Внимание! Нужно ваше мнение! Выбираем новый логотип, новую стилистику и новую разметку заявок для проекта ролевых заявок.

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка » Каталог скриптов и стилей для МуBB.ru » Меню навигации: пункты картинками + расположение пунктов (CSS)


Меню навигации: пункты картинками + расположение пунктов (CSS)

Сообщений 1 страница 10 из 26

1

Замена ссылок меню навигации на картинки

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.


Инструкции

1. Настройка общего вида #pun-navlinks a
height: 20px; - укажите высоту ваших изображений
width: 70px; - укажите ширину ваших изображений. Если ширина изображений разная, необходимо удалить эту строку, и указать ширину для каждого элемента отдельно.
Пример:
#navindex a {background: url(адрес_изображения) no-repeat top center; width: 70px; }
#navuserlist a {background: url(адрес_изображения) no-repeat top center; width: 75px;}
и т.д.
! Для ховеров ширину указывать не нужно. Свойство наследуется.
margin-left: 10px; - расстояние между линками.

2. Настройка изображений

#navindex a
- Главная
#navuserlist a - Пользователи
#navsearch a - Поиск
#navprofile a - Профиль
#navpm a - ЛС
#navadmin a - Администрирование
#navlogout a - Выход
#navlogin a - Вход
#navregister  a - Регистрация
#navextra1 a - для добавленных ссылок, где цифра, это порядковый номер положения в меню.

background: url(адрес_изображения) - адрес вашего изображения, которое будет отображаться когда ссылка находится в состоянии покоя.

3. Настройка изображений ховера
Все как и выше. Только изображения для ссылок при наведении.


"Разбросать" пункты меню навигации по разным сторонам

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

height: ХХХpx; - ширина картинки
width: ХХХpx; - высота картинки
Расположение
top: ХХХpx; - выше/ниже
left: ХХХpx; - в лева/в права

Подпись автора

ForumD.ru очень нужны подписчики и социальных сетях и на YouTube!

https://forumstatic.ru/files/0007/e3/f7/42799.png   https://forumstatic.ru/files/0007/e3/f7/10336.png   https://forumstatic.ru/files/0007/e3/f7/85578.png

С увеличением количество подписчиков, нам откроются новые возможности и функционал.
Если хочешь поддержать наш проект - просто подпишись! :)

+3

2

Не работает.
#pun-navlinks a span {display: none;}
Скрывает всю навигацию

+1

3

Shaykan
Нун выбрать селектор из списка
#navindex a - Главная
#navuserlist a - Пользователи
#navsearch a - Поиск
#navprofile a - Профиль
#navpm a - ЛС
#navadmin a - Администрирование
#navlogout a - Выход
#navlogin a - Вход
#navregister  a - Регистрация
#navextra1 a - для добавл


а не
#pun-navlinks a span {display: none;}
а не

Отредактировано Deff (05.02.12 23:37)

Подпись автора

Скрипт мгновенных уведомлений new
(для замены от rusff), Платно! писать в Лс на РЕНО

+1

4

скажите пожалуйста, как для ссылки "награды" изображение поставить?

+1

5

Форум

Чтобы убрать лишние ссылки, сделала так:

Код:
#pun-navlinks li a {
  font-size: 1.1em;
  }
    #navuserlist  a span {display: none;}
    #navsearch a span {display: none;}
    #navprofile a span {display: none;}
    #navawards a span {display: none;}
    #navpm a span {display: none;}

Но на месте убранных ссылок остается пространство, как его убрать?

+1

6

Мёриэль
добавьте

#navuserlist, #navsearch, #navprofile, #navawards, #navpm {margin: -5px;}

пиксели под себя подберите

Подпись автора


http://s1.uploads.ru/t/qWjmP.gif           
Я дизайнер, я не хочу ничего решать, я хочу       
кнопки "Поиграть со шрифтами" и "Сделать красиво".

+2

7

Здравствуйте.
Извините, если не совсем по теме, но не подскажете, а как изменить начертание основного меню?

* D3.4 */
#pun-navlinks li a {
    font-size: 1.5em;
   
  }

то, что я выделила красным , я изменила, чтобы крупнее становилось, но где прописать начертание не знаю... + я хочу внедрить вот эти нестандартные шрифты http://s1.uploads.ru/t/ow4ep.png, одним из которых, чтобы было написано основное меню (курсивом)
вот форум

Подпись автора

)

+1

8

Олюся

.example {
   font-family: "Zanerian Two";
}

или

.example {
   font: bold 1.5em "Zanerian Two";
}
//Если Вы прописываете не только гарнитуру.

Надеюсь, Вы помните, что чтобы использовать нестандартные шрифты, придется повозиться в @font-face или на крайняк гугловским сервисом, иначе будут проблемы?

P.S. Для подобных вопросов есть тема Вопрос/ответ по дизайну css #5, а если не знаете, где спросить - создавайте свою тему в разделе для новичков.

+2

9

Олюся http://forum.mybb.ru/viewtopic.php?id=29775

Подпись автора

Скрипт мгновенных уведомлений new
(для замены от rusff), Платно! писать в Лс на РЕНО

+2

10

sadhaka, Deff спасибо. я попробую

Подпись автора

)

+1


Вы здесь » ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка » Каталог скриптов и стилей для МуBB.ru » Меню навигации: пункты картинками + расположение пунктов (CSS)