Χρωματιστό κείμενο

Τρίτη 21 Σεπτεμβρίου 2010

Μενού στην πλαϊνή μπάρα του blog

Με ρώτησαν αρκετά άτομα, πώς βάζουμε ένα έξτρα menou στο blog μας, το οποίο να οδηγεί σε άλλη σελίδα.

Είναι πολύ απλό.
Απλά αντιγράψτε τον παρακάτω κώδικα, και επικολήστε τον στις ρυθμίσεις του Πανόπτη σας, σαν κάθε άλλο HTML Widget που βάλατε ως τώρα.
(ΠΑΝΟΠΤΗΣ-> ΔΙΑΤΑΞΗ-> ΠΡΟΣΘΗΚΗ WIDGET-> HTML-> επικόλληση κώδικα)


.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 185px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid black;
}
.glossymenu li{
position: relative;
}
.glossymenu li a{
background: white url('http://blog.superinhost.com/vertical/blue1.gif') repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}
.glossymenu li ul{
position: absolute;
width: 190px;
left: 0;
top: 0;
display: none;
}
.glossymenu li ul li{
float: left;
}
.glossymenu li ul a{
width: 180px;
}
.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}
.glossymenu li a:hover{
background-image: url('http://blog.superinhost.com/vertical/blue2.gif');
}

* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }



Το μόνο που χρειάζεται πλέον να κάνετε είναι το εξής:
1. Αλλάξτε κάθε ένα απο τα κόκκινα μαρκαρισμένα: http://Your_URL_HERE.com, με το δικό σας URL και στο οποίο θέλετε να οδηγεί το LINK, και
2. Εάν θέλετε άλλο Backroumd image, αντί το κόκκινο αυτό που έχω κι εγώ στο blog μου αριστερά, διαλλέξτε άλλη εικόνα δική σας, την οποία ανεβάστε στην σελίδα gigaimage μετά αντιγράψτε στην θέση του μαρκαρισμένου με μπλέ στον κώδικα image url, το δικό σας που θα είναι το πρώτο στην γραμμή μετά που θα το κάνετε upload.

Ελπίζω να φανεί σε κάποιους χρήσιμο ...Enjoy!

Δεν υπάρχουν σχόλια:

Δημοσίευση σχολίου

slider

κειμενο

ΚΛΕΙΣΤΑ ΤΑ ΣΧΟΛΕΙΑ ΣΤΑ ΓΡΕΒΕΝΑ ΤΗΝ ΠΑΡΑΣΚΕΥΗ 3/2/2012!!!

sl

mery x'mas

Image and video hosting by TinyPic