Frame Aura Horizontal Menu For Blogger ( Νο 15 )

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

</head>

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

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

<!--MENU-15-yellow-STARTS-Widget-by-http://loneeagle110.blogspot.com-->
<style type="text/css">
.wireframeauramenu1{
font-weight: bold;
font-size: 90%;
width: 100%;
}

.wireframeauramenu1 ul{
border: 1px solid #BBB;
padding: 5px 0;
margin: 0;
text-align: left;
overflow: hidden;
}

.wireframeauramenu1 ul li{
display: inline;
}

.wireframeauramenu1 ul li a{
color: #494949;
padding: 6px 12px 6px 6px;
margin: 0;
text-decoration: none;
border-right: 1px dashed #BBB;
}

.wireframeauramenu1 ul li a:hover{
color: black;
background: transparent url(http://i40.tinypic.com/nedb2t.jpg) center center no-repeat;
}
</style>
<!--MENU-15-yellow-STOPS-Widget-by-http://loneeagle110.blogspot.com-->

Για κόκκινο χρώμα:

<!--MENU-15-red-STARTS-Widget-by-http://loneeagle110.blogspot.com-->
<style type="text/css">
.wireframeauramenu2{
font-weight: bold;
font-size: 90%;
width: 100%;
}

.wireframeauramenu2 ul{
border: 1px solid #BBB;
padding: 5px 0;
margin: 0;
text-align: left;
overflow: hidden;
}

.wireframeauramenu2 ul li{
display: inline;
}

.wireframeauramenu2 ul li a{
color: #494949;
padding: 6px 12px 6px 6px;
margin: 0;
text-decoration: none;
border-right: 1px dashed #BBB;
}

.wireframeauramenu2 ul li a:hover{
color: black;
background: transparent url(http://i40.tinypic.com/fk6s20.jpg) center center no-repeat;
}
</style>
<!--MENU-15-red-STOPS-Widget-by-http://loneeagle110.blogspot.com-->

Για πράσινο χρώμα:

<!--MENU-15-green-STARTS-Widget-by-http://loneeagle110.blogspot.com-->
<style type="text/css">
.wireframeauramenu3{
font-weight: bold;
font-size: 90%;
width: 100%;
}

.wireframeauramenu3 ul{
border: 1px solid #BBB;
padding: 5px 0;
margin: 0;
text-align: left;
overflow: hidden;
}

.wireframeauramenu3 ul li{
display: inline;
}

.wireframeauramenu3 ul li a{
color: #494949;
padding: 6px 12px 6px 6px;
margin: 0;
text-decoration: none;
border-right: 1px dashed #BBB;
}

.wireframeauramenu3 ul li a:hover{
color: black;
background: transparent url(http://i41.tinypic.com/2w7e0s4.jpg) center center no-repeat;
}
</style>
<!--MENU-15-green-STOPS-Widget-by-http://loneeagle110.blogspot.com-->

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

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

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

<!--MENU-15-STARTS-Widget-by-http://loneeagle110.blogspot.com-->
<div class="wireframeauramenu1">
<ul>
<li><a href="...your link...">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>
</div>
<!--MENU-15-STOPS-Widget-by-http://loneeagle110.blogspot.com-->

Ανάλογα με ποιο χρώμα θα επιλέξετε θα αλλάξετε το σημείο του κώδικα: 1 = κίτρινο , 2 = κόκκινο & 3 = πράσινο

<div class="wireframeauramenu1">

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

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

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

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