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.
RedGamesVin 25 Oct - 15:58