Λαμπερό οριζόντιο μενού με CSS3

0

Βάλτε στο blog σας ένα όμορφο μενού.

Δείτε demo

Επιλέξτε [Διάταξη] - [Προσθήκη gadget] - [HTML/Javascript] και επικολλήστε τον παρακάτω κώδικα. Αντικαταστήστε τα μπλε και τα πορτοκαλί γράμματα με αυτά της επιλογής σας και πατήστε [Αποθήκευση]. (Δε χρειάζεται να βάλετε τίτλο στο gadget)

<style type="text/css">.menu li{list-style:none;display:inline}.menu li a{-moz-transition:all 270ms ease-in-out 0s;-webkit-transition:all 310ms ease-in-out;-o-transition:all 270ms ease-in-out;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmA2iA8H1wTwzDRYJpbC3B3bgU1OE8_rVzg60XC05EqWShxwux5A9_7nQeyUrz3FcVP8LDI3ZROuhsH4PKqxk-DnNnb0nuBDWcHBGMbYJn-bpXfxdc768Flj4RBDK5AOlKIqKasaIgNtZA/s320/menu-blogger.PNG") repeat scroll 0 0 transparent;border:1px solid #1357AF!important;border-radius:3px 3px 3px 3px;color:#FFFFFF!important;font:14px arial!important;padding:10px 38px!important;text-decoration:none;text-shadow:1px 1px 0 #000;margin-left:-5px}.menu li a:hover{background-position:right center!important}</style>
<a href="http://tetsitech.blogspot.com" style="position: absolute;z-index:-11;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvYIiKdwhdmg9d9M6c_U_bM3czLKOtpqQkLPZaGshC3vjTFbe4PMC1e3KWVD89n9ila-kYdE9vrhmuBzyU-FUBlXQDpHMR9u87VCOxg60DxqD26E9-b2DnecGtjB4l9Z93CSse0OodNy6d/s320/1x1juice.png" /></a>
<div class="wg-shining-menu">
    <ul class="menu">
        <li><a href="http://tetsitech.blogspot.gr/">Αρχική</a></li>
        <li><a href="http://tetsitech.blogspot.gr/search/label/Blogger">Blogger</a></li>
        <li><a href="http://tetsitech.blogspot.gr/search/label/Sites">Ιστοσελίδες</a></li>
        <li><a href="http://tetsitech.blogspot.gr/search/label/Widget">Widget</a></li>
        <li><a href="http://tetsitech.blogspot.gr/search/label/Template">Template</a></li>
        <li><a href="http://tetsitech.blogspot.gr/search/label/Lessons">Μαθήματα</a></li>
        <li><a href="http://tetsi.blogspot.gr/">About</a></li>
    </ul>
</div>

Δημοσίευση σχολίου

0 Σχόλια
* Please Don't Spam Here. All the Comments are Reviewed by Admin.
Δημοσίευση σχολίου (0)
To Top