Navigare rapidă

Ultimele subiecte
» Wireless ipb theme [punBB]
Scris de D1esel Joi 29 Aug - 17:08
» 10 King
Scris de Erpel Vin 29 Mar - 16:31
» Bulletin ipb theme
Scris de MihaiExtremTutorials Sam 15 Dec - 0:24
» Ying-Yang Tutorial
Scris de Lucifer Mar 24 Apr - 11:34
» Avatar forumotion toolbar
Scris de Lucifer Mar 24 Apr - 11:33
Cuvinte-cheie

edit  

Warning box pentru anunturi


Salutare prieteni,  Warning box pentru anunturi 109884 

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. Warning box pentru anunturi 230108
   


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
RedGames
la data de Vin 25 Oct - 15:58
RedGames Membru ET
Conectat
mersi mult!!!
Membru dedicat
mr.franta
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
hamsahaq
la data de Mier 18 Mar - 4:28
hamsahaq Membru ET
Conectat
mersi mult!!!