Горизонтальное меню
Nemoy
Вторник, 06 Сентября 2016, 15:32 | Сообщение 1
Здравствуйте,,, помогите добавить в верхнем части сайта горизонтальное меню
Код
<div class="top"> <div class="width-1000"> <div class="counter left"> <span class="icon br-50 left"></span><span class="number left"><?substr($ONLINE_COUNTER$, 48, strrpos($ONLINE_COUNTER$,"onl2")-48-36)?></span> <div class="sub hidden"> <div style="display: none;" id="template"> <div class="online-user hidden"> <div class="avatar br-50 left hidden"><img src="{USERAVATARURL}" /></div> <ul> <li><a href="/index/8-{USERID}">{USERNAME}</a></li> <li class="group-{USERGROUPID}">{USERGROUPNAME}</li> </ul> <a href="/index/14-{USERID}-0-1/" class="message br-50 right"></a> </div><!-- </online-user> --> </div> <script src="/scripts/statistics.js"></script> <div class="text hidden">$ONLINE_COUNTER$</div> </div><!-- </counter> --> </div> <a href="/" class="logotype left">Diz-maNIa</a> <ul class="menu left"> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> </ul> <div class="profile right"> <?if($USER_LOGGED_IN$)?> <div class="information left"> <div class="avatar left"> <img src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>/new-images/no-avatar-2.png<?endif?>" class="br-2" /> </div><!-- </avatar> --> <div class="name left hidden"><span></span>$USERNAME$</div> <div class="sub sh-w"> <ul> <li><a href="$PERSONAL_PAGE_LINK$">Мой профиль</a></li> <li><a href="/index/11/">Изменить данные</a></li> <li><a href="/load/0-0-0-0-1/">Добавить материал</a></li> <li><a href="$LOGOUT_LINK$">Покинуть сайт</a></li> </ul> </div> </div><!-- </information> --> <a href="$PM_URL$" class="pm left">Сообщения: $UNREAD_PM$</a> <div class="chat left"><a href="javascript://" class=""><span></span></a> <div class="sub" style="display: none;">$CHAT_BOX$</div> </div> <?else?> <a href="$REGISTER_LINK$" class="registration left">Регистрация</a> <div class="login left"><a href="javascript://">Вход</a> <div class="sub" style="display: none;">$LOGIN_FORM$</div> </div> <?endif?> <div class="clear"></div> </div><!-- </profile> --> </div><!-- </width-994> --> </div><!-- </top> --> <div class="top-fixed"></div> <?if($PAGE_ID$="main" || $MODULE_ID$="index" || $PAGE_ID$="add" || $PAGE_ID$="edit")?> <?if!($PAGE_ID$="userdetails")?> <div class="middle"> <div class="picture"><img src="/header-picture.png" alt="Шрифты для Фотошопа" title="Шрифты для Фотошопа" /></div> <div class="information"> Сейчас я Вам расскажу немного о нашем замечательном и уникальном сайте. Наш сайт расчитан на категорию людей которые работают ну или желают научиться рисовать в программе <b>Adobe Photoshop</b>.. У нас можно скачать различные инструмены для работы в программе <b>Adobe Photoshop</b> . Ведь без инструментов работы наш Adobe Photoshop остается только лишь программой. без инструментов не выйдет ни гениального проекта ни простого рисунка. Поэтому нужно иметь различные инструменты и дополнения к программе программе <b>Adobe Photoshop</b> .Кроме того еще его постоянно нужно пополнять и дополнять различными инструментами экшинами плагинами - это все же для облегчения нашего труда. У нас на нашем сайте можно всегда <b>скачать кисти</b>, <b>стили</b>, <b>шрифты</b>,<b>плагины</b>, <b>узоры</b>, <b>формы</b>, <b>градиенты</b>, <b>рамки</b>, <b>шаблоны</b>, <b>текстуры</b>, <b>готовые psd файлы</b>, <b>стоки</b>, <b>без регистрации и бесплатно</b>, всё для Вашего творчества. </p> </div> </div><!-- </middle> --> <div class="bottom hidden"> <div class="users left"> $MYINF_1$ <span>и ещё $MYINF_2$ пользователей уже зарегистрировались на сайте</span> </div> <div class="search right"> <form action="/search/" method="get" onsubmit="this.sfSbm.disabled=true"> <input type="text" class="query-field" size="20" maxlength="80" name="q" placeholder="Поиск по сайту..."> <input type="submit" class="query-search tr-o" name="sfSbm" value=""> </form> </div> </div><!-- </bottom> --> <?endif?><?endif?> <?if($PAGE_ID$="userdetails")?> <div class="profile-top" style="background: url('/images/profile-cover.png');"> <div class="inbox hidden"> <div class="avatar br-50 left hidden"><?if($_AVATAR$)?>$_AVATAR$<?else?><img src="/new-images/no-avatar-6.png" /><?endif?></div> <div class="left"> <div class="title">Персональная страница пользователя – $_USERNAME$</div> <ul class="contacts left"> <li><div>Skype:</div><?if($_MSN$)?>$_MSN$<?else?>Не указан<?endif?></li> <li><div>ВКонтакте:</div><?if($_YAHOO$)?>$_YAHOO$<?else?>Не указан<?endif?></li> <li><div>Сайт:</div><?if($_WWW$)?>$_WWW$<?else?>Не указан<?endif?></li> </ul> </div> <div class="right"> <div class="status"> <?if(strpos($_STATUS$,'Offline')!=-1)?> <?if(!$_IS_OWN_PROFILE$)?>Был <?if($_GENDER_ID$="2")?>а <?endif?><?if($DATE$=substr($_LOG_TIME$,strpos($_LOG_TIME$,', ')+2,strpos(substr($_LOG_TIME$,strpos($_LOG_TIME$,', ')+2),', ')))?>сегодня<?else?><?if((substr($_LOG_TIME$,strpos($_LOG_TIME$,', ')+2,2)=($DAY$-1)) && (substr(substr($_LOG_TIME$,strpos($_LOG_TIME$,', ')+2,strpos(substr($_LOG_TIME$,strpos($_LOG_TIME$,', ')+2),', ')),3)=substr($DATE$,3)))?>вчера<?else?><?substr(substr($_LOG_TIME$,strpos($_LOG_TIME$,', ')+2,strpos(substr($_LOG_TIME$,strpos($_LOG_TIME$,', ')+2),', ')),0,-5)?><?endif?><?endif?> в <?substr($_LOG_TIME$,strrpos($_LOG_TIME$,', ')+2)?><?endif?><?else?><span style="color: #4ec856;">Сейчас на сайте</span><?endif?> </div> <div class="no-send-message"></div> <div class="activity hidden"> <a href="#"><div>$_COM_ENTRIES$</div>комментар<?if($_COM_ENTRIES$%10=0||$_COM_ENTRIES$%10>4||$_COM_ENTRIES$%100>10&&$_COM_ENTRIES$%100<15)?>ий<?else?><?if($_COM_ENTRIES$%10=1)?>ий<?else?>ия<?endif?><?endif?></a> <a href="#"><div>$_LOAD_ENTRIES$</div>материал<?if($_LOAD_ENTRIES$%10=0||$_LOAD_ENTRIES$%10>4||$_LOAD_ENTRIES$%100>10&&$_LOAD_ENTRIES$%100<15)?>ов<?else?><?if($_LOAD_ENTRIES$%10=1)?><?else?>а<?endif?><?endif?></a> </div> </div> </div> </div> <?endif?> <script src="/scripts/jquery.nicescroll.min.js"></script> <script> $(document).ready(function() { $("#useridonlines").niceScroll(); }); </script>
Скриншот снизу !!!!
Сообщение отредактировал Nemoy - Вторник, 06 Сентября 2016, 15:50
Страна: (TJ )
Angerfist
Вторник, 06 Сентября 2016, 17:13 | Сообщение 2
Nemoy, ха-ха это рип? тут добавить нечего если рип кроме того как меню было настроено под тот шаблон и одной вставкой конструкции не обойтись без настройки стилей, так как вёрстка html5 то в теги header меню вставляется с заменой предыдущего меню. Стили по любому переписывать если шаблон не идентичный. Короче гемор на вашу голову)
No regrets
Страна: (RU )
Nemoy
Вторник, 06 Сентября 2016, 17:27 | Сообщение 3
А нельзя ли добавить скрипт что бы между кнопками текст выводили горизонтальные меню Опишите куда и какой скрипт поставить пожалуйста !!!
Сообщение отредактировал Nemoy - Вторник, 06 Сентября 2016, 17:27
Страна: (RU )
Angerfist
Вторник, 06 Сентября 2016, 17:30 | Сообщение 4
Nemoy, погодите я не понял, так это ваш сайт diz-mania? Вопрос не понятен, в меню выводить меню? это как?))) Может подменю?
No regrets
Страна: (RU )
Nemoy
Вторник, 06 Сентября 2016, 17:36 | Сообщение 5
Angerfist да сайт мой,,,,, в верхнем части хочу добавить горизонтальное меню,,, но увы не получается !!!
Страна: (RU )
Angerfist
Вторник, 06 Сентября 2016, 17:39 | Сообщение 6
Я повторюсь я вопроса не понял, меню уже установлено и оно горизонтальное... Пояснее можно?
No regrets
Страна: (RU )
Angerfist
Вторник, 06 Сентября 2016, 17:44 | Сообщение 7
У вас же уже есть меню на маркированном спискеКод
<ul class="menu left"> <li><a href="http://diz-mania.ru/">Главная страница</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> </ul>
Там и заполняйте пункты, короче я не догоняю)
No regrets
Сообщение отредактировал Angerfist - Вторник, 06 Сентября 2016, 17:47
Страна: (RU )
Nemoy
Вторник, 06 Сентября 2016, 17:50 | Сообщение 8
Angerfist,,, зайди на сайт и посмотри верхний част сайта,,, там нет горизонтальное меню,,,,, а я хочу сделать горизонтальное меню,,,,, не подскажешь как сделать ? Что бы было типо так как на скриншоте
Страна: (RU )
Angerfist
Вторник, 06 Сентября 2016, 18:04 | Сообщение 9
Короче либо ты показываешь мне где взял шаблон или сайт с таким же шаблоном. Либо гуглишь на тему Как создать выпадающее меню) Вот так яснее будет.
No regrets
Страна: (RU )
Angerfist
Вторник, 06 Сентября 2016, 18:07 | Сообщение 10
Примерно такКод
<ul class="menu"> <li><a href=#>Menu 1</a> <ul class="submenu"> <li><a href=#>Sudmenu 1</a></li> <li><a href=#>Sudmenu 1</a></li> <li><a href=#>Sudmenu 1</a></li> </ul> </li> <li><a href=#>Menu 2</a> <ul class="submenu"> <li><a href=#>Sudmenu 2</a></li> <li><a href=#>Sudmenu 2</a></li> <li><a href=#>Sudmenu 2</a></li> </ul> </li> <li><a href=#>Menu 3</a> <ul class="submenu"> <li><a href=#>Sudmenu 3</a></li> <li><a href=#>Sudmenu 3</a></li> <li><a href=#>Sudmenu 3</a></li> </ul> </li> <li><a href=#>Menu 4</a> <ul class="submenu"> <li><a href=#>Sudmenu 4</a></li> <li><a href=#>Sudmenu 4</a></li> <li><a href=#>Sudmenu 4</a></li> </ul> </li> <li><a href=#>Menu 5</a> <ul class="submenu"> <li><a href=#>Sudmenu 5</a></li> <li><a href=#>Sudmenu 5</a></li> <li><a href=#>Sudmenu 5</a></li> </ul> </li> </ul>
No regrets
Страна: (RU )
Nemoy
Вторник, 06 Сентября 2016, 18:09 | Сообщение 11
Я не помню где скачивал данный шаблон,,,,,, я те могу скинуть шаблон в скайпе ?!
Страна: (TJ )
Angerfist
Вторник, 06 Сентября 2016, 18:10 | Сообщение 12
Просто стили надо добавить, это без JS пример.
No regrets
Страна: (RU )
Angerfist
Вторник, 06 Сентября 2016, 18:11 | Сообщение 13
На почту оправляй или лучше сайт покажи с которого скриншот сделан
No regrets
Сообщение отредактировал Angerfist - Вторник, 06 Сентября 2016, 18:15
Страна: (RU )
Nemoy
Вторник, 06 Сентября 2016, 18:31 | Сообщение 14
Цитата Angerfist (
)
скриншот сделан
данный скриншот я сам переделал на фотошопе
Страна: (TJ )
Angerfist
Вторник, 06 Сентября 2016, 18:53 | Сообщение 15
Вообщем вот конструкция, перекрой под свой сайт, я цвета примерно взял: не забудь что у тебя идёт класс такой Код
<ul class="menu left">
Я не стал тебе всё делать готовым всё, сам примени чтобы было всё ровноКод
<ul class="dropdown"> <li class="dropdown-top"> <a class="dropdown-top" href="/">Текст</a> <ul class="dropdown-inside"> <li><a href="/">Подменю</a></li> <li><a href="/">Подменю</a></li> <li><a href="/">Подменю</a></li> <li><a href="/">Подменю</a></li> <li><a href="/">Подменю</a></li> </ul> </li> <li class="dropdown-top"> <a class="dropdown-top" href="/">Текст</a> <ul class="dropdown-inside"> <li><a href="/">Подменю</a></li> <li><a href="/">Подменю</a></li> <li><a href="/">Подменю</a></li> <li><a href="/">Подменю</a></li> <li><a href="/">Подменю</a></li> </ul> </li> <li class="dropdown-top"> <a class="dropdown-top" href="/">Текст</a> <ul class="dropdown-inside"> <li><a href="/">Подменю</a></li> <li><a href="/">Подменю</a></li> <li><a href="/">Подменю</a></li> <li><a href="/">Подменю</a></li> <li><a href="/">Подменю</a></li> </ul> </li> <li class="dropdown-top"> <a class="dropdown-top" href="/">Текст</a> <ul class="dropdown-inside"> <li><a href="/">Подменю</a></li> <li><a href="/">Подменю</a></li> <li><a href="/">Подменю</a></li> <li><a href="/">Подменю</a></li> <li><a href="/">Подменю</a></li> </ul> </li> </ul>
СтилиКод
<style type="text/css"> ul.dropdown li { position: relative;} ul.dropdown, ul.dropdown-inside { list-style-type: none; padding: 0; } ul.dropdown-inside { position: absolute; left: -9999px; } ul.dropdown li.dropdown-top { display: inline; float: left; margin: 0 1px 0 0; } ul.dropdown li.dropdown-top a { padding: 3px 10px 4px; display: block; } ul.dropdown a.dropdown-top { background: #1C1C1C; } ul.dropdown a.dropdown-top:hover { padding: 2px 10px 5px; } ul.dropdown li.dropdown-top:hover .dropdown-inside { display: block; left: 0; } ul.dropdown .dropdown-inside { background: #1C1C1C; } ul.dropdown .dropdown-inside a:hover { background: #363636; } </style>
No regrets
Сообщение отредактировал Angerfist - Вторник, 06 Сентября 2016, 19:04
Страна: (RU )