შესვლა

დასახელება:მთავარი მენიუ / Main Menu
ავტორი: ToLy<4 [MoSe]
ძრავა: uCoz

აღწერა: ეს არის ჩემს მიერ დახატული და აწყობილი მთავარი მენიუ. 100% მუშაა. მომპარველზე დაგინებულია მწარედ. სკრიპტი იხილეთ სრულიადში.

CSS
Code

body{background: #ededed;margin:0;padding:0;}#menu_wrap{position:relative;margin-top:20px;margin-left:auto;margin-right:auto;padding:0; padding-right:0px;width:636px;height:48px;list-style-type:none;-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.2);-moz-box-shadow:0 1px 3px rgba(0,0,0,.2);box-shadow:0 1px 3px rgba(0,0,0,.2)}.button a{cursor:pointer;text-align:center;font:16px/100% Verdana, Geneva, sans-serif;font-weight:bold;position:relative;min-width:50px;height:20px;float:left;padding:10px;padding-top:14px;padding-bottom:14px;text-decoration:none;text-shadow:0 1px 1px rgba(0,0,0,.3)}.button:first-child a{-webkit-border-top-left-radius:14px;-webkit-border-bottom-left-radius:14px;-moz-border-topleft-radius:14px;-moz-border-bottomleft-radius:14px;border-top-left-radius:14;border-bottom-left-radius:14px}.Vista_Black, .Vista_Black .button a{background: #aebcbf;color:#FFF;background: -moz-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(50%,#6e7774), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809));background: -webkit-linear-gradient(top, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);background: -o-linear-gradient(top, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);background: -ms-linear-gradient(top, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=0 );background: linear-gradient(top, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); }.Vista_Black .button a:hover,.Vista_Black .button a:focus,.Vista_Black .button a:active{background: #0a0809;background: -moz-linear-gradient(top, #0a0809 0%, #6e7774 100%, #aebcbf 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0a0809), color-stop(100%,#6e7774), color-stop(100%,#aebcbf));background: -webkit-linear-gradient(top, #0a0809 0%,#6e7774 100%,#aebcbf 100%);background: -o-linear-gradient(top, #0a0809 0%,#6e7774 100%,#aebcbf 100%);background: -ms-linear-gradient(top, #0a0809 0%,#6e7774 100%,#aebcbf 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a0809', endColorstr='#aebcbf',GradientType=0 );background: linear-gradient(top, #0a0809 0%,#6e7774 100%,#aebcbf 100%);}.button:last-child a{float:left;border:none; -webkit-border-top-right-radius:14px;-webkit-border-bottom-right-radius:14px;-moz-border-radius:14px;border-top-right-radius:14px;border-bottom-right-radius:14px}

HTML
Code

<ul id="menu_wrap" class="Vista_Black"><li class="button"><a href="#">მთავარი</a></li><li class="button"><a href="#">კატეგორია</a></li><li class="button"><a href="#">კატეგორია</a></li><li class="button"><a href="#">კატეგორია</a></li><li class="button"><a href="#">კატეგორია</a></li><li class="button"><a href="#">კატეგორია</a></li> </ul>





750
ავტორი: MoSe კატეგორია: სკრიფტები
სულ კომენტარები: 3