Azi este Vineri, 4 de Aprilie.2017

cu reduceri

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 blogului tau.

Pentru a vedea un exemplu de meniu cu text in miscare click AICI.

Cum se poate adauga acest meniu pe un blog?
Se merge la Desing --> Editare HTML cu ajutorul CTR+F i cauta linia de cod: ]]></b:skin> si exact deasupra ei adaugi urmatorul cod:
#menu-title {
padding:5px;
background:#333; /* Culoare de fond de la marquee */
border-bottom:1px solid #fff;
}
#menu-title h3 {
padding:0; margin:0;
color:#ccc; /* Culoare de text de la marquee */
font-family:Verdana, serif;
font-weight:bold;
font-size:130%; /* Marime text de la marquee*/
}
#nav {
float:left;
width:100%;
margin:0; padding:0;
list-style:none;
background:#ccc; /* Culoare fond de meniu */
border-bottom:1px solid #999;
}
#nav li{float:left; margin:0; padding:0;}
#nav a {
float:left;
display:block;
padding:6px 30px 6px 5px;
text-decoration:none;
font-family:Verdana, serif;
font-weight:bold;
font-size:90%; /* Marime text de meniu */
color:#666; /* Culoare text de meniu */
/* Culoare fond de meniu */
background:#ccc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihY-dn724X6sAR_RLvNl_4Bv_as22sLfV9xO7i7TsFkS7iwaF7yruLXK0ErIvTcATwJ0FEWrjrEhlsz54oqgG0-YaLqdAlIXsUJIPcUJ4cZdCKguWPZd4VRld-luhUab1DM5OS2Lt-O1E/s400/nav_slant.gif)no-repeat top right;
}
#nav #nav-1 a {padding-left:20px;}
#nav a:hover {color:#000;}

Acum cauta <body> si imediat dupa adauga codul meniului de mai jos:
<div id="menu-title">
<h3><marquee behavior="alternate">Aici vine textul</marquee></h3>
</div>
<ul id="nav">
<li id="nav-1"><a href="URL de LINK">Acasa</a></li>
<li><a href="URL de LINK">Director</a></li>
<li><a href="URL de LINK">Contact</a></li>
<li><a href="URL de LINK">Noutati HTML</a></li>
</ul><div class='clear'/>

Inainte de a salva modificarile nu uita sa schimbi "URL de LINK" cu url-ul ce doresti sa apara in meniu si de asemenea textul.

Related Posts:

  • 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
  • Meniu orizontal foarte simplu efect hover cu sageataAcest meniu nu spun ca, este ceva nou si nici spectaculos dar este un meniu foarte simplu de aplicat, deschizi un nou gadget HTML/Javascript si adaugi codul de mai jos, daca esti atent, vezi unde se pot face modificari pentru… 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 silul Dock pentru bloggerMeniurile Dock sunt stilul caracteristic calculatoarelor Mac şi sunt extrem de atractive pentru utilizator prin felul în care se modifica iconurile atunci când trecem mouse-ul peste ele. Nu sti ce vreau sa spun?Uită-te la cel… 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

2 comentarios:

Bine ai venit!
In continuare poti lasa mesajul tau.

Multumesc