Friday, November 5, 2010

MENIU ORIZONTAL PENTRU BLOG

Un meniu creat cu CSS este mai usor de adaugat pe un blog decat un meniu creat cu un script.
Acest meniu este foarte usor de adaptat la un blog pentru ca exsta posibilitatea de al adapta la culoare sau dimensiune cu respectivul. Pentru adaugare mergem la Aspect --> HTML/Javascript si inainte de linia ]]> adaugi urmatorul cod CSS:

#navigation {
margin-left:100px; /* Margina stanga */
top:25px; /* Margina sus */
}
#navigation li {
float:left;
}
#navigation a {
background-color:#000000; /* coloare de fond */
border-bottom:3px solid #FFFFFF; /* LĂ­nie inferioara *
color:#FFFFFF; /* Coloare de text */
display:inline-block;
font-size:13px; /* Marime de text */
font-weight:normal;
margin-right:1px;
padding:10px 20px 10px; /* Inaltime si latime de meniu */
text-decoration:none;
text-transform:uppercase; /* Litere mari */
text-shadow:0 1px 1px #CDCDCD ;/* Umbra text */
}
#navigation a:hover {
border-bottom:3px solid #05C7C0; /* Linia inferioara cand trece mouser-ul (hover) */
color:#05C7C0; /* Culoare cand trece mouser-ul (hover) */
}
#navigation li.selected a {
border-bottom:3px solid #05C7C0; /* Coloare linie inferioara fixa (Home) */
color:#05C7C0; /* Coloare text fix(Home) */
}
#navigation ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}



salveaza modificarile,si ultimul pas deschide un gadget HTML/Javascript si adaugi urmatorul cod HTM:

....
Vezi sursa aici