Grey Color Glossy CSS Menu Bar




Αντιγραφή τον παρακάτω κώδικα:




<style>/* The CSS Code for the menu starts here */.rhm1{ width:780px; height:64px; margin:0 auto; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivEHmcISQufhAmmJ1RYJ0vllTQL7px8RkcpyjUqq8WlHFQUI7CkIP68s99DbaXT7GY1SCYWaJPKuzn1bJhzYH0HRLLujPS19kP3dlIMpHzcm-AC8MR60cmvxVn9gtEsNbjyD02TciR_RE/s1600/rhm1_bg.gif) repeat-x;  }.rhm1-left{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-o87obaOFD3VRDkVKK04SEhW1cxo2mlsk9JDnneOPWelZqBAdjb0i05SEsHzXHyWLcfaV8IkRi6MxEybprwTRl0ntsvo0t5vVGgeM2HnB4-iYnBGeyMhDSI1XeXqdZ3bs27KQGkUTr64/s1600/rhm1_l.gif) no-repeat; width:15px; height:64px; float:left;}.rhm1-right{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP8b3LOlv9gsgx4vKrQ2CGoR55k6mOHeqSMsEXvMf-eWOxR5jX9JCN_LITyx_kDbAxxUcZLB6vhBwdKECKwZsz2zdMXXGH53v3kC9f6XsaX-lze4iDH7VNUBFufDWzKLKVgccxEzWHoXE/s1600/rhm1_r.gif) no-repeat; width:15px; height:64px; float:right;}.rhm1-bg{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivEHmcISQufhAmmJ1RYJ0vllTQL7px8RkcpyjUqq8WlHFQUI7CkIP68s99DbaXT7GY1SCYWaJPKuzn1bJhzYH0HRLLujPS19kP3dlIMpHzcm-AC8MR60cmvxVn9gtEsNbjyD02TciR_RE/s1600/rhm1_bg.gif) repeat-x; height:64px;}.rhm1-bg ul{ list-style:none; margin:0 auto;}.rhm1-bg li{ float:left; list-style:none;}.rhm1-bg li a{ float:left; display:block; color:#ffe8cc; text-decoration:none; font:12px 'Lucida Sans', sans-serif; font-weight:bold; padding:0 0 0 18px; height:64px; line-height:40px; text-align:center; cursor:pointer; }.rhm1-bg li a span{ float:left; display:block; padding:0 32px 0 18px;}.rhm1-bg li.current a{ color:#fff; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYcUjzITkYzDrj5uMK2M6EQoQfyGkr5whrvTN6nMSCgxMhi_TjG10BwP5M8R-jw0aoKQOOJwkYRaZ6ljyat-XClSTmqmpf50VUj-NbYkWS9SH0MmXCW4BdJVmGHoVKuo0unX1N1rpxLQA/s1600/rhm1_hover_l.gif) no-repeat left 5px;}.rhm1-bg li.current a span{ color:#fff; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3dKwDmMYo365UKLiMi-bts4rTIxQQiwvwaTqdLB-mln8i67TBuWVUIko_QQ17LxkQV85ZUNEPLVAjIuElIJp8Q9ZkVJqCTfKYiTdKNqbmQjJYbYnOJ7Ebsf1UnKew-dg_9e0kCWXIZ60/s1600/rhm1_hover_r.gif) no-repeat right 5px;}.rhm1-bg li a:hover{ color:#fff; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYcUjzITkYzDrj5uMK2M6EQoQfyGkr5whrvTN6nMSCgxMhi_TjG10BwP5M8R-jw0aoKQOOJwkYRaZ6ljyat-XClSTmqmpf50VUj-NbYkWS9SH0MmXCW4BdJVmGHoVKuo0unX1N1rpxLQA/s1600/rhm1_hover_l.gif) no-repeat left 5px;}.rhm1-bg li a:hover span{ color:#ffffff; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3dKwDmMYo365UKLiMi-bts4rTIxQQiwvwaTqdLB-mln8i67TBuWVUIko_QQ17LxkQV85ZUNEPLVAjIuElIJp8Q9ZkVJqCTfKYiTdKNqbmQjJYbYnOJ7Ebsf1UnKew-dg_9e0kCWXIZ60/s1600/rhm1_hover_r.gif) no-repeat right 5px;}</style><!--foulscode.blogspot.gr Menu Bar Starts--><div class="rhm1"><div class="rhm1-right"></div><div class="rhm1-left"></div><div class="rhm1-bg"><ul> <li class="current"><a href="http://www.foulscode.blogspot.gr/"><span>Home</span></a></li> <li><a href="URL"><span>About Us</span></a></li> <li><a href="URL"><span>Services</span></a></li>  <li><a href="URL"><span>Products</span></a></li>   <li><a href="URL"><span>Add This</span></a></li> 
</ul></div>
</div>





Αλλάξτε το URL με τα μπλε γράμματα, και τον τίτλο μετά πράσινα και αποθηκεύστε.



Σχόλια