Horizontal Menu ( Νο 44 ) ( 3 Colours ).

θα μπείτε στο Πίνακα ελέγχου σας & μετά >>> Σχεδίαση >>> Επεξεργασία HTML και θα κάνετε αναζήτηση με το Ctrl + F για το.....

]]></b:skin>

Μόλις το βρείτε στην αμέσως προυγούμενη γραμμή από το ]]></b:skin>
Προσθέστε έναν από τους παρακάτω κώδικες ανάλογα με το χρώμμα που σας ταιριάζει.

Το Css για το Μπλέ χρώμα:

<!--HORIZONTAL-MENU-44blue-STARTS-Widget-by-http://loneeagle110.blogspot.com/-->
*{
margin:0;
padding:0;
}
#menu44blue{
width:90%;
margin:25px auto;
}
#menu44blue ul{
list-style:none;
}
#menu44blue li{
display:block;
float:left;
}
#menu44blue li a{
background:#e4e8eb url(http://i43.tinypic.com/biwllh.jpg) repeat-x;
border:2px solid #bdc5cd;
margin:0 1px;
padding:15px 15px 15px 15px;
display:block;
float:left;
color:#2b61a1;
text-transform:none;
text-decoration:none;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
height: 50px;
}
#menu44blue li a span{
color:#636363;
font-size:10px;
text-transform:lowercase;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:normal;
}
#menu44blue li a:hover{
background:#e46825 url(http://i41.tinypic.com/rmo9qh.jpg) repeat-x;
border:2px solid #4a88ce;
text-decoration:none;
}
#menu44blue li a:hover span{
color:#636363;
}
.current44b{
background:#74befd url(http://i41.tinypic.com/rmo9qh.jpg) repeat-x;
border:2px solid #4a88ce;
margin:0 1px;
padding:15px 15px 15px 15px;
display:block;
float:left;
color:#2b61a1;
text-transform:none;
text-decoration:none;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
cursor:pointer;
font-weight:bold;
height: 50px;
}
.current44b span{
color:#636363;
font-size:10px;
text-transform:lowercase;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:normal;
}
<!--HORIZONTAL-MENU-44blue-STOPS-Widget-by-http://loneeagle110.blogspot.com/-->

Το Css για το Γκρίζο χρώμα:

<!--HORIZONTAL-MENU-44grey-STARTS-Widget-by-http://loneeagle110.blogspot.com/-->
*{
margin:0;
padding:0;
}
#menu44grey{
width:90%;
margin:25px auto;
}
#menu44grey ul{
list-style:none;
}
#menu44grey li{
display:block;
float:left;
}
#menu44grey li a{
background:#e4e8eb url(http://i40.tinypic.com/2wex8xd.jpg) repeat-x;
border:2px solid #bdc5cd;
margin:0 1px;
padding:15px 15px 15px 15px;
display:block;
float:left;
color:#2b61a1;
text-transform:none;
text-decoration:none;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
height: 50px;
}
#menu44grey li a span{
color:#636363;
font-size:10px;
text-transform:lowercase;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:normal;
}
#menu44grey li a:hover{
background:#e46825 url(http://i42.tinypic.com/5dsyrm.jpg) repeat-x;
border:2px solid #4a88ce;
text-decoration:none;
}
#menu44grey li a:hover span{
color:#636363;
}
.current44g{
background:#74befd url(http://i42.tinypic.com/5dsyrm.jpg) repeat-x;
border:2px solid #4a88ce;
margin:0 1px;
padding:15px 15px 15px 15px;
display:block;
float:left;
color:#2b61a1;
text-transform:none;
text-decoration:none;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
cursor:pointer;
font-weight:bold;
height: 50px;
}
.current44g span{
color:#636363;
font-size:10px;
text-transform:lowercase;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:normal;
}
<!--HORIZONTAL-MENU-44grey-STOPS-Widget-by-http://loneeagle110.blogspot.com/-->

