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

Объявление

GEMcross

Кроссовер, ориентированный на активную игру и уютный флуд.
Собираем у себя драгоценных игроков уже почти три года.

Посетить

💰 Теперь у нас можно приобрести "Мгновенные уведомления от Алекса"

Скрипт оповещает пользователей о событиях на форуме в реальном времени, придавая динамики общению.
Автор: Alex_63 | Платформа: MyBB.ru.

У нас: структурированная документация, возможность платить иностранными картами, перевыпустить подписку или купить бессрочно.

Купить скрипт

🔥 Новинка в портфолио: ДИЗАЙН ФОРУМА В СТИЛЕ ФЭНТЭЗИ С ПРОЗРАЧНОСТЬЮ

Платформа: MyBB.ru (RusFF)
Стоимость: 8000 рублей;
Авторы: Moju & Gerda

Посмотреть

🌟 ОПЛАТА ЗАКАЗА НАГРАДНЫМИ БАЛЛАМИ И СКИДКИ

Заказы можно оплачивать наградными баллами (НБ). Полностью или частично.
Бартер за НБ осуществляется на условиях платного заказа, в качестве оплаты - НБ.
А если у вас есть любой платный заказ, вы можете обменять НБ на скидочные купоны.

узнать подробности

📣 Наш проект: Ролевой поисковик

Поиск роли на текстовых ролевых
Проект от специалистов FD

Спойлеры и обсуждение

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

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

Подробнее

SPECIAL OFFER: We distribute designs for free

Finalizing the layout for your project;
Developing a style code;
Mobile version included if you wish.

Details

Support the project

If you want to help us:
Become a moderator
SuggestionsReviews

Details
❗ ❗ ❗ Technical work is underway. We'll fix it soon. :) If you're english-speaker and want to use our forum, switch to the russian language. This is temporary, until the works with multi-language option will be done. Sorry for the inconvenience.

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

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



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

Сообщений 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