Bun, sa zicem ca ca parteneri acceptati aproape orice forum, si ca
afisati undeva bannerele lor de o anumita marime, iar acea marime ar fi
88x31 pixeli, si este enervant atunci cand unii parteneri vin cu bannere
ceva mai mari decat marimea impusa de tine.
O cale de redimensioare a bannerelor direct pe care o folosesc partenerii ar fi specificarea in tagul <img> lungimea si latimea imaginii, exemplu:
<img src="http://link-imagine-banner.png"
width="88px" height="31px" />
Insa
unii parteneri nici nu se mai obosesc sa adauge acele specificatii si
daca ai o gramada de parteneri, e destul de obositor sa tot adaugi acele
2 coduri la fiecare imagine, ca sa nu mai zic ca unii parteneri
folosesc fisiere .js pentru bannerele lor.
Prin acest micut
tutorial (sau cum vreti sa ii ziceti) va voi arata cum puteti
redimensiona mai multe bannere dintr-odata, fara modificarea codurilor
lor.
Este destul de usor, tot ce aveti de facut este:
1. Cuprindem codurile bannerelor intr-un div si ii dau o clasa cu ce nume dorim:
- Cod:
-
<div class="nume"> Codurile bannerelor </div>
2. Adaugam in css:
- Cod:
-
.nume img {
width: 88px;
height: 31px;
}
Schimbati nume cu numele clasei alese in div si marimile cu valorile dorite.
Si .. cam asta a fost tot, incercati si voi cu orice imagine mica sau mare.
Succes !