Το Css για το Πράσινο/Πορτοκαλί χρώμα:

<!--HORIZONTAL-MENU-44j-STARTS-Widget-by-http://loneeagle110.blogspot.com/-->
*{
margin:0;
padding:0;
}
#menu44jungle{
width:90%;
margin:25px auto;
}
#menu44jungle ul{
list-style:none;
}
#menu44jungle li{
display:block;
float:left;
}
#menu44jungle li a{
background:#e4e8eb url(http://i43.tinypic.com/1570oz8.jpg) repeat-x;
border:2px solid #bdc5cd;
margin:0 1px;
padding:15px 15px 15px 15px;
display:block;
float:left;
color:#2b61a1;
text-transform:none;
text-decoration:none;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
height: 50px;
}
#menu44jungle li a span{
color:#636363;
font-size:10px;
text-transform:lowercase;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:normal;
}
#menu44jungle li a:hover{
background:#e46825 url(http://i42.tinypic.com/2ms3kvk.jpg) repeat-x;
border:2px solid #4a88ce;
text-decoration:none;
}
#menu44jungle li a:hover span{
color:#636363;
}
.current44j{
background:#74befd url(http://i42.tinypic.com/2ms3kvk.jpg) repeat-x;
border:2px solid #4a88ce;
margin:0 1px;
padding:15px 15px 15px 15px;
display:block;
float:left;
color:#2b61a1;
text-transform:none;
text-decoration:none;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
cursor:pointer;
font-weight:bold;
height: 50px;
}
.current44j span{
color:#636363;
font-size:10px;
text-transform:lowercase;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:normal;
}
<!--HORIZONTAL-MENU-44j-STOPS-Widget-by-http://loneeagle110.blogspot.com/-->

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

Πίνακας ελέγχου >>> Σχεδίαση >>> Στοιχεία Σελίδας >>> Προσθήκη gadget >>> HTML/JavaScript

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

Για το Μπλέ χρώμα:

<!--HORIZONTAL-MENU-44blue-STARTS-Widget-by-http://loneeagle110.blogspot.com/-->
<div id="menu44blue">
<ul>
<li class="current44b">Home<br/><span>...your title...<br/> home page</span></li>
<li><a href="...your link...">...tab 1...<br/><span>...your title...<br/>...your title...</span></a></li>
<li><a href="...your link...">...tab 2...<br/><span>...your title...<br/>...your title...</span></a></li>
<li><a href="...your link...">...tab 3...<br/><span>...your title...<br/>...your title...</span></a></li>
<li><a href="...your link...">...tab 4...<br/><span>...your title...<br/>...your title...</span></a></li>
<li><a href="...your link...">...tab 5...<br/><span>...your title...<br/>...your title...</span></a></li>
<li><a target="_blank" href="http://loneeagle110.blogspot.com/search/label/Blogger%20Help">Blogger Help<br/><span>Η γνώση έχει όνομα<br/>Στάλες στο γαλάζιο</span></a></li>
<li><a target="_blank" href="...your link...">Contact Me<br/><span>...Επικοινωνήστε μαζί μου...<br/>στο e-mail info@.gr</span></a></li>
</ul>
</div>
<!--HORIZONTAL-MENU-44blue-STOPS-Widget-by-http://loneeagle110.blogspot.com/-->

Για το Γκρίζο χρώμα:

