Πώς να προσθέσω οριζόντιο css μενού στο blog
- Σύνδεση στο λογαριασμό μας στο blogger.com
- Από το πλαϊνό μενού πάμε στο "πρότυπο"
- Επεξεργασία html
- Πατάμε ctrl+F για να αναζητήσουμε κάποιες λέξεις συγκεκριμένα το "</html>"
- Ακριβώς πάνω από το "</html>" αντιγραφούμε και επικαλούμαι το παρακάτω κώδικα :
<style type='text/css'>
.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
overflow: hidden;
margin-bottom: 1em;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(http://i44.tinypic.com/333j255.jpg) center center repeat-x;
}
.solidblockmenu li{
display: inline;
}
.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}
.solidblockmenu li a:visited{
color: white;
}
.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(http://i40.tinypic.com/51wnm9.jpg) center center repeat-x;
}
</style>
Αποθηκεύουμε το πρότυπο μας και ακολούθως πάμε
- διάταξη
- προσθήκη gadget
- HTML/JavaScript
- αντιγραφούμε και επικαλούμαι το παρακάτω κώδικα :
<ul class="solidblockmenu">
<li><a href="your link" class="current">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="your link">Contact me</a></li>
<li><a href="your link">About</a></li>
</ul>
Όπου το your link βάζετε το link σας και όπου tab ν βάζετε το όνομα του link.
Αποθήκευση είστε έτοιμοι
Αποθήκευση είστε έτοιμοι
Σχόλια
Δημοσίευση σχολίου
Όλες οι απορίες πλέον θα λύνονται μόνο μέσα στο φόρουμ το οποίο μπορείτε να βρείτε εδώ http://forum.click4money.gr/
Ο λόγος είναι για να μαζεύεται όλο το υλικό εκεί και να μην απαντάμε συνέχεια στα ίδια ερωτήματα