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 - Дизайн для форумов и техническая поддержка » Техническая поддержка » Красивое вертикальное меню (помогите собрать)


Красивое вертикальное меню (помогите собрать)

Сообщений 11 страница 19 из 19

1

Здравствуйте.
Я нашёл код и css стиль красивого меню для сайта, его я хочу поместить в левом поле ворума, сделать его плавающим.

Помогите написать скрипт пожалуйста

Так выглядит меню:

http://net-css.my1.ru/_ld/12/71656745.png

Этот DIV контейнер в котором я хочу сделать меню:

Код:
<div style="position: fixed; left: 0%; top: 30px;">
код меню
</script>
</div>

На одном из сайтов я нашел стиль и код на него (для ucoz):
Стиль

Код:
/*Vertical menu*/ 
 #uMenuDiv1 ul {list-style:none;padding:0;margin:0;line-height:200%;} 
 #uMenuDiv1 ul li a {background:url('/img/menu/vertical-link.jpg');text-decoration:none;display:block;width:182px;height:25px;text-shadow:1px 1px 1px #000;padding-left:20px;margin-bottom:5px;} 
 #uMenuDiv1 ul li a:hover {background:url('/img/menu/vertical-hover.jpg');}

То что вставляется в блок

Код:
<div id="uMenuDiv1" class="uMenuV" style="position:relative;"><ul class="uMenuRoot">  
 <li><div class="umn-tl"><div class="umn-tr"><div class="umn-tc"></div></div></div><div class="umn-ml"><div class="umn-mr"><div class="umn-mc"><div class="uMenuItem"><a href="http://net-css.my1.ru/"><span>Главная страница</span></a></div></div></div></div><div class="umn-bl"><div class="umn-br"><div class="umn-bc"><div class="umn-footer"></div></div></div></div></li> </ul></div>

В этом меню у меня будут особо важные разделы по играм

World of Warcraft
гайды - 1
гайды - 2
гайды - 3
Minecraft
дополнения - 1
дополнения - 2
дополнения - 3

Если может кто полностью объяснить и помочь сделать это меню, я залью изображения на свой форум, перепишу с новыми URL в css

Понимаю что просто так врядли станет кто то возиться, так что решим с "шиколадкой" через ЛС.

Мой форум http://alwow.ru

0

11

Ghоst написал(а):

ферз

верх. Глючит уже под конец дня.

+1

12

Ghоst сейчас начну делать, как сделаю выложу ссылку посмотреть что получилось. Спасибо что помог!

0

13

По моему здорово получилось Ссылка
Теперь дело встало за тем чтобы нарисовать лого нормальное и продолжить меню вниз пунктами по другой игре.
Только вот широковатое немного оно получилось, можно ли его сузить полностью на 20px?

0

14

Obsidian
На ваш сайт у меня Аваст ругается.

0

15

Возможно из за рекламы которая была не так давно, фишинговые окна соц сетей и обновление браузеров, убрал рекламу а антивирусы ругаются до сей поры, плохо =)

0

16

Obsidian

Obsidian написал(а):

Этот DIV контейнер в котором я хочу сделать меню:

<div style="position: fixed; left: 0%; top: 30px;">
код меню
</script>
</div>

красного быть не должно!

0

17

Obsidian написал(а):

Только вот широковатое немного оно получилось, можно ли его сузить полностью на 20px?

Код:
<style> /*Вертикальное меню*/ 
#uMenuDiv1 ul {
  list-style:none;
  padding: 8px;
  margin-left: -159px;
  line-height:200%;
  position: fixed; 
  top: 80px
     } 

#uMenuDiv1 ul li a 
{
  background:url('http://s3.uploads.ru/FrJE6.jpg');
  text-decoration:none;
  display:block;
  width:138px;
  height:25px;
  text-shadow:1px 1px 1px #000;
  padding-left: 20px;
  margin-bottom: 5px;
  color: #f39800
         } 

#uMenuDiv1 ul li a:hover {
  background:url('http://s3.uploads.ru/OZAkq.jpg'); 
  color: #ffae28;
       } 


</style>

+1

18

Сделал как и задумывал, теперь пользователям наверняка будет легче найти нужную информацию.
Ещё раз спасибо Ghоst, выручил!

http://s3.uploads.ru/t/02pPx.jpg

0

19

Obsidian
Я добавлю только, что у пользователей с низким разрешением экрана это меню может и, скорее всего, будет некрасиво обрываться. Можно было бы сделать выдвигающуюся панель, которая будет крепиться к левому краю экрана, чтобы разрешить эту проблему. Меню, конечно, окажется в обычном состоянии свернутым, но зато не будет проблем с целостностью кнопок.

0


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