პირველ სურათში ნაჩვენებია როცა დაკეცილია მხოლოდ მეორეში რო იშლება ძალიან ლამაზი მენიუა.
დაყენება:
1.მაშ ასე, ქვემოთ მოცემულ კოდს ვსვავთ მთავარ გვერდზე <head> ის მერე:
2. შევდივართ იქ სადაც გვინდა რომ გვქონდეს ეს მენიუ და ვსვავთ ქვემოთ მოცემულ კოდს.
3. შემდეგ ვიწერთ ქვემოთ მოცემულ ფაილს.
4.რომ გადმოვწერთ შევალთ ტქვენი საიტის FTP_ზე და ვქმნით ფოლდერს სახელად sdmenu_ს და მასში ვტვირთავთ ყველაფერს რაცკი გადმოწერილ ფოლდერშია.
<link rel="stylesheet" type="text/css" href="sdmenu/sdmenu.css" />
<script type="text/javascript" src="sdmenu/sdmenu.js"></script>
<script type="text/javascript">
// <![CDATA[
var myMenu;
window.onload = function() {
myMenu = new SDMenu("my_menu");
myMenu.init();
};
// ]]>
</script>
2. შევდივართ იქ სადაც გვინდა რომ გვქონდეს ეს მენიუ და ვსვავთ ქვემოთ მოცემულ კოდს.
<div style="float: left" id="my_menu" class="sdmenu">
<div>
<span>wWw.4WebMaster.TK</span>
<a href="ваша ссылка">ლინკი 1</a>
<a href="ваша ссылка">ლინკი 2</a>
<a href="ваша ссылка">ლინკი 3</a>
<a href="ваша ссылка">ლინკი 4</a>
<a href="ваша ссылка">ლინკი 5</a>
<a href="ваша ссылка">ლინკი 6</a>
</div>
<div>
<span>კატეგორიები</span>
<a href="ваша ссылка">ლინკი </a>
<a href="ваша ссылка">ლინკი 2</a>
<a href="ваша ссылка">ლინკი 3</a>
</div>
<div class="collapsed">
<span>ონლაინ</span>
<a href="ваша ссылка">ლინკი </a>
<a href="ваша ссылка">ლინკი 2</a>
<a href="ваша ссылка">ლინკი 3</a>
<a href="ваша ссылка">ლინკი 4</a>
</div>
<div>
<span>სხვადასხვა</span>
<a href="ваша ссылка">ლინკი </a>
<a href="ваша ссылка">ლინკი 2</a>
<a href="ваша ссылка">ლინკი 3</a>
<a href="ваша ссылка">ლინკი 4</a>
</div>
</div>
3. შემდეგ ვიწერთ ქვემოთ მოცემულ ფაილს.
4.რომ გადმოვწერთ შევალთ ტქვენი საიტის FTP_ზე და ვქმნით ფოლდერს სახელად sdmenu_ს და მასში ვტვირთავთ ყველაფერს რაცკი გადმოწერილ ფოლდერშია.