Forglom sűrűsége: max mp
Képek elhelyezése a weblapon
Böngészés ebben a hozzászólásban:   1 Regisztrálatlan felhasználó


     



Képek elhelyezése a weblapon
#1 
Csapattag
Csatlakozott: 2004/9/22 14:05
Honnan: Budapest
Csoport:
Webmasters
Üzenetek: 650
Offline
Beküldve: 2012/5/29 0:10

Mivel a képek elhelyezése kissé bonyolultabb mint korábban, így szeretném elmagyarázni, a módszert, tehát jelen leírás nem a szabályzatról szól.

A weblapon az [img] tag-ek használata ill. a képek kinézete megváltozott az új weblappal együtt. Alapértelmezetten a kép árnyékolt, vastag kerettel és kerekített sarkakkal lesz kihelyezve. Ha egyedileg szeretnénk kialakítani a megjelenést, akkor a következőképpen kell eljárni:


Alapértelmezett kép megjelenítés:

[img]kép url[/img] - bármilyen kép megjelenítése.

[img]665[/img ] - a médiatárba előzőleg feltöltött kép (id) megjelenítése.


Ugyanez linkként elhelyezve. Ekkor a képre kattintva lehet kinagyítani a képet az új lightbox-os megjelenítéssel:

[img=kép url]kép url[/img] - bármilyen kép megjelenítése linkként.

[img=665]665[/img] - a médiatárba előzőleg feltöltött kép (id) megjelenítése linkként.


Az [img]-n belüli opciók:

noshadow - nem lesz árnyéka a képnek.

noborder - nem lesz kerete a képnek.

noradius - nem lesznek lekerekítve a sarkak.

noresize - az eredeti méretét használja a képnek (ami nem lesz nagyobb mint 1440 képpont), és nem méretezi át 200 pixel szélesre, mint alapértelmezetten tenné.

width=[méret] - átméretezi a képet a megadott szélességre (ami nem lesz nagyobb a kép méreténél, és maximum 1440 képpontnál). Az id-val hivatkozott (médiatár) képekre nem működik!

align=left, right, center - balra, jobbra vagy középre rendezi a képet.

lighbox - ha az összes képnek amit belinkelünk ezt adjuk meg, akkor azok egy csoportot alkotnak, és a képeket egy "előző", "következő" gombbal lehet vissza és el?re léptetni. Ez az opció az adott lapon lévő összes lightbox-al megjelölt képet egy csoportba helyezi, olyanokat is ami nem a mienk.

lightbox=csopot név - hasonló az előzőhöz, de csak azok alkotnak egy csoportot, akinek a neve megmeggyezik a beírt csoport névvel. Mindkét lighbox értelemszerűen csak linkelt kép esetében működik.


Példák:

noshadow




noradius




noborder




régi lap szerinti megjelenítés (noradius noborder noshadow noresize)




linkelve




id-val




id-val jobbra rendezve





noresize




width=250



lightbox group (amikor kinyílik a nézegető ablak, a két szélén megjelenik a léptető gomb)






alapértelmezett lightbox group ( 3 kép található a csoportban, mivel a legalsó példa képe is meg van jelölve a lightbox-al)






különböz? kép és link




link egy weblapra (nem képre)





Ez egy példa arra, hogy hogyan lehet elhelyezni a képet a lapon úgy,
hogy a szöveg mellé kerüljön.





Szerkesztette: nortsen 2012.05.31. 15:47:03
Szerkesztette: nortsen 2012.06.2. 14:46:30
Szerkesztette: nortsen 2012.06.2. 14:47:00
Szerkesztette: nortsen 2012.06.11. 10:53:20
Szerkesztette: nortsen 2012.06.11. 10:54:49
Szerkesztette: nortsen 2012.06.11. 10:56:56
Szerkesztette: nortsen 2012.06.11. 11:29:22
Szerkesztette: nortsen 2012.06.11. 11:37:49


 

  Ugrás az elejére   Előző téma   Következő téma

