Azi este Sambata, 9 de August.2017

cu reduceri

Jazy Css Meniu Vertical



Un frumos meniu vertical cu efect hover ce se poate adauga pe bara laterala stanga sau dreapta a blogului nostru.
Acum vom vedea care sunt pasii de urmat pentru a inserta acest meniu pe blog; in primul rand va trebui sa gazduim urmatoarele 2 imagini intr-un servidor, eu folosesc Imageshack sau orice alt servitor de gazduire imaginie.



Imagine 1. Imagine 2.

Mergem la Aspect --> Editare HTML si cu ajutorul CTRL+F cautam linia ]]></b:skin> exact deasupra ei adaugam urmatorul cog html:

#gpmenu{
background:#fff;
width:140px;
}
#gpmenu ul{
list-style:none;
}
#gpmenu li{
list-style:none;
margin:3px 0;
}
#gpmenu li a{
list-style:none;
background:#8faf39 url(aici-url-imagine 1) no-repeat;
color:#fff;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
text-decoration:none;
display:block;
height:35px;
line-height:35px;
padding:0 0 0 20px;
}
#gpmenu li a:hover{
background:#da4a70 url(aici-url-imagine 2) no-repeat;
color:#fff;
text-decoration:none;
}
}

Se inlocuieste (aici-url-imagine 1) si (aici-url-imagine 2) cu url-ul celor doua imagini de mai sus.
Salvezi modificarile si trecem la ultimul pas insertarea meniului in bara laterala.

Ne intoarcem la Aspect si deschidem un element HTML/Javascript unde vom adauga urmatorul cod:
<ul id="gpmenu">
<li><span><a href="URL-LINK">Home</a></span></li><li><span><a href="URL-LINK">Profil</a></span></li><li><span><a href="URL-LINK">Contact</a></span></li><li><span><a href="URL-LINK">Feed</a></span></li>
</ul>
Se inlocuieste "URL-LINK" cu url-ul pagini care doresti sa apara in meniu , salvezi modificarile si gata ai pe blog instalat un frumos meniu vertical. Daca doresti un meniu flotant il vei gasi aici Dynamic Drive.

Related Posts:

  • Photo Rec - recuperar fisiere eliminatePhoto Rec este un sofware gratuit ce permite recuperar fisiere eliminate accidental din baza de date a PC-ului.In special se poate recupera imagini de pe HDD (hard disck) sau cardul de memorie a aparatului foto digitale inclu… Read More
  • PDF to Word - Convertir documente PDF in WordCum putem converti un document dintr-un format in altul? Cu ajutorul acestui serviciu online oferit gratis putem transforma un document PDF in Word fara nici un fel de problema si fara a descarca sau instala vreun program in … Read More
  • Tutorial SEO pentru utilizatori de blogger.comCu ceva timp in urma am citit un articol in care se specifica ca Blogger nu este bun pentru SEO deoarece nu permite estichete ci doar categorii. Cu toate acestea,chiar daca in Blogger nu exista plugin-uri ca acesta (All in on… Read More
  • Cum salvam o postare in PDF de un blog/siteDe multe ori s-a intamplat ca din lipsa de timp sa nu putem citi o postare intr-un moment dat ,ideal ar fi sa o salvam in formatul pdf si sa o vedem mai tarziu chiar daca nu sutem conectati la Internet. Multumita a pdfmyurl … Read More
  • 50 de antete pentru blogTe-ai plictisit de acelasi antet de pe blogul tau? Acum poti sa il schimbi cu unul modern.Aici vei gasi 50 de imagini dintre care poti alege pe ce-a care iti convine. De asemenea unele dintre imagini vin insotite de fisiere P… Read More

0 comentarios:

Trimiteți un comentariu

Bine ai venit!
In continuare poti lasa mesajul tau.

Multumesc