Horizontal Overlapping Menu ( Νο 25 )

θα μπείτε στο Πανόπτη σας & μετά >>> Διάταξη >>> Επεξεργασία HTML και θα κάνετε αναζήτηση με το Ctrl + F για το.....

</head>

Μόλις το βρείτε πριν από το κλείσιμο του </head>
Προσθέστε τον παρακάτω κώδικα.

<!--MENU-25-STARTS-Widget-by-http://loneeagle110.blogspot.com-->
<style type="text/css">
.ddoverlap{
border-bottom: 1px solid #bbb8a9;
}
.ddoverlap ul{
padding: 0;
margin: 0;
font: bold 90% default;
list-style-type: none;
}
.ddoverlap li{
display: inline;
margin: 0;
}
.ddoverlap li a{
padding: 3px 7px;
text-decoration: none;
padding-right: 32px;
color: blue;
background: transparent url(http://i43.tinypic.com/14e2kc4.jpg) 100% 1px no-repeat;
border-left: 1px solid #dbdbd5;
position: relative;
display: block;
float: left;
margin-left: -20px;
left: 20px;
}
.ddoverlap li a:visited{
color: blue;
}
.ddoverlap li a:hover{
text-decoration: underline;
}
.ddoverlap li.selected a{
color: black;
z-index: 100;
top: 1px;
background: transparent url(http://i42.tinypic.com/wwj2ah.jpg) 100% 0 no-repeat;
}
.ddoverlap li.selected a:hover{
text-decoration: none;
}
</style>
<!--[if IE]>
<style type="text/css">
.ddoverlap{
height: 1%;
}
</style>
<![endif]-->
<!--MENU-25-STOPS-Widget-by-http://loneeagle110.blogspot.com-->

Κάνετε αποθήκευση προτύπου & πάμε στο 2ο βήμα.....

Πανόπτης ---> Διάταξη ---> Στοιχεία Σελίδας ---> Προσθήκη gadget ---> HTML/JavaScript

Και μέσα στο gadget βάζουμε τον παρακάτω κώδικα, χωρίς να προσθεσουμε κάτι στον Τίτλο.

<!--MENU-25-STARTS-Widget-by-http://loneeagle110.blogspot.com-->
<div class="ddoverlap">
<ul>
<li class="selected"><a href="....">Login</a></li>
<li><a href="...your link...">Home</a></li>
<li><a href="...your link...">tab 1</a></li>
<li><a href="...your link...">tab 2</a></li>
<li><a href="...your link...">tab 3</a></li>
<li><a href="...your link...">tab 4</a></li>
<li><a href="...your link...">tab 5</a></li>
<li><a href="...your link...">tab 6</a></li>
<li><a href="http://loneeagle110.blogspot.com/search/label/Blogger%20Tutorials">Blogger Tutorials</a></li>
<li><a href="...your link...">Contact</a></li>
</ul>
<br style="clear: left" />
</div>
<!--MENU-25-STOPS-Widget-by-http://loneeagle110.blogspot.com-->

Όπου ...your link... βάζετε τον σύνδεσμο της αντίστοιχης ετικέτας ....tab 1,2,3,4,5 κτλ....
Αφού περάσετε τις ετικέτες που θέλετε κάνετε αποθήκευση & μετά από την διάταξη της σελίδας σας, παίρνεται το gadget & το τοποθετείται ακριβώς κάτω από τη κεφαλίδα σας.
Πατάτε ΑΠΟΘΗΚΕΥΣΗ κι είστε ΟΚ.

Το αποτέλεσμα:

ΚΑΛΗ ΕΠΙΤΥΧΙΑ!!!!!

Για σχέδια σε Οριζόντια Μενού δείτε τα.....

Οριζόντιο Μενού Νο 1
Οριζόντιο Μενού Νο 2
Οριζόντιο Μενού Νο 3
Οριζόντιο Μενού Νο 4
Οριζόντιο Μενού Νο 5
Οριζόντιο Μενού Νο 6
Οριζόντιο Μενού Νο 7
Οριζόντιο Μενού Νο 8
Οριζόντιο Μενού Νο 9
Οριζόντιο Μενού Νο 10
Οριζόντιο Μενού Νο 11
Οριζόντιο Μενού Νο 12
Οριζόντιο Μενού Νο 13
Οριζόντιο Μενού Νο 14
Οριζόντιο Μενού Νο 15
Οριζόντιο Μενού Νο 16
Οριζόντιο Μενού Νο 17
Οριζόντιο Μενού Νο 18
Οριζόντιο Μενού Νο 19
Οριζόντιο Μενού Νο 20
Οριζόντιο Μενού Νο 21
Οριζόντιο Μενού Νο 22
Οριζόντιο Μενού Νο 23
Οριζόντιο Μενού Νο 24
Οριζόντιο Μενού Νο 25
Οριζόντιο Μενού Νο 26
Οριζόντιο Μενού Νο 27
Οριζόντιο Μενού Νο 28
Οριζόντιο Μενού Νο 29
Οριζόντιο Μενού Νο 30
Οριζόντιο Μενού Νο 31
Οριζόντιο Μενού Νο 32
Οριζόντιο Μενού Νο 33
Οριζόντιο Μενού Νο 34
Οριζόντιο Μενού Νο 35
Οριζόντιο Μενού Νο 36
Οριζόντιο Μενού Νο 37
Οριζόντιο Μενού Νο 38
Οριζόντιο Μενού Νο 39
Οριζόντιο Μενού Νο 40
Οριζόντιο Μενού Νο 41
Οριζόντιο Μενού Νο 42
Οριζόντιο Μενού Νο 43
Οριζόντιο Μενού Νο 44
Οριζόντιο Μενού Νο 45
Οριζόντιο Μενού Νο 46
Οριζόντιο Μενού Νο 47
Οριζόντιο Μενού Νο 48
Οριζόντιο Μενού Νο 50
Οριζόντιο Μενού Νο 51
Οριζόντιο Μενού Νο 52
Οριζόντιο Μενού Νο 53
Οριζόντιο Μενού Νο 54
Οριζόντιο Μενού Νο 55
Οριζόντιο Μενού Νο 56

Οριζόντιο Μενού Νο 61
Οριζόντιο Μενού Νο 62
Οριζόντιο Μενού Νο 63
Οριζόντιο Μενού Νο 64
Οριζόντιο Μενού Νο 65
Οριζόντιο Μενού Νο 66
Οριζόντιο Μενού Νο 67
Οριζόντιο Μενού Νο 68
Οριζόντιο Μενού Νο 69
Οριζόντιο Μενού Νο 70
Οριζόντιο Μενού Νο 71
Οριζόντιο Μενού Νο 72
Οριζόντιο Μενού Νο 73
Οριζόντιο Μενού Νο 74

Για σχέδια σε Κάθετα μενού δείτε τα....

Κάθετο Μενού Νο 1
Κάθετο Μενού Νο 2
Κάθετο Μενού Νο 3
Κάθετο Μενού Νο 4
Κάθετο Μενού Νο 5
Κάθετο Μενού Νο 6
Κάθετο Μενού Νο 7
Κάθετο Μενού Νο 8
Κάθετο Μενού Νο 9
Κάθετο Μενού Νο 11
Κάθετο Μενού Νο 12
Κάθετο Μενού Νο 13
Κάθετο Μενού Νο 14
Κάθετο Μενού Νο 15
Κάθετο Μενού Νο 16
Κάθετο Μενού Νο 17
Κάθετο Μενού Νο 18
Κάθετο Μενού Νο 20
Κάθετο Μενού Νο 21
Κάθετο Μενού Νο 22
Κάθετο Μενού Νο 23
Κάθετο Μενού No 26
Κάθετο Μενού Νο 30
Κάθετο Μενού Νο 31
Κάθετο Μενού Νο 32
Κάθετο Μενού Νο 33
Κάθετο Μενού Νο 34