Azi este Luni, 14 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:

  • Anulare buton dreapta mouse - nu se poate copia!Daca ai un site web sau blog si doresi ca,imaginile sau textul sa nu fie copiat se poate folosi un cod special aplicat respectivei pagini web si anularea in acest fel a copieri.O data insertat aces cod in momentul in care se … Read More
  • Cum se realizeaza un scroll pentru blogLa rugamintea unui prieten care a vazut pe o pagina web un cod pentru scrolls dar care functiona numai in limbajul php, un cod ce nu poate fi folosit in sablonul blogger, azi voi prezenta cateva coduri html folosind <marqu… Read More
  • Generator cod HTML de culori completHex Code Generator V1 Un complet generator de coduri pentru culori creat in flash si se poate folosi pentru generarea codurilor hexadecumal,HSL,HSV care ne dau codul BGR de la culoarea alesa.În plus, se evidenţiază o caracte… Read More
  • Cum adaugi bannere flash in Blogger Cateva trucuri pentru blogul tau. Bannerele Flash sunt cunoscute pentru capacitatea lor de a aduce un plus de interactiune ofertei comerciale prezentate clientului, fata de cele obisnuite, statice. Desi aspectele legate de … Read More
  • Lupta Impotriva SpamerilorRobotii (numiti si spideri, crawleri, sau boti) sunt programe care cauta neancetat paginile de pe internet si indexeaza linkurile site-urilor, blog-urilor sau forum-urilor gasite. Cand un robot de la un site de spam viziteaza… Read More

2 comentarios:

Bine ai venit!
In continuare poti lasa mesajul tau.

Multumesc