|
|
| Модератор форума: chocopie, Samuel, Mihail |
| Форум » uCoz » Помощь по uCoz » Помощь с меню |
| Помощь с меню |
off-line Добавлено: 2013-Янв-26 - 22:20 | Сообщение #1
Всем привет. Такая штука получилось. Переделал из стандартного меню в шаблоне, на раздвежное. Но Меню лагает. Т.е. когда на сайт заходиш меню уже открыто и чтобы свернуть ее там + стоит, а должен -. После первого раза как свернеш меню оно станет нормально работать до тех пор пока не обновиш страницу.
Сайт: http://proverka54.ucoz.ru Вообшем сами коды: CSS всего правого блока: Код /* Right Block */ .block {background:#fff;border:2px solid #f4f4f4;width:255px;margin:8px 8px;overflow:hidden;} .block_tit {background:url('/img/block_tit.png')no-repeat bottom;text-transform:uppercase;color:#626262;font-style:italic;padding:8px 15px;} .block_tit span {color:#588ca7;} .block_con {padding:10px 10px;overflow:hidden;} .block_con li a {-webkit-transition:all 0.1s ease;background:url('/img/block_con_li_h.png')no-repeat 10px 8px #fbfbfb;display:block;border-radius:3px;color:#626262;padding:6px 15px 6px 30px;margin:5px 0;text-decoration:none;} .block_con li a:hover {background:url('/img/block_con_li_h.png')no-repeat 10px 8px #93abbb;color:#fff;} .block_new_comm {-webkit-transition:background 0.1s ease;background:#fbfbfb;border-radius:3px;padding:5px 5px;margin:5px 0;overflow:hidden;} .block_new_comm:hover {background:#93abbb;color:#fff;} .block_new_comm:hover .block_new_text a {color:#fff;} .block_new_av {background:#494949;border-radius:3px;padding:3px 3px;margin-right:11px;float:left;} .block_new_av img {border-radius:3px;width:33px;height:33px:} .block_new_text {margin:3px 0;} .block_new_text a {color:#7d9ca4;text-decoration:none;font-weight:700;} .block_new_text p {margin:3px 0 0 0;} .block_new_text p a {color:#626262;text-transform:uppercase;text-decoration:none;font-weight:normal;} .block_popular {border:1px solid #efefef;padding:3px 3px;margin:4px 3px;float:left;position:relative;} .block_popular img {width:221px;height:69px;} .block_popular_r {background:url('/img/block_p_bg.png');border-radius:3px;position:absolute;top:8px;right:9px;padding:3px 0;color:#efefef;text-align:center;width:48px;height:22px;font-size:9px;} .block_popular_c {background:url('/img/block_p_bg.png');border-radius:3px;position:absolute;bottom:8px;right:9px;padding:3px 0;color:#efefef;text-align:center;width:48px;height:22px;font-size:9px;} .block_popular_name {background:#fbfbfb;border-radius:3px;padding:6px 15px;margin:1px 3px;clear:left;} .block_popular_name a {text-transform:uppercase;text-decoration:none;color:#626262;} .block_popular_name a:hover {color:#7d9ca4;} .block_popular_name p {margin:5px 0 0 0;} .block_popular_name p a {text-decoration:none;color:#7d9ca4;text-transform:none;font-weight:700;} .block_popular_name p a:hover {color:#626262;} .block_counter_box {background:url('/img/block_tit.png')no-repeat bottom;padding-bottom:16px;margin:5px 8px 0 8px;overflow:hidden;} .block_counter {float:left;margin-top:3px;} .block_onlcounter {float:right;} .block_uslist {margin:10px 9px 15px 9px;} .block_todayus {background:#fbfbfb;border-radius:3px;color:#6f6f6f;padding:6px 15px;margin:0 8px;text-transform:uppercase;font-style:italic;text-align:center;} .block_todayus span {color:#588ca7;} .block_todayusinf {margin:10px 9px;} /* --- */ Сам код меню: Код <!-- <block1> --> </style> <script type="text/javascript" src="http://stock-exchange.ucoz.com/demo/akkordeon-menu/jquery-1.5.2.min.js"></script> <script type="text/javascript" src="http://stock-exchange.ucoz.com/demo/akkordeon-menu/scriptbreaker-multiple-accordion-1.js"></script> <script language="JavaScript"> $(document).ready(function() { $(".block_con").accordion({ accordion:false, speed: 800, closedSign: '[+]', openedSign: '[-]' }); }); </script> <div class="block"> <div class="block_tit">Главное <span>меню</span></div> <ul class="block_con"> <li><a href="#">Ваш пункт меню</a> <ul> <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> <li><a href="#">Ваш пункт меню</a> <ul> <li><a href="#">Ваш пункт меню</a></li> <li><a href="#">JВаш пункт меню</a></li> <li><a href="#">Ваш пункт меню</a></li> </ul> </li> <li><a href="#">Ваш пункт меню</a></li> </ul> </li> <li><a href="#">Ваш пункт меню</a> <ul> <li><a href="#">Ваш пункт меню</a></li> <li><a href="#">Ваш пункт меню</a></li> <li><a href="#">Ваш пункт меню</a> <ul> <li><a href="#">Ваш пункт меню</a></li> <li><a href="#">Ваш пункт меню</a></li> <li><a href="#">Ваш пункт меню</a></li> <li><a href="http://stock-exchange.ucoz.com/" target="_blank">Ваш пункт меню</a></li> </ul> </li> <li><a href="#">Ваш пункт меню</a></li> </ul> </li> <li><a href="http://stock-exchange.ucoz.com/" target="_blank">Ваш пункт меню</a></li> <li><a href="#">Ваш пункт меню</a></li> </ul> </div> <!-- </block1> --> Добавлено (26.01.2013, 22:20:45) Жизнь романтика.... Сообщение отредактировал fen1ks - Суббота, 2013-Янв-26, 14:10
|
off-line Добавлено: 2013-Янв-31 - 23:43 | Сообщение #2
fen1ks, Уже не надо я так понимаю.
|
off-line Добавлено: 2013-Фев-01 - 17:09 | Сообщение #3
MonaX, Не ну если поможеш, то надо) Просто пробовал шаблончик))
Жизнь романтика.... |
| |||
| |||
