მთავარი » 2011 » დეკემბერი » 30 » ჰორიზონტალური მენიუ საიტის თავში ჩასასმელათ
13:37 ჰორიზონტალური მენიუ საიტის თავში ჩასასმელათ | |
ჰორიზონტალური მენიუ საიტის თავში ჩასასმელათ 1. ამ კოდს ჩასვავთ საიტის CSS_ში Code #webo4ka_demo-container{ padding:25px 15px 0 15px; background:#67A897; } ul#webo4ka_simple-menu{ list-style-type:none; width:100%; position:relative; height:27px; font-family:"Trebuchet MS",Arial,sans-serif; font-size:13px; font-weight:bold; margin:0; padding:11px 0 0 0; } ul#webo4ka_simple-menu li{ display:block; float:left; margin:0 0 0 4px; height:27px; } ul#webo4ka_simple-menu li.left{ margin:0; } ul#webo4ka_simple-menu li a{ display:block; float:left; color:#fff; background:#4A6867; line-height:27px; text-decoration:none; padding:0 17px 0 18px; height:27px; } ul#webo4ka_simple-menu li a.right{ padding-right:19px; } ul#webo4ka_simple-menu li a:hover{ background:#2E4560; } ul#webo4ka_simple-menu li a.current{ color:#2E4560; background:#fff; } ul#webo4ka_simple-menu li a.current:hover{ color:#2E4560; background:#fff; } 2. ამ კოდს კი საიტის თავში Code <div id="webo4ka_demo-container"> <ul id="webo4ka_simple-menu"> <li><a href="" class="current"><span>მენიუ</span></a></li> <li><a href=""><span>მენიუ</span></a></li> <li><a href=""><span>მენიუ</span></a></li> <li><a href=""><span>მენიუ</span></a></li> </ul> </div> | |
|
სულ კომენტარები: 0 | |