X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Проблема с меню в шаблоне
colro_mw
colro_mw
Topic Starter сообщение 8.1.2014, 0:23; Ответить: colro_mw
Сообщение #1


Вообщем тестирую шаблон и вот такая вот просьба...
Меню слева, хотелось бы сделать таким: [img]http://probest-film.16mb.com/images/%D0%9C%D0%B5%D0%BD%D1%8E.png[/img]

Ссыль на сайт
Ссыль на шаблон
Пожалуйста, помогите!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
olegr
olegr
сообщение 8.1.2014, 1:08; Ответить: olegr
Сообщение #2


Вы хотите чтобы вам здесь написали код древовидного меню бесплатно или в каком смысле "помогите"?
При нажатии на главную категорию все категории, которые в неё вложены должны отображаться или на скрине вы показали готовый вариант?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
colro_mw
colro_mw
Topic Starter сообщение 8.1.2014, 10:14; Ответить: colro_mw
Сообщение #3


на скрине готовый вариант, вот код
<a class='none' style='cursor:pointer;' id="view_faq"><li class='faq_title'><img src='{THEME}/images/icons/game.png'>gamez</li></a>  
   <div style='height:200px;background:url(../images/bg_shadow.png) repeat-y right;display:none;color: #95979B;font-size: 13px;padding-top: 14px;padding-left: 16px;' id="faq_more">
       <a href='#' class='none'><li><img src='{THEME}/images/icons/game.png'>Игры</li></a>
    <a href='#' class='none'><li><img src='{THEME}/images/icons/films.png'>Фильмы</li></a>
       </div>
    <a href='#' class='none'><li><img src='{THEME}/images/icons/music.png'>Музыка</li></a>
    <a href='#' class='none'><li><img src='{THEME}/images/icons/programs.png'>Программы</li></a>
    <a href='#' class='none'><li><img src='{THEME}/images/icons/other.png'>Другое</li></a>
    <a class='none' style='cursor:pointer;' id="view_faq"><li class='faq_title'><img src='{THEME}/images/icons/faq.png'>FAQ</li></a>
    <div style='height:200px;background:url(../images/bg_shadow.png) repeat-y right;display:none;color: #95979B;font-size: 13px;padding-top: 14px;padding-left: 16px;' id="faq_more">
     <a href="#">Как создать аккаунт?</a><br><img src='images/icons/profile.png' style='margin-right:14px;float:right;opacity: 0.5;'>
     <a href="#">Как восстановить пароль?</a><br>
     <a href="#">Как установить аватар?</a><br><br>
     <a href="#">Как добавить пост?</a><br><img src='images/icons/plus_admin.png' style='margin-right:14px;float:right;opacity: 0.5;'>
     <a href="#">Как создать аккаунт?</a><br>
     <a href="#">Правила публикации</a><br>
     <a href="#">Добавления комментариев</a><br>
    </div>
   </ul>
  </div>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
olegr
olegr
сообщение 8.1.2014, 14:27; Ответить: olegr
Сообщение #4


У Вас на сайте сменился шаблон. Вопрос уже не актуален?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
colro_mw
colro_mw
Topic Starter сообщение 8.1.2014, 19:29; Ответить: colro_mw
Сообщение #5


актуален, если что есть еще один сайт ссыль
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
olegr
olegr
сообщение 8.1.2014, 19:56; Ответить: olegr
Сообщение #6


Хорошо, а почему не воспользоваться самым простым вариантом и у нужных элеметов списка <li> не прописать
style="margin-left:40px;width:200px;"
?

На скрине вариант такого способа (при наведении)
Эскизы прикрепленных изображений
Прикрепленное изображение
 
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
colro_mw
colro_mw
Topic Starter сообщение 8.1.2014, 20:40; Ответить: colro_mw
Сообщение #7


Не очень понял, можете целеком код написать
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
olegr
olegr
сообщение 8.1.2014, 20:43; Ответить: olegr
Сообщение #8


<ul class="menu">
    <a href="#" class="none"><li><img src="/templates/UniverseGa/images/icons/music.png">Музыка</li></a>
      
    <a href="#" class="none"><li style="margin-left:40px;width:200px;"><img src="/templates/UniverseGa/images/icons/programs.png">Программы</li></a>
      
  
       <a href="#" class="none"><li style="margin-left:40px;width:200px;"><img src="/templates/UniverseGa/images/icons/other.png">Другое</li></a>
      
    <a class="none" style="cursor:pointer;" id="view_faq"><li class="faq_title"><img src="/templates/UniverseGa/images/icons/faq.png">FAQ</li></a>
    <div style="height:200px;background:url(../images/bg_shadow.png) repeat-y right;display:none;color: #95979B;font-size: 13px;padding-top: 14px;padding-left: 16px;" id="faq_more">
     <a href="#">Как создать аккаунт?</a><br><img src="images/icons/profile.png" style="margin-right:14px;float:right;opacity: 0.5;">
     <a href="#">Как восстановить пароль?</a><br>
     <a href="#">Как установить аватар?</a><br><br>
     <a href="#">Как добавить пост?</a><br><img src="images/icons/plus_admin.png" style="margin-right:14px;float:right;opacity: 0.5;">
     <a href="#">Как создать аккаунт?</a><br>
     <a href="#">Правила публикации</a><br>
     <a href="#">Добавления коментариев</a><br>
    </div>
   </ul>


Сообщение отредактировал GVA - 8.1.2014, 20:53
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
colro_mw
colro_mw
Topic Starter сообщение 8.1.2014, 20:55; Ответить: colro_mw
Сообщение #9


вы не поняли, я хотел бы при нажатии на меню чтоб открывалось подменю
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
olegr
olegr
сообщение 8.1.2014, 21:10; Ответить: olegr
Сообщение #10


[member=colro], а это уже другой разговор, если вы хотите при нажатии отображения всех вложенных категорий.
Цитата из первого моего сообщения
При нажатии на главную категорию все категории, которые в неё вложены должны отображаться или на скрине вы показали готовый вариант?


Но такое меню как вы хотите тоже можно сделать.

Сообщение отредактировал GVA - 8.1.2014, 21:11
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Проблема с админкой
5 Prok 2315 29.7.2019, 20:04
автор: dvakarandasha
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема с таблицей, которая выводится через скрипт
7 vanchester 1335 15.2.2019, 19:06
автор: Artos_mw
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПеренести меню
1 Викторио_mw 1452 28.8.2018, 0:10
автор: TimurR
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема в тегах при сохранении контента
1 Kord18 1403 13.3.2018, 18:19
автор: Evgeniy3200
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема вёрстки адаптивной страницы на divах
28 master-vek 4713 8.2.2018, 19:29
автор: master-vek


 



RSS Текстовая версия Сейчас: 29.3.2024, 2:06
Дизайн