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

Объявление

🔴 МАСТЕР-КЛАСС от magia "Жизненный цикл проекта"

Дата и время: начало 28 апреля в 16:00 по МСК;
Если у вас возникла идея создать ролевую игру, сообщество любителей собак или форум для киноманов,
но не знаете с чего начать и что делать, не беда! Мы здесь чтобы помочь.

Подробности

GEMcross

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

Посетить

🔥 Новинка в портфолио: ДИЗАЙН И ГРАФИКА В СТИЛЕ GENSHIN IMPACT

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

Посмотреть

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

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

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

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

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

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

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

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

Поиск роли на текстовых ролевых
Проект от специалистов 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.

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

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



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

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