Обычное меню в графическое

 
Sometime CMS Community
Посетитель
no avatar
Сообщений: 7
Возможно что такой вопрос уже возникал, но ответа на него я так и не нашла.

Есть стандартное вертикальное меню http://www.ac-el.ru
Хотелось бы его сделать в таком виде как здесь http://ooo.cnt-sfera.ru/

На сайте используется шаблон newline-blue. Может ли кто нибудь объяснить как это реализовать?
Заранее спасибо
Посетитель
small user social cms
Медаль
Сообщений: 279
Написать в CSS шаблона
Реклама
cms
Посетитель
small user social cms
МедальКубок зрительских симпатийПочетный донор проекта
Сообщений: 713
Поищите по сайту - здесь уже менюх всевозможных навыкладывали кучу.
Sometime CMS Community
Посетитель
no avatar
Сообщений: 7
qwest:
Написать в CSS шаблона

Не могу никак врубиться как написать. Что то меня в штопор ввел этот файл jquery.treeview.css ((
Sometime CMS Community
Посетитель
no avatar
Сообщений: 7
maia:
Поищите по сайту - здесь уже менюх всевозможных навыкладывали кучу.


Поиск выдает что угодно, только не то что нужно
Посетитель
small user social cms
Медаль
Сообщений: 315
а файлик jquery.treeview.css не пробовали найти? и там все сделать...

или посмотреть код меню, которое интересует
Редактировалось: 1 раз (Последний: 4 октября 2010 в 18:19)
Россия - страна недокументированных возможностей.
Шаблоны Блог.
Посетитель
small user social cms
Медаль
Сообщений: 279
Надо новый класс в CSS прописать а потом ссылкам меню его присвоить.
Sometime CMS Community
Посетитель
no avatar
Сообщений: 7
LonelyCat:
а файлик jquery.treeview.css не пробовали найти? и там все сделать...

дык на этом файлике собственно и застряла )). Чувствую себя полным нубом )
Посетитель
small user social cms
Медаль
Сообщений: 315
LonelyCat:
или посмотреть код меню, которое интересует
Россия - страна недокументированных возможностей.
Шаблоны Блог.
Sometime CMS Community
Посетитель
no avatar
Сообщений: 7
неужели нет тут никого кто с этим сталкивался уже?
Посетитель
small user social cms
МедальКубок зрительских симпатий
Сообщений: 961
В шаблоне пишешь конструкцию, типа
Код PHP:
  1. <div id="menu">
  2. <ul>
  3. <li><a href="#">home</a></li>
  4. <li><a href="#" class="green">about us</a></li>
  5. <li><a href="#" class="blue">services</a></li>
  6. <li><a href="#" class="orange">solutions</a></li>
  7. <li><a href="#" class="brn">contact us</a></li>
  8. </ul>
  9. </div>
А в файле CSS пишешь типа:

Код PHP:
  1. #menu{
  2. background:#fff;
  3. width:170px;
  4. }
  5. #menu ul{
  6. list-style:none;
  7. }
  8. #menu li{
  9. list-style:none;
  10. margin:2px 0;
  11. }
  12. #menu li a{
  13. list-style:none;
  14. background:#82837c;
  15. color:#fff;
  16. text-transform:uppercase;
  17. font-size:11px;
  18. font-weight:bold;
  19. text-decoration:none;
  20. border:solid #777776;
  21. border-width:0 6px 0 6px;
  22. display:block;
  23. height:30px;
  24. line-height:30px;
  25. padding:0 0 0 10px;
  26. }
  27. #menu li a:hover{
  28. background:#777776;
  29. color:#fff;
  30. text-decoration:none;
  31. }
  32. #menu li a.green{
  33. background:#83ad3e;
  34. border:solid #6f9234;
  35. border-width:0 6px 0 6px;
  36. }
  37. #menu li a:hover.green{
  38. background:#6f9234;
  39. }
  40. #menu li a.blue{
  41. background:#4396bd;
  42. border:solid #377e9f;
  43. border-width:0 6px 0 6px;
  44. }
  45. #menu li a:hover.blue{
  46. background:#377e9f;
  47. }
  48. #menu li a.orange{
  49. background:#ff7327;
  50. border:solid #d65611;
  51. border-width:0 6px 0 6px;
  52. }
  53. #menu li a:hover.orange{
  54. background:#d65611;
  55. }
  56. #menu li a.brn{
  57. background:#a53cbe;
  58. border:solid #87249f;
  59. border-width:0 6px 0 6px;
  60. }
  61. #menu li a:hover.brn{
  62. background:#87249f;
  63. }

Получится типа как здесь в правом углу
Там всё просто. Или я не понял в чём проблема?
Редактировалось: 1 раз (Последний: 5 октября 2010 в 11:35)
Все идет хорошо, только мимо...
Web-Studio «PAL»
БЕСПЛАТНАЯ РАСКРУТКА САЙТОВ
Sometime CMS Community
Посетитель
no avatar
Сообщений: 7
О да, это именно то что мне нужно )) спасибо ))
Редактировалось: 1 раз (Последний: 5 октября 2010 в 13:30)
В начало страницы
Предыдущая темаСледующая тема Перейти на форум:
Быстрый ответ
Чтобы писать на форуме, зарегистрируйтесь или авторизуйтесь.