Vertical Green & Blue Arrow Menu ( No 17 )

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

</head>

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

Κώδικας για το Πράσινο Μενού:

<!--VERTICAL-MENU-17-GREEN-STARTS-Widget-by-http://loneeagle110.blogspot.com/-->
<style type='text/css'>
.arrowgreen{
width: 180px;
border-style: solid solid none solid;
border-color: #94AA74;
border-size: 1px;
border-width: 1px;
}
.arrowgreen ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.arrowgreen li a{
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
display: block;
background: transparent url(http://i43.tinypic.com/10fx4c5.jpg) 100% 0;
height: 24px;
padding: 4px 0 4px 10px;
line-height: 24px;
text-decoration: none;
}
.arrowgreen li a:link, .arrowgreen li a:visited {
color: #5E7830;
}
.arrowgreen li a:hover{
color: #26370A;
background-position: 100% -32px;
}
.arrowgreen li a.selected{
color: #26370A;
background-position: 100% -64px;
}
</style>
<!--VERTICAL-MENU-17-GREEN-STOPS-Widget-by-http://loneeagle110.blogspot.com/-->

Κώδικας για το Θαλασσί Μενού:

<!--VERTICAL-MENU-17-BLUE-STARTS-Widget-by-http://loneeagle110.blogspot.com/-->
<style type='text/css'>
.arrowblue{
width: 180px;
border-style: solid solid none solid;
border-color: #94AA74;
border-size: 1px;
border-width: 1px;
}
.arrowblue ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.arrowblue li a{
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
display: block;
background: transparent url(http://i40.tinypic.com/21evp00.jpg) 100% 0;
height: 24px;
padding: 4px 0 4px 10px;
line-height: 24px;
text-decoration: none;
}
.arrowblue li a:link, .arrowblue li a:visited {
color: #5E7830;
}
.arrowblue li a:hover{
color: #26370A;
background-position: 100% -32px;
}
.arrowblue li a.selected{
color: #26370A;
background-position: 100% -64px;
}
</style>
<!--VERTICAL-MENU-17-BLUE-STOPS-Widget-by-http://loneeagle110.blogspot.com/-->

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

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

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

Κώδικας για το Πράσινο Μενού:

<!--VERTICAL-MENU-17-GREEN-STARTS-Widget-by-http://loneeagle110.blogspot.com/-->
<div class="arrowgreen">
<ul>
<li><a href="...your link..." >Login</a></li>
<li><a href="...your link..." >Home</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="...your link..." >tab 7</a></li>
<li><a href="http://loneeagle110.blogspot.com/search/label/Blogger%20Tutorials" >Blogger Tutorials</a></li>
<li><a href="...your link..." >Contact Us</a></li>
</ul>
</div>
<!--VERTICAL-MENU-17-GREEN-STOPS-Widget-by-http://loneeagle110.blogspot.com/-->

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

Κώδικας για το Θαλασσί Μενού:

<!--VERTICAL-MENU-17-BLUE-STARTS-Widget-by-http://loneeagle110.blogspot.com/-->
<div class="arrowblue">
<ul>
<li><a href="...your link..." >Login</a></li>
<li><a href="...your link..." >Home</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="...your link..." >tab 7</a></li>
<li><a href="http://loneeagle110.blogspot.com/search/label/Blogger%20Tutorials" >Blogger Tutorials</a></li>
<li><a href="...your link..." >Contact Us</a></li>
</ul>
</div>
<!--VERTICAL-MENU-17-BLUE-STOPS-Widget-by-http://loneeagle110.blogspot.com/-->

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




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

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

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

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


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

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

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

Οριζόντιο Μενού Νο 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

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