Adaugare mesaj in header!

Buna ziua.

Va voi prezenta un simplu tutorial, acest tutorial va da posibilitatea de a adauga o casuta cu un mesaj in header.
Eu l-am pus pe forumul meu si arata destul de frumos parerea mea.


Tot ce este de facut este sa adaugati cateva coduri in CSS si in Generalitati.

In CSS adaugati:

Cod:

#casuta {
background: #95C715;
background: -moz-linear-gradient(top,#95C715 0%,#7BA60D 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#95C715),color-stop(100%,#7BA60D));
background: linear-gradient(top,#95C715 0%,#7BA60D 100%);
border: 1px solid #7BA60D;
color: white;
text-align: center;
width: 8%;
top: 0px;
left: 46%;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
border-radius: 0 0 5px 5px;
z-index: 999;
position: fixed;
-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2),inset 0px -1px 0px rgba(255,255,255,0.2);
-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2),inset 0px -1px 0px rgba(255, 255, 255, 0.2);
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2),inset 0px -1px 0px rgba(255, 255, 255, 0.2);
height: 29px;
}

Iar in generalitati:

Cod:

<div id="casuta">TEXT</div>

Sper sa va placa!

Frumos !
Dar se putea mai simplu cu ajutorul JS

Eu spun ca cel mai simplu cod de a crea ceva este CSS.

imi place

Destul de folositor