შესვლა
Nice Menu
2024-05-02

დასახელება: Nice Menu
ავტორი: ika-webber
სისტემა: Ucoz

აღწერა: ეს არის ძალიან ლამაზი სხვადასხვა ფერებში შესრულებული მენიუ

ეს ჩასვით 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:10px;width:852px;height:40px;list-style-type:none;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-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:13px/100% Arial, Helvetica, sans-serif;font-weight:bold;position:relative;min-width:50px;height:20px;float:left;padding:10px;padding-top:10px;padding-bottom:10px;text-decoration:none;text-shadow:0 1px 1px rgba(0,0,0,.3)}.button:first-child a{-webkit-border-top-left-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-topleft-radius:10px;-moz-border-bottomleft-radius:10px;border-top-left-radius:10;border-bottom-left-radius:10px}.Viridian, .Viridian .button a{background: #8fa8a5;border-right:1px solid #2b7f63 ;color: #FFF;background: -moz-linear-gradient(top, #8fa8a5 0%, #2b7f63 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fa8a5), color-stop(100%,#2b7f63));background: -webkit-linear-gradient(top, #8fa8a5 0%,#2b7f63 100%);background: -o-linear-gradient(top, #8fa8a5 0%,#2b7f63 100%);background: -ms-linear-gradient(top, #8fa8a5 0%,#2b7f63 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fa8a5', endColorstr='#2b7f63',GradientType=0 );background: linear-gradient(top, #8fa8a5 0%,#2b7f63 100%); }.Viridian .button a:hover,.Viridian .button a:focus{background: #8fa8a5;background: -moz-linear-gradient(top, #8fa8a5 0%, #086044 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fa8a5), color-stop(100%,#086044));background: -webkit-linear-gradient(top, #8fa8a5 0%,#086044 100%);background: -o-linear-gradient(top, #8fa8a5 0%,#086044 100%);background: -ms-linear-gradient(top, #8fa8a5 0%,#086044 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fa8a5', endColorstr='#086044',GradientType=0 );background: linear-gradient(top, #8fa8a5 0%,#086044 100%); }.Viridian .button a:active{background: #086044;background: -moz-linear-gradient(top, #086044 0%, #8fa8a5 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#086044), color-stop(100%,#8fa8a5));background: -webkit-linear-gradient(top, #086044 0%,#8fa8a5 100%);background: -o-linear-gradient(top, #086044 0%,#8fa8a5 100%);background: -ms-linear-gradient(top, #086044 0%,#8fa8a5 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#086044', endColorstr='#8fa8a5',GradientType=0 );background: linear-gradient(top, #086044 0%,#8fa8a5 100%); }.search{position:relative;float:right;margin-top:10px;}.search input[type=text]{width:120px;height:20px;padding-left:18px;margin-left:10px;padding-right:4px;outline:none;border: none;-webkit-border-radius: 20px; -moz-border-radius: 20px;border-radius: 20px;-moz-box-shadow: inset 1px 1px 3px #7a7a7a;box-shadow: inset 1px 1px 3px #7a7a7a;}.search a:before {width:6px;height:6px;border:2px solid #000;background:transparent;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;}.search a:after {left:24px;width:2px;height:7px;margin-top:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}li a:before, li a:after {content:"";position:absolute;top:50%;left:15px;}li a:before, li a:after {margin:-7px 0 0;background: #000;}


ეს კი სადაც გინდათ რომ გამოჩნდეს
Code
<ul id="menu_wrap" class="Viridian"><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="#">Gelesson.Net</a></li><li class="button"><a href="#">Pixupload.Net</a></li> <li class="search"><a href="#"></a><input type="text" placeHolder="Search" /></li></ul>





741
ავტორი: ika-webber კატეგორია: სკრიფტები
სულ კომენტარები: 1