Ha van szalaghirdetése, de nincs kész html-kód az oldal beszúrásához, akkor a szükséges link hozzáadása nem olyan nehéz. Még akkor is, ha a szalaghirdetés flash technológiával készült. Az alábbiakban ismertetjük a transzparensekre mutató linkek grafikus és flash formátumú rendszerezésének lehetőségeit a forráskódban.
Utasítás
1. lépés
Ha a szalaghirdetés valamelyik grafikai formátumban van (gif, jpg, png, bmp), akkor elég lesz a képcímkét a linkcímkébe tenni. Először alakítsa ki a képcímkét. A weboldalak jelölőnyelvén (HTML - HyperText Markup Language - "hipertext jelölő nyelv") a legegyszerűbb verziója így néz ki: Itt a kép "relatív címe" van megadva az src attribútumban. Ebben a verzióban a böngésző feltételezi, hogy a kép ugyanabban a mappában van a szerveren, ahová maga az oldal tartozik, ahova a szalaghirdetés beillesztésre kerül. De jobb, ha megad egy "abszolút címet":
2. lépés
Ehhez a címkéhez hozzá kell adni még néhány attribútumot. Két attribútum jelzi a szalaghirdetés méreteit (magasság és szélesség). Ezek nem kötelező attribútumok - a kép nélkülük jelenik meg, ha minden jól megy, amikor az oldalt a szerverről a böngészőbe töltik. De ha a kép valamilyen okból nincs betöltve, akkor a méretek hiánya oda vezethet, hogy az összes többi tervezési elem nem lesz a helyén. A méretcímke így fog kinézni:
3. lépés
Alapértelmezés szerint a böngésző kék szegélyt rajzol a linkképek köré. Ennek elkerülése érdekében adjon hozzá egy null értékű border attribútumot a szalagcímkéhez:
4. lépés
Adjon hozzá még egy attribútumot (címet), amely tartalmazza az eszköztipp szövegét, amikor az egérmutatót a sáv fölé viszi:
5. lépés
Elkészítette a képcímkét a legfontosabb attribútumokkal, most be kell helyeznie a linkcímkébe. Minden egyes hivatkozást két címke alkot - nyitó és záró: A nyitó címke tartalmazza a href attribútumot, amely tartalmazza a kérés elküldéséhez szükséges címet. E két linkcímke közé illessze be a szalagcímkét: A linkkel ellátott banner HTML kódja készen áll, ne felejtse el kicserélni: - a href attribútumban: "https://kakprosto.ru" a link címével. - a src attribútumban: "https://kakprosto.ru/banner.gif" a szalaghirdetés képének címéhez; - a width attribútumban: "468" a szalaghirdetés szélességéhez; - a height attribútumban: "60" a szalaghirdetés magasságához; - a title attribútumban: "Ez egy szalaghirdetés!" előugró szöveg a szalaghirdetéshez;
6. lépés
A fentiek mindegyike képszalagokra hivatkozott, de vannak olyan szalagcímek is, amelyek flash technológiával készültek. Ha linket szeretne egy flash filmbe szokásos módon beszúrni, akkor nemcsak a szalaghirdetésnek, hanem a forráskódjának is rendelkeznie kell. Ezen felül szerkesztheti a forráskódot, majd a Flash filmet csak egy speciális szerkesztőben állíthatja össze - erre a szokásos szövegszerkesztő nem alkalmas. Van azonban mód ezeknek a nehézségeknek a megkerülésére, csupán HTML és CSS (Cascading Style Sheets - "kaszkád stíluslapok") szerkesztésére szorítkozva. A CSS nyelv az oldalelemek megjelenésének részletesebb (a HTML-hez képest) leírására szolgál. Segítségével meglehetősen összetett többrétegű struktúrák építhetők fel az oldalakon. Ezt úgy fogjuk használni, hogy a Flash szalaghirdetést az alsó rétegbe helyezzük, és a réteget a link fölé helyezzük. A szalaghirdetés HTML kódja így fog kinézni:
Ne felejtse el kicserélni a benne lévő szélesség és magasság attribútumokat (két helyen), a banner nevet a banner.swf (két helyen) és a link címet https://kakprosto.ru (egy helyen). És az SCC kódot ennek a HTML-kódnak megfelelőnek kell lennie a következő:
div.linkedFlashContainer {pozíció: relatív; z-index: 1; határ: 0px; szélesség: 468px; magasság: 60px}
a.flashLink {pozíció: abszolút; z-index: 2; szélesség: 468px; magasság: 60px; háttér: url (spacer.gif) no-repeat;}
A spacer
