ვერტიკალური ლამაზი ყავისფერი მენიუ საიტისათვის, მასზე დაჭერისას ლინკი ყვითლდება... - მენიუ საიტისთვის - სკრიპტების არქივი - შეტყობინებების დაფა

ვაკეთებთ ინფორმერს ჩემ შემთხვევაში $MYINF_15$ და ამ კოდში ვსვავთ ქვემოთ მოყვანილ სკრიპტს

.zp-links a{display:block;color:#fff;padding:4px 8px;border-bottom:1px solid #000;border-top:1px solid #3B2D2A;text-shadow:0px 1px 0px #000;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;font-weight:bold;outline:none;text-decoration:none;}
.zp-links a:hover{color:#FFB32E;padding-left:14px;background:rgba(0,0,0,0.2)}
.zp-links a.w-sub{background:url('https://zornet.ru/zornet_ru5/submenu-btn.png') no-repeat;background-position:190px 7px}
.zp-links a.w-sub:hover{background:url('https://zornet.ru/zornet_ru5/submenu-btn.png') no-repeat rgba(0,0,0,0.2);background-position:195px 7px}
.zp-links .s-level a.w-sub{font-weight:bold;background-position:182px 7px}
.zp-links .s-level a.w-sub:hover{background-position:190px 7px}
.zp-links .s-level{padding-left:22px}
.zp-links .s-level a{border-left:2px solid #FFB32E;font-weight:normal}
.zp-links .s-level a:hover{padding-left:8px;margin-left:-8px}
</style>

<div class="side-navigation">
<div class="block-inner">
<div class="zp-links">
<a title="Главная" href="https://gvarishviloba.ucoz.com/">მთავარი გვერდი</a>
<a title="Форум игрока" href="https://gvarishviloba.ucoz.com/dir/">ქართული საგალობლები</a>
<a title="Новости" href="https://gvarishviloba.ucoz.com/load/">დოკუმენტური ფილმები</a>
<a title="Музыка" href="https://gvarishviloba.ucoz.com/photo/">გვართა ფოტო-არქივი</a>
<a title="Статьи" href="https://gvarishviloba.ucoz.com/board/">საეკლესიო კალენდარი</a>
<a title="ФотоZал" href="https://gvarishviloba.ucoz.com/publ/" >სტატიების კატალოგი</a>
<a title="КиноZал" href="https://gvarishviloba.ucoz.com/gb" >სტუმრების წიგნი</a>
<a title="Новости" href="https://gvarishviloba.ucoz.com/forum/">საიტის ფორუმი</a>
</div>

</div>

</div>
</div>
<script type="text/javascript">
$(function(){
$(".s-level").hide();
$(".zp-links a.w-sub").click(function(){
var submenu = $(this).attr('rel');
$("#"+submenu+"").toggle('fast');
});
});
</script>

2 ნაწილში « css-ში აღარ საჭიროებს ჩასმას ვინაიდან სკრიპტი მოდიფიცირებულია და ადვილია მისი გამოყენება.

‹

›

ორ

სა

ოთ

ხუ

პა

შა

კვ