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

Объявление

Акция! Дизайн «MyBB Technical Support»

Дизайн для форума MyBB в тематике компьютерных сообществ или технической поддержки
Стоимость при покупке эксклюзивно: 2000р 1200р
Скидка 40%. В стоимость входит настройка и корректировка дизайна.

Подробнее

Дизайн «Warlords of Draenor»

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

Подробнее

Светлый дизайн в фентези стиле с аниме-графикой

Макет для светлого дизайна в фентези стиле с аниме-графикой.
Стоимость: 2600р*
Дизайн продается эксклюзивно (в одни руки).

Подробнее

Дизайн для MyBB форума гильдии WoW Exodar

Детализированный rpg-дизайн для mybb форума гильдии в тематике Экзодара.
Стоимость: 2150р*
В стоимость входит настройка и корректировка дизайна.

Подробнее

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

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

Предложения

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

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


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


Вертикальное расположение меню навигации (CSS)

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

1

В HTML-верх

<style>
#pun-navlinks, #pun-navlinks .container {
margin : -65px 6px 0 0;
float : right;
}
#pun-navlinks .container {
background: transparent url(Ссылка на картинку);
border: 2px double #с1с1с1;
padding : 0.3em 0.3em 0.3em 0.5em;
}
#pun-navlinks.section {border-style: none; }
#pun-navlinks li {
display : block;
}
#pun-navlinks a {color : #c1c1c1;}
#pun-navlinks a:hover {color : #7CFC00;}
</style>

красное - меняет расположение меню
синий - цвет рамки
зелёный - цвет текста
фиолетовый - цвет текста при наведении курсора

+2

2

Спасибо, сделала - получилось. но не совсем то, что хотелось.
Как сделать ее определенного размера и что бы фон был прозрачный???

как хотелось бы

http://s3.uploads.ru/t/nqgpY.png

0

3

Валерия Моро
Уважаемые пользователи! Указывайте, пожалуйста, адрес форума при обращении!

0

4

Герда
Извините!
http://frgpdregon.mybb.ru/

0

5

Простите,
Как сделать ее чуть больше и длиннее?
Что бы было вот так:

Картинка

http://s2.uploads.ru/t/9pTzv.png

Ссылка на сайт: http://frgpdregon.mybb.ru/

0

6

попробуйте так :/ если это оно канешно
найдите элемент #pun-navlinks .container и измените его параметры на указанные мной

#pun-navlinks .container {
background: transparent url(https://forumstatic.ru/files/0012/44/7b/23887.jpg);
border: 2px double red;
padding: 74px 24px 109px 28px;
text-align: center;
}

Отредактировано Skywarp (08.12.2012 21:31:20)

0

7

Skywarp
Спасибо!!!
А как тогда раздвинуть расстояние между словами???
Извините, если не в тему(

Картинка

http://s3.uploads.ru/t/ZL9jT.png

0

8

Валерия Моро
добавьте в параметры этого же элемента вот это

line-height: 200%;

если много, то уменьшите процент

Отредактировано Skywarp (08.12.2012 21:43:00)

0

9

Skywarp

Я видимо куда-то не туда вставляю, потому что у меня все абсолютно исчезает, кроме фона!

0

10

Валерия Моро написал(а):

Я видимо куда-то не туда вставляю, потому что у меня все абсолютно исчезает, кроме фона!

дык я же говорю, поставить в тот же элемент, что я описал выше)
должно получицо так:

#pun-navlinks .container {
background: transparent url(https://forumstatic.ru/files/0012/44/7b/23887.jpg);
border: 2px double red;
padding: 74px 24px 109px 28px;
text-align: center;
line-height: 200%;
}

0

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»


ВНИМАНИЕ! При обращении за техподдержкой и вопросами по скриптам/оформлению, оставляйте ссылку на форум/сайт с проблемой! Специалист должен вживую видеть проблему, чтобы подсказать как ее решить.

ВНИМАНИЕ! Гости (не зарегистрированные на форуме) могут писать сообщения, но не могут вставлять прямые ссылки! Чтобы оставить сообщение со ссылкой на сайт, форум или скриншот удалите символы: "http://", "https://" или "www."


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