2017 altex.ro

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(http://4.bp.blogspot.com/_qgZA1ny_dAs/S_Qq7NYdkxI/AAAAAAAAELs/hSMXOms6o6I/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.

2 comentarios:

Bine ai venit!
In continuare poti lasa mesajul tau.

Multumesc