Banner elhelyezése
Szerző
Üzenet
Sziasztok!
Szeretnék az oldalamra 4db 468x60-as banner hírdetést olyan elrendezésben, hogy egymás mellett középen van kettő és szintén alatt egymás mellett középen kettő. Mind a két módszer érdekelne (kóddal s képpel) való beillesztés. A válaszaitokat előre is köszönöm
Szeretnék az oldalamra 4db 468x60-as banner hírdetést olyan elrendezésben, hogy egymás mellett középen van kettő és szintén alatt egymás mellett középen kettő. Mind a két módszer érdekelne (kóddal s képpel) való beillesztés. A válaszaitokat előre is köszönöm
Üdv.
Én ilyenkor előveszem a dreamweavert aztán onnan puskázok. beillesztem a képet(ha jpg formátumú a banner) aztán a forráskódot kimásolom majd beillesztem ahova kell. Az én ismereteim szerint a középre igazítás egyik megoldása a <center></center> nyitó és záró tagok.
Kép beillesztése a megjeleníteni kívánt helyen:
<a href="http://ide írd a linket.hu" target="_blank"><img src="a bannerképed elérési útvonala" alt="leírás pl: Elektronikus Zenei Portál" width="468" height="60" border="0" /></a>
a target:"_blank" azt jelenti, hogy egy új ablakban nyílik meg az oldal a kattintás után.
a border: a kép keretvastagsága.
Ha a fenti kód elé teszed <center> és mögé a </center> tagot akkor középre igazítja a képedet.
De biztosan vannak más megoldások is, én is csak gyakorolgatom a dolgokat
Üdv
_________________
A Techno varázslat mely mosolyt fakaszt vagy könnyeket... Hunyd le a szemed, és érezd teljes erővel, ahogy magával ragad, ahogy meg szűnik az idő múlása... csak a Techno marad!
I ♥ TECHNO
Én ilyenkor előveszem a dreamweavert aztán onnan puskázok. beillesztem a képet(ha jpg formátumú a banner) aztán a forráskódot kimásolom majd beillesztem ahova kell. Az én ismereteim szerint a középre igazítás egyik megoldása a <center></center> nyitó és záró tagok.
Kép beillesztése a megjeleníteni kívánt helyen:
<a href="http://ide írd a linket.hu" target="_blank"><img src="a bannerképed elérési útvonala" alt="leírás pl: Elektronikus Zenei Portál" width="468" height="60" border="0" /></a>
a target:"_blank" azt jelenti, hogy egy új ablakban nyílik meg az oldal a kattintás után.
a border: a kép keretvastagsága.
Ha a fenti kód elé teszed <center> és mögé a </center> tagot akkor középre igazítja a képedet.
De biztosan vannak más megoldások is, én is csak gyakorolgatom a dolgokat
Üdv
_________________
A Techno varázslat mely mosolyt fakaszt vagy könnyeket... Hunyd le a szemed, és érezd teljes erővel, ahogy magával ragad, ahogy meg szűnik az idő múlása... csak a Techno marad!
I ♥ TECHNO
Noha tulajdonképpen igazad van, mind a kettő esetben, azért fel kell hogy hívjam a figyelmet egy gondra mind a két esetben:
A ProSilver témával (alapbeállítás) a phpBB "XHTML 1.0 Strict" nyelvű kódot generál ami azt jelenti, hogy a kód megfelel bizonyos (elég magas szintű) szintaktikai és szemléletbeli elvárásoknak. A böngészők a doctype deklarációból (az első sora a kódnak) felismerik ezt a nyelvet és a megadott szabályok szerint jelenítik meg. Ha a böngésző olyan nyelvi elemeket lát amik nincsenek benne a megadott nyelvben, akkor csak tippelni tud a megjelenítésnél, hogy te valójában mit akarsz, és ez sosem vezet jóra, mert sok féle böngésző van és nem mindegyik ugyanúgy old meg mindent.
Ha ezt nem értetted akkor annyi a lényeg, hogy nem "XHTML 1.0 Strict" kódelemek használata bekavarhat a böngészőknek és sokszor olyan hibákhoz vezet, hogy firefoxban és internet explorerben (és chromeban, és opera-ban, stb) kicsit máshogy jelenik meg az oldal és az ember csomót szenved és akkor sem érti, hogy mi a fenéért csúsznak el máshogy a dolgok.
Tehát a kép beszúrásánál ne használj target attribútumot, illetve az alt nem csak egyszerű leírás, hanem ez a szöveg fog megjelenni ha valamiért nem tudja megjeleníteni a képet (ennek ezernyi oka lehet), és az alt attribútumot kötelező is belerakni ezért:
<a href="http://ide írd a linket.hu"><img src="a bannerképed elérési útvonala" alt="leírás pl: Elektronikus Zenei Portál" width="468" height="60" border="0" /></a>
A target attribútumnál úgyis csak idegesít mindenkit hogy új lapon nyílik meg, főleg, hogyha a felhasználó új lapon akarja megnyitni azt könnyedén megcsinálja magának, valójában csak elenyészően kevés esetben van tényleg értelme.
A width és height attribútum rendben van, viszont szerintem érdemes eleve akkora képet berakni amekkorát szeretnénk és akkor a méretezés el is hagyható (de azért teljesen jó ha ott van).
A border attribútum leginkább fölösleges, úgyis az alapbeállítás is 0, ha meg nem akkor nem biztos hogy felül kellene itt definiálni.
A <center></center> tagek meg szintén el lettek hagyva (az hogy pontosan milyen megfontolásból azt hagyjuk), de helyette egy egyszerű inline css segíthet:
<div style="text-align:center"></div>
Tehát egy középre igazított link kép 468x60-as méretben így néz ki "XHTML 1.0 Strict"-ben:
<div style="text-align:center"><a href="http://ide írd a linket.hu"><img src="a bannerképed elérési útvonala" alt="Leírás a képről" width="468" height="60" /></a></div>
Illetve ha puskázni szeretnétek akkor ne Dreamwaverből tegyétek ezt, hanem w3schools.com-ról.
A ProSilver témával (alapbeállítás) a phpBB "XHTML 1.0 Strict" nyelvű kódot generál ami azt jelenti, hogy a kód megfelel bizonyos (elég magas szintű) szintaktikai és szemléletbeli elvárásoknak. A böngészők a doctype deklarációból (az első sora a kódnak) felismerik ezt a nyelvet és a megadott szabályok szerint jelenítik meg. Ha a böngésző olyan nyelvi elemeket lát amik nincsenek benne a megadott nyelvben, akkor csak tippelni tud a megjelenítésnél, hogy te valójában mit akarsz, és ez sosem vezet jóra, mert sok féle böngésző van és nem mindegyik ugyanúgy old meg mindent.
Ha ezt nem értetted akkor annyi a lényeg, hogy nem "XHTML 1.0 Strict" kódelemek használata bekavarhat a böngészőknek és sokszor olyan hibákhoz vezet, hogy firefoxban és internet explorerben (és chromeban, és opera-ban, stb) kicsit máshogy jelenik meg az oldal és az ember csomót szenved és akkor sem érti, hogy mi a fenéért csúsznak el máshogy a dolgok.
Tehát a kép beszúrásánál ne használj target attribútumot, illetve az alt nem csak egyszerű leírás, hanem ez a szöveg fog megjelenni ha valamiért nem tudja megjeleníteni a képet (ennek ezernyi oka lehet), és az alt attribútumot kötelező is belerakni ezért:
<a href="http://ide írd a linket.hu"><img src="a bannerképed elérési útvonala" alt="leírás pl: Elektronikus Zenei Portál" width="468" height="60" border="0" /></a>
A target attribútumnál úgyis csak idegesít mindenkit hogy új lapon nyílik meg, főleg, hogyha a felhasználó új lapon akarja megnyitni azt könnyedén megcsinálja magának, valójában csak elenyészően kevés esetben van tényleg értelme.
A width és height attribútum rendben van, viszont szerintem érdemes eleve akkora képet berakni amekkorát szeretnénk és akkor a méretezés el is hagyható (de azért teljesen jó ha ott van).
A border attribútum leginkább fölösleges, úgyis az alapbeállítás is 0, ha meg nem akkor nem biztos hogy felül kellene itt definiálni.
A <center></center> tagek meg szintén el lettek hagyva (az hogy pontosan milyen megfontolásból azt hagyjuk), de helyette egy egyszerű inline css segíthet:
<div style="text-align:center"></div>
Tehát egy középre igazított link kép 468x60-as méretben így néz ki "XHTML 1.0 Strict"-ben:
<div style="text-align:center"><a href="http://ide írd a linket.hu"><img src="a bannerképed elérési útvonala" alt="Leírás a képről" width="468" height="60" /></a></div>
Illetve ha puskázni szeretnétek akkor ne Dreamwaverből tegyétek ezt, hanem w3schools.com-ról.
Reméltem is, hogy ilyesmi választ fogok kapni erre a hozzászólásra. Hasznos is volt, köszi szépen.Sajnos az angolom elég gyenge ehhez a linkhez, hasonló, magyar nyelvű oldalról nem tudsz?
kérdés, példa:
van 4 kép a footeremben. ezekkel szeretnék hivatkozni pl a blogomra, twitterre, stb, akkor minden képet külön <div tagba kel elhelyezzek?
Richárd
_________________
A Techno varázslat mely mosolyt fakaszt vagy könnyeket... Hunyd le a szemed, és érezd teljes erővel, ahogy magával ragad, ahogy meg szűnik az idő múlása... csak a Techno marad!
I ♥ TECHNO
kérdés, példa:
van 4 kép a footeremben. ezekkel szeretnék hivatkozni pl a blogomra, twitterre, stb, akkor minden képet külön <div tagba kel elhelyezzek?
Richárd
_________________
A Techno varázslat mely mosolyt fakaszt vagy könnyeket... Hunyd le a szemed, és érezd teljes erővel, ahogy magával ragad, ahogy meg szűnik az idő múlása... csak a Techno marad!
I ♥ TECHNO
Nem. Mehetnek simán egy <div>-be.
A <div> arra való, hogy kijelölje a html-ed egy részét. Így például csoportba foglalhatsz több elemet, vagy mondjuk css-sel stílusokat alkalmazhatsz a div-re.
Most pont ezt a másodikat teszed. Ha a <div> nyitójába beleírtad, hogy style="text-align:center", akkor ez addig érvényes lesz amég </div>-vel le nem zárod, szóval, hogyha azt szeretnéd mondjuk hogy az egész dokumentumban mindenhol minden szöveg középre zárt legyen, akkor az egészet egy nagy <div>-be foglalhatod például és ennek a divnek adod a text-align:center stílust.
Stílust egyébként nem csak a <div>-nek hanem nagyon sok féle elemnek lehet adni, csak szerintem a <div>-nek van a legkevesebb mellékhatása és használható a legtöbb helyen azért azt írtam a példában.
Ezen kívül tudni kell, hogy a stílusokat nem magában a html-ben szokták megadni, hanem erre van külön css fájl (van a html elején egy sor hogy <link rel="stylesheet" href="a css stíluslap elérési útja" type="text/css" /> itt mondja meg a html, hogy milyen css-t töltsön le a böngésző a laphoz). És általában a stílusokat ezen a stíluslapon szokták megadni (ha megnézel egy css-t akkor látni fogod, hogy miről van szó).
A <div> arra való, hogy kijelölje a html-ed egy részét. Így például csoportba foglalhatsz több elemet, vagy mondjuk css-sel stílusokat alkalmazhatsz a div-re.
Most pont ezt a másodikat teszed. Ha a <div> nyitójába beleírtad, hogy style="text-align:center", akkor ez addig érvényes lesz amég </div>-vel le nem zárod, szóval, hogyha azt szeretnéd mondjuk hogy az egész dokumentumban mindenhol minden szöveg középre zárt legyen, akkor az egészet egy nagy <div>-be foglalhatod például és ennek a divnek adod a text-align:center stílust.
Stílust egyébként nem csak a <div>-nek hanem nagyon sok féle elemnek lehet adni, csak szerintem a <div>-nek van a legkevesebb mellékhatása és használható a legtöbb helyen azért azt írtam a példában.
Ezen kívül tudni kell, hogy a stílusokat nem magában a html-ben szokták megadni, hanem erre van külön css fájl (van a html elején egy sor hogy <link rel="stylesheet" href="a css stíluslap elérési útja" type="text/css" /> itt mondja meg a html, hogy milyen css-t töltsön le a böngésző a laphoz). És általában a stílusokat ezen a stíluslapon szokták megadni (ha megnézel egy css-t akkor látni fogod, hogy miről van szó).
Hello!
Én olyat szeretnék kérdezni ,hogy melyik template fáljt kell modosítanom ahoz hogy a banner a lap alján legyen? És még azt is szeretném megtudni hogy elég a fentebb írt html kódot átírnom és azt beilesztenem a template fáljba? Bocs ha hülyét kérdeztem de még kezdő vagyok.
Én olyat szeretnék kérdezni ,hogy melyik template fáljt kell modosítanom ahoz hogy a banner a lap alján legyen? És még azt is szeretném megtudni hogy elég a fentebb írt html kódot átírnom és azt beilesztenem a template fáljba? Bocs ha hülyét kérdeztem de még kezdő vagyok.
Ha azt szeretnéd, hogy a banner minden oldal alján megjelenjen, akkor a következő fájlt kell szerkesztened:
Keresd meg a következő részt az említett fájlban:
Ez alá rakjál be egy
A példakódban a banner középre lesz igazítva (
Ha a bannert a copyright alatt akarod elhelyezni, akkor a fentebbi példakódot ez alá szúrd be:
A fenti írást a prosilver sablon alapján készítettem, ha nincsenek ilyen soraid a sablonodban, akkor keress olyat, ami hasonlít az itt leírtakra. Ezek a sorok jellemzően a legvégén vannak, úgyhogy könnyű lesz megtalálni.
/styles/{SABLONOD_NEVE}/template/overall_footer.html
Keresd meg a következő részt az említett fájlban:
Kód:
<!--
We request you retain the full copyright notice below including the link to www.phpbb.com.
This not only gives respect to the large amount of time given freely by the developers
but also helps build interest, traffic and use of phpBB3. If you (honestly) cannot retain
the full copyright we ask you at least leave in place the "Powered by phpBB" line, with
"phpBB" linked to www.phpbb.com. If you refuse to include even this then support on our
forums may be affected.
The phpBB Group : 2006
//-->
Ez alá rakjál be egy
<div>
taget, e közé helyezheted el a bannert, valahogy így:
Kód:
<div align="center" style="padding-top: 5px;">
<a href="http://ahova_a_banner_mutat.hu"><img src="http://ahol_a_banner_van.hu/banner.png" /></a>
</div>
A példakódban a banner középre lesz igazítva (
align="center"
), továbbá a banner felett lesz 5 pixelnyi üres hely (style="padding-top: 5px;"
). Utóbbira azért van szükség, hogy a kép ne olvadjon egybe a felette lévő elemmel, a navigációs barral.
Ha a bannert a copyright alatt akarod elhelyezni, akkor a fentebbi példakódot ez alá szúrd be:
Kód:
<div class="copyright">Powered by <a href="http://www.phpbb.com/">phpBB</a> © 2000, 2002, 2005, 2007 phpBB Group
<!-- IF TRANSLATION_INFO --><br />{TRANSLATION_INFO}<!-- ENDIF -->
<!-- IF DEBUG_OUTPUT --><br />{DEBUG_OUTPUT}<!-- ENDIF -->
<!-- IF U_ACP --><br /><strong><a href="{U_ACP}">{L_ACP}</a></strong><!-- ENDIF -->
</div>
A fenti írást a prosilver sablon alapján készítettem, ha nincsenek ilyen soraid a sablonodban, akkor keress olyat, ami hasonlít az itt leírtakra. Ezek a sorok jellemzően a legvégén vannak, úgyhogy könnyű lesz megtalálni.
Thomas RC nagyon szépen köszönöm a segítséget! Sokat segítettél.
Sziasztok!
Elolvastam ezt a részt nagyon sokat segített rajtam, de lenne egy apró kérdésem:
Hogyan lehet azt megoldani, hogy a banner ne minden oldalon jelenjen meg a weblap alján hanem csak a főoldalon.
Köszi előre is a segítséget!
Elolvastam ezt a részt nagyon sokat segített rajtam, de lenne egy apró kérdésem:
Hogyan lehet azt megoldani, hogy a banner ne minden oldalon jelenjen meg a weblap alján hanem csak a főoldalon.
Köszi előre is a segítséget!
Szia.
Amennyiben nem szeretnéd állandóan látni, akkor az index_body.html-be keress neki helyet.
Amennyiben nem szeretnéd állandóan látni, akkor az index_body.html-be keress neki helyet.
Nem készíthetsz új témákat ebben a fórumban.
Nem válaszolhatsz egy témára ebben a fórumban.
Nem módosíthatod a hozzászólásaidat a fórumban.
Nem törölheted a hozzászólásaidat a fórumban.
Nem szavazhatsz ebben fórumban.
Nem válaszolhatsz egy témára ebben a fórumban.
Nem módosíthatod a hozzászólásaidat a fórumban.
Nem törölheted a hozzászólásaidat a fórumban.
Nem szavazhatsz ebben fórumban.