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


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

Сообщений 1 страница 10 из 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

2

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

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

Ссылку на сайт, где нашли. Там должны быть материалы оформления меню, такие как картинки.

+1

3

Я скачал материалы т.е картинки, думал если кто то возьмётся мне помочь то я залью в "Файлы на моём форуме и проставлю ссылки в CSS, но могу дать ссылку на скачивание папки с изображениями (Ссылка).
Как Вам будет удобно так и сделаю.

0

4

Ghоst
Думаю проще кнопки - просто сделать(вырезать) картинки из превью и воткнуть вместо описания ссылок. которые разграничить тегами <br />

(У мну щас проблемы с изо на компе - доступен только текстовый режим отображения

0

5

Deff мне кажется вырезать просто не пойдёт, я бы и сам сделал таблицу и нарисовал надписи на кнопках, только получется это в стиле 90х, здесь же мне кажется менюшка будет менять изображения при наведении

0

6

Obsidian
Коды меню неполные. И это очевидно. Я хочу найти оригинал.

0

7

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

Коды меню неполные. И это очевидно. Я хочу найти оригинал.

По изображению нагуглил, брал всё здесь Ссылка

0

8

Obsidian
Я видел это уже. Проблема в том, что в меню столько лишнего, и так не хватает некоторых картинок... короче говоря, его кто-то откуда-то скопип*здил и выдает за свое творение, ничего в нем не понимая. Мне удалось восстановить только вид самой ссылки в таком меню.
http://fordis.rolka.su/
Слева.

0

9

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

0

10

Obsidian
Код меню, можно в html-ферз или низ.

Код:
<div id="uMenuDiv1">
<ul class="menu">  
     <li><a href="#"><span>Главная страница</span></a></li> 
     <li><a href="#"><span>Еще страница</span></a></li> 
     <li><a href="#"><span>Где-то там страница</span></a></li> 
     <li><a href="#"><span>И где же страница?</span></a></li> 
</ul></div>

Стиль, можно ставить просто в html-верх.

Код:
<style> /*Vertical menu*/ 
#uMenuDiv1 ul {
  list-style:none;
  padding: 8px;
  margin-left: -183px;
  line-height:200%;
  position: fixed; 
  top: 80px
     } 

#uMenuDiv1 ul li a 
{
  background:url('http://s2.uploads.ru/rhwRV.jpg');
  text-decoration:none;
  display:block;
  width:182px;
  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/h1kpW.jpg'); 
  color: #ffae28;
       } 


</style>

+1


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