Navigare rapidă

Ultimele subiecte
» Prezentare CHR
Scris de Zeus Vin 20 Oct - 22:13
» CHR portofoliu
Scris de CHR Dum 8 Oct - 23:09
» Tema noua pe Extrem Tutorials
Scris de CHR Dum 8 Oct - 22:55
» Cum iti creezi propriul joc online
Scris de officialzaru Joi 5 Oct - 20:26
Cuvinte-cheie

edit  

Warning box pentru anunturi


Salutare prieteni,   

Am creat niste tabele pentru anunturile de pe forumurile dvs. Tot ce trebuie sa faceti este sa urmati pasii de mai jos.

Pentru inceput adaugati in css:

P.A ~> Afisare ~> Imagini si culori ~> Culori ~> Foaie de stil css
Cod:
.warnbox {
min-height: 60px;
background: url(https://cdn4.iconfinder.com/data/icons/gnome-desktop-icons-png/PNG/64/Gnome-Dialog-Error-64.png) left no-repeat;
padding-left: 70px;
}

.succesbox {
min-height: 60px;
background: url(https://cdn4.iconfinder.com/data/icons/gnome-desktop-icons-png/PNG/64/Gnome-Emblem-Default-64.png) left no-repeat;
padding-left: 70px;
}

.infobox {
min-height: 60px;
background: url(https://cdn4.iconfinder.com/data/icons/meBaze-Freebies/64/info.png) left no-repeat;
padding-left: 70px;
}

.box {
border-color: rgb(65, 65, 65);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6);
color: rgb(207, 207, 207) !important;
background-color: rgb(69, 69, 69);
background-image: -moz-linear-gradient(center top , rgb(62, 62, 62), rgb(51, 51, 51));
color: rgb(170, 170, 170) !important;
border: 1px solid rgb(20, 20, 20);
padding: 5px;
font-size: 11px;
font-family: Arial;border-radius: 6px;
}
Dupa ce ati adaugat in css adaugati in orice parte a forumului:

Succes box:
Cod:
<div class="box"><div class="succesbox">
<b>Succes Box</b>
<div style="border-bottom: 1px solid rgb(65, 65, 65);"></div>
Textul dorit
</div></div>

Info box:

Cod:
<div class="box"><div class="infobox">
<b>Info Box</b>
<div style="border-bottom: 1px solid rgb(65, 65, 65);"></div>
Textul dorit
</div></div>

Warn box:

Cod:
<div class="box"><div class="warnbox">
<b>Warn Box</b>
<div style="border-bottom: 1px solid rgb(65, 65, 65);"></div>
Textul dorit
</div></div>

Previzualizare: [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Si asta a fost tot.
   


Tutorial scris de [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Copyright Extrem-Tutorials.com -  Nici o parte a acestui tutorial nu poate fi reprodusa fara acordul autorului.

Comentariile utilizatorilor
Membru ET
avatar
la data de Vin 25 Oct - 15:58
RedGames Membru ET
Conectat
mersi mult!!!
Membru dedicat
avatar
la data de Mier 1 Ian - 22:09
mr.franta Membru dedicat
Conectat
Rylled chiar imi place aceasta idee a ta,desi ai creat multe tabele acesta o sa fie descarcat maxim pentru ca este facut vizibil perfect la forumurile inchise la culoarea,si ce sa mai spun arata de nota 10 icon-urile se potrivesc perfect
Membru ET
avatar
la data de Mier 18 Mar - 4:28
hamsahaq Membru ET
Conectat
mersi mult!!!