Floating CSS vertical menu widget για τον Blogger

English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

  • Σύνδεση στον Blogger
  • Σχεδίαση προσθήκη gadget
  • Επιλέξτε HTML/JavaScript
  • Επικολλήστε τον παρακάτω κώδικα:
<style text-type="CSS">

#bloggermenu{

position:fixed;

right:5px;

center:0px;

background-color:#000;

border-radius:10px;

-moz-border-radius:10px;

border:1px solid #FFF;

width:202px;

height:20px;

color:#FF0606;

transition:all .5s ease-in;-moz-transition:all .5s
ease-in;-webkit-transition:all .5s ease-in;-o-transition:all .5s
ease-in;z-index:3;overflow:hidden;padding:9px 15px 10px;}



#bloggermenu h3{

margin:0;

padding:0;

text-align:center;

cursor:pointer;}



#bloggermenu ul{

border-radius:10px;-moz-border-radius:10px;

border:2px solid #FFf;

background-color:#FF0606;

margin:15px 0;

padding:0 15px;}



#bloggermenu li{list-style:none;margin:0 0 5px;padding:0;} #bmenu li a{

color:#000;

text-decoration:none;

font-size:12px;}



#bloggermenu li a:hover{

color:#fff;}



#bloggermenu:hover{

z-index:5;

height:168px;

</style>



<div id="bloggermenu">

<h3>

Floating menu</h3>

<ul>

<li><a href="URL 1 HERE">TITLE 1 HERE</a></li>

<li><a href="URL 2 HERE">TITLE 2 HERE</a></li>

<li><a href="URL 3 HERE">TITLE 3 HERE</a></li>

<li><a href="URL 4 HERE">TITLE 4 HERE</a></li>

<li><a href="URL 3 HERE">TITLE 3 HERE</a></li>

<li><a href="URL 4 HERE">TITLE 4 HERE</a></li>

</ul>

</div>
  • Αντικαταστήστε τα URLs με δικούς σας συνδέσμους, βάλτε τους τίτλους που τους αντιστοιχούν και πατήστε αποθήκευση.

2 comments:

  1. Έβαλα αυτό το menou στο blog μου και ενώ το τοποθετώ στην αριστερή πλευρά gadgets μου το εμφανίζει δεξιά. Υπάρχει κάποιος τρόπος να μπει δεξιά?

    ReplyDelete
  2. οκ...το βρηκα.αντικατέστησα το right με left

    ReplyDelete

 
back to top