Azi este Miercuri, 9 de Aprilie.2017

cu reduceri

Meniu orizontal simplu pentru blogul tau


meniu orizontal simplu pentru blogul tauCu câteva luni în urmă am aratat cateva meniuri pe care le poti adăuga la blog-ul tau rapid şi uşor.

Ei bine, azi a venit rândul să iti arat un nou meniu de navigare orizontal, un pic mai complex, dar simplu de implementat.

Poti vedea un exemplu a acestui meniu aici.

Pentru adaugarea meniu-lui mergi la Desen --> Element HTML/Javascript si adaugi urmatorul cod:
Meniu orizontal simplu pentru blogul tau
<hr />
<div id="meniu">
<ul id="navi1">
<li><a href="URL_LINK">Acasa</a></li>
<li><a href="URL_LINK">Desen</a></li>
<li><a href="URL_KINK">Stiri</a></li>
<li><a href="URL_LINK">Contact</a></li>
</ul>
</div>

<style type="text/css">
#navi1 {
margin:0px;
padding:0px;

}
#navi1 li {
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-webkit-border-top-left-radius:15px;
-webkit-border-top-right-radius:15px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:0px;
background:url(http://i825.photobucket.com/albums/zz180/latrucoteca/Degradadomini-1.png);
color:#000000;
margin:5px;
padding:3px;
width: 100px;
border:1px solid black;
text-align:center;
list-style:none;
font-family: Segoe UI, Arial;
font-size: 14px;
float:left;
}
#navi1 li:hover {
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-webkit-border-top-left-radius:20px;
-webkit-border-top-right-radius:20px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:0px;
background:url(http://i825.photobucket.com/albums/zz180/latrucoteca/Degradadomini-1.png);
color:#000000;
border:1px solid black;
}
#navi1 li a:hover {
color: #003366;
font-style: Italic;http://www.blogger.com/img/blank.gif
text-decoration: none;
}
#navi1 a {
color: #CCCCCC;
font-weight: bold;
}
</style>
Bun acum poti modifica tot ce este de culoare rosie cu informatia ce doresti sa apara in meniu si inlocuirea URL_LINK cu link-ul unde vrei sa fie directionata respectiva informatie.

Daca cauti un meniu orizontal interesant cu efetul Dock il poti gasi aici

Related Posts:

  • Meniu orizontal simplu cu stilul CSSUn meniu este o piesa importanta intr-un blog pentru ca ne ajuta sa punem ordine in continutul lui. Un meniu creat cu CSS este mai usor de adaugat pe un blog decat un meniu creat cu un script.HOMEEnlace-1Enlace-2Enlace-3Enlac… Read More
  • Meniu orizontal in culori cu CSSUn interesant meniu orizontal in culori adaptat pentru blogger realizat cu CSS.Mai jos este doar o imagine dar il poti vedea cum apare instalat pe blog in exemplul urmator: click aiciCum se instaleaza acest meniu?Mergi la Asp… Read More
  • Meniu simplu cu efect onmouseoverText 1 Text 2 Text 3 Text 4 Text 5 Text 6Am fost intrebat de mai multi prieteni ai acestui blog daca exista un meniu mai simplu pentru al folosi pe blog-urile lor, raspunsul este da. Rezultatul este meniul de sus din acest po… Read More
  • Meniu orizontal simplu pentru blogul tauCu câteva luni în urmă am aratat cateva meniuri pe care le poti adăuga la blog-ul tau rapid şi uşor.Ei bine, azi a venit rândul să iti arat un nou meniu de navigare orizontal, un pic mai complex, dar simplu de implementat.Pot… Read More
  • Meniu orizontal cu text in miscare (MARQUEE) Un elegant meniu orizontal cu un text in miscare in partea superioara (se poate scrie un text de intimpinare sau orice alta informatie).A nu se uita! marimea de text, culorile de fond sau de text se pot adapta dupa desenul b… Read More

2 comentarios:

Bine ai venit!
In continuare poti lasa mesajul tau.

Multumesc