<!--HORIZONTAL-MENU-44grey-STARTS-Widget-by-http://loneeagle110.blogspot.com/-->
<div id="menu44grey">
<ul>
<li class="current44g">Home<br/><span>...your title...<br/>...your title...</span></li>
<li><a href="...your link...">...tab 1...<br/><span>...your title...<br/>...your title...</span></a></li>
<li><a href="...your link...">...tab 2...<br/><span>...your title...<br/>...your title...</span></a></li>
<li><a href="...your link...">...tab 3...<br/><span>...your title...<br/>...your title...</span></a></li>
<li><a href="...your link...">...tab 4...<br/><span>...your title...<br/>...your title...</span></a></li>
<li><a href="...your link...">...tab 5...<br/><span>...your title...<br/>...your title...</span></a></li>
<li><a target="_blank" href="http://loneeagle110.blogspot.com/search/label/Blogger%20Help">Blogger Help<br/><span>Η γνώση έχει όνομα<br/>Στάλες στο γαλάζιο</span></a></li>
<li><a target="_blank" href="...your link...">Contact Me<br/><span>...Επικοινωνήστε μαζί μου...<br/>στο e-mail info@.gr</span></a></li>
</ul>
</div>
<!--HORIZONTAL-MENU-44grey-STOPS-Widget-by-http://loneeagle110.blogspot.com/-->

Για το Πράσινο/Πορτοκαλί χρώμα:

<!--HORIZONTAL-MENU-44j-STARTS-Widget-by-http://loneeagle110.blogspot.com/-->
<div id="menu44jungle">
<ul>
<li class="current44j">Home<br/><span>...your title...<br/>...your title...</span></li>
<li><a href="...your link...">...tab 1...<br/><span>...your title...<br/>...your title...</span></a></li>
<li><a href="...your link...">...tab 2...<br/><span>...your title...<br/>...your title...</span></a></li>
<li><a href="...your link...">...tab 3...<br/><span>...your title...<br/>...your title...</span></a></li>
<li><a href="...your link...">...tab 4...<br/><span>...your title...<br/>...your title...</span></a></li>
<li><a href="...your link...">...tab 5...<br/><span>...your title...<br/>...your title...</span></a></li>
<li><a target="_blank" href="http://loneeagle110.blogspot.com/search/label/Blogger%20Help">Blogger Help<br/><span>Η γνώση έχει όνομα<br/>Στάλες στο γαλάζιο</span></a></li>
<li><a target="_blank" href="...your link...">Contact Me<br/><span>...Επικοινωνήστε μαζί μου...<br/>στο e-mail info@.gr</span></a></li>
</ul>
</div>
<!--HORIZONTAL-MENU-44j-STOPS-Widget-by-http://loneeagle110.blogspot.com/-->

Όπου ...your link... βάζετε τον σύνδεσμο της αντίστοιχης ετικέτας ....tab 1,2,3,4,5 κτλ....

Αφού περάσετε τις ετικέτες που θέλετε κάνετε αποθήκευση & μετά από την διάταξη της σελίδας σας, παίρνεται το gadget & το τοποθετείται ακριβώς κάτω από τη κεφαλίδα σας.

Αν κρατήσετε τον σύνδεσμο Blogger Help που έχει ο παραπάνω κώδικας, ίσως δώσετε την δυνατότητα & στους επισκέπτες σας να μας μάθουν & να μπορέσουν κι αυτοί με τη σειρά τους να βελτιώσουν την σελίδα τους.
Μέσα από τις πληροφορίες που σας προσφέρουμε απλόχερα.
Εμείς το ελάχιστο που μπορούμε να κάνουμε είναι να σας Ευχαριστήσουμε δημόσια εκ των προτέρων για αυτή σας την κίνηση.

Πατήστε ΑΠΟΘΗΚΕΥΣΗ κι είστε ΟΚ.

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



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

Οριζόντιο Μενού Νο 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
Οριζόντιο Μενού Νο 31
Οριζόντιο Μενού Νο 34
Οριζόντιο Μενού Νο 35
Οριζόντιο Μενού Νο 38
Οριζόντιο Μενού Νο 39
Οριζόντιο Μενού Νο 40
Οριζόντιο Μενού Νο 41
Οριζόντιο Μενού Νο 42
Οριζόντιο Μενού Νο 43
Οριζόντιο Μενού Νο 46
Οριζόντιο Μενού Νο 47

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

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

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