Lai automātiski samazinātu attēlu
Savos (CSS), pašā augšā ieliekam šādu kodu:
(
NEWS, BLOG, LOAD, PUBL mani uz saviem izvēlētiem)
- Kods:
-
#imgfix_NEWS img{max-height:300px; max-width:160}
#imgfix_BLOG img{max-height:300px; max-width:160}
#imgfix_LOAD img{max-height:300px; max-width:160}
#imgfix_PUBL img{max-height:300px; max-width:160}
šis kods, attēlu samazinās automātiski līdz izmēram 300px augstumā, 160px platumā. Ja lietotājs ieliks attēlu, kura parametri būs 1600X900, tad tas tiks attēlots kā 300x160. Lielāko pikseļu skaitu aizvieto ar 300 un samazina atlikušo malu līdz automātiskam izmēram.
Šādu IDenfikātoru, jūs varat izveidot katram modulim, katram laukam, un citam <div> masīvam atsevišķu. Galvenais ir šo lauku apzīmēt ar noteikta IDenfikātora nosaukumu. Man portālā iekš (CSS) stāv agstāk parādītītie sekojošie Identifikatori:
Par piemēru paņemsim moduli NEWS > Materiālu skats (zaļā krāsa). Tur mums ir operators $MESSAGE$, kas atbild par materiāla saturu.
Ja jūsu šablonos, operators $MESSAGE$ nav iekļauts kaut kādā <div> masīvā, tad viņš jums būs jāiekļauj, piešķirot tam unikālo ID "imgfix_NEWS". Un kā jau mēs iekš CSS noteicām, tad šis ID mums atbilst parametriem: max-height:300px; max-width:160px;
- Kods:
-
<div id="imgfix_NEWS">$MESSAGE$</div>
Gadījumā, ja operātors jau atrodās iekļauts kaut kādā <div> masīvā, teiksim oriģinālajos šablonos ir šāds:
- Kods:
-
<div class="eMessage" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">$MESSAGE$</div>
Tad pie šī <div>, mēs klāt pieliekam to IDentifikatoru
id="imgfix_NEWS"Piemērs:
- Kods:
-
<div id="imgfix_NEWS" class="eMessage" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">$MESSAGE$</div>
Nu tagad liec kādu lieluma bildi gribi, tā nebūs lielāka par 300x160px
Var jau caur CP uzstādījumos uzlikt attēliem parametrus, BET tas darbojas tikai un vienīgi uz tiem attēliem ko pievieno no sava datora cietā diska.
Ar šiem uzstādījumiem ielādē bildes no Faila menedžera ar attiecīgu lielumu.
Piezīme:
Šis parametrs darbojas uz materiāla īso aprakstu, materiāla pilnajā aprakstā bildes būs orģinālā izmērā.
Lai veicas!
Avots:
ort.ucoz.lv