Megnézheted ezt a témát.
Nem tudsz új témát nyitni.
Nem tudsz az üzenetekre válaszolni.
Nem tudod az üzeneteidet szerkeszteni.
Nem tudod az üzeneteidet törölni.
Nem tudsz új szavazást indítani.
Nem tudsz szavazni.
Nem tudsz fájlokat csatolni az üzeneteidhez.
Az üzeneteket jóvá kell hagyatnod.

Frissen megválaszolt témák
TRS2009 segítség
Utólsó üzenet laco 2018/5/7 9:56 - Segítség - TRS
Trainz - A New Era támogatás
Utólsó üzenet dragon35 2018/5/7 4:26 - Trainz - A New Era
Kérdések és észrevételek
Utólsó üzenet dragon35 2018/5/5 23:26 - Társalgó - TRS
trs2009 fiktív pálya
Utólsó üzenet dragon35 2018/5/4 17:46 - Társalgó - TRS
TRAINZ Simulator 2009 magyar változat probléma
Utólsó üzenet mamahe 2018/4/30 13:01 - Segítség - TRS
H0 TTrainz fejlesztések 2
Utólsó üzenet dragon35 2018/4/16 18:13 - Fejlesztések - TRS
Keres-kínál - 3
Utólsó üzenet dragon35 2018/4/15 21:43 - Segítség - TRS
Segítség - 8
Utólsó üzenet nono 2018/3/19 18:53 - Segítség - TRS
Vásárlás
Utólsó üzenet laco 2018/2/25 8:42 - Társalgó
TRS2006-Új rendszer, avagy segítség az eligazodáshoz
Utólsó üzenet tritom 2018/1/22 13:39 - Segítség - TRS
Képek és videók
Utólsó üzenet laco 2018/1/14 19:43 - Képek
GumiApo Trainz katalógusa
Utólsó üzenet GumiApo 2018/1/4 11:42 - Társalgó - TRS
tritom képregénye
Utólsó üzenet tritom 2017/12/30 16:25 - Screenshots - TRS
Ünnepi jókívánságok...
Utólsó üzenet 424 2017/12/26 10:08 - Társalgó
Akciók, leértékelések
Utólsó üzenet laco 2017/12/26 9:17 - Társalgó
Pinyoka képei
Utólsó üzenet 424 2017/12/3 10:24 - Screenshots - TRS
Kívánságlista 2
Utólsó üzenet mamahe 2017/11/11 23:07 - Fejlesztések - TRS
TS12
Utólsó üzenet masterutap 2017/11/1 17:19 - Társalgó - TS2009 - TS2010 - TS2012
fetterm képei
Utólsó üzenet fetterm 2017/10/24 14:43 - Screenshots - TRS
Trainz - A New Era technikai információk
Utólsó üzenet zivatarlesen 2017/10/13 20:14 - Trainz - A New Era
V63
Utólsó üzenet mamahe 2017/9/9 22:29 - Fejlesztések - TS2009
Képek - csak úgy... 6
Utólsó üzenet mamahe 2017/9/9 11:38 - Screenshots - TRS
MAV Ypl wagons
Utólsó üzenet Laurus97 2017/8/18 13:35 - Segítség - TRS
BigTom képei
Utólsó üzenet M62-053 2017/8/8 21:33 - Screenshots - TRS
PTS-Club 2.
Utólsó üzenet bekaember 2017/7/25 10:02 - Fejlesztések - TRS
kontener terminal
Utólsó üzenet herlev 2017/7/4 10:54 - For our international guests - Für unseren internationalen Gäste
Trainz simulator 2012
Utólsó üzenet szabika205 2017/6/29 20:47 - Segítség - TRS
TS12 Enginesounds
Utólsó üzenet Charly 2017/6/17 10:29 - Fejlesztések - TRS
GumiApo Screenjei
Utólsó üzenet Rul 2017/6/9 17:53 - Screenshots - TRS