kostenloser Webspace werbefrei: lima-city

Wie macht man so ein Werbefenster?

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

abakus background beide beispiel beitrag body datei eins fallen fragen funktion men rande sidebar source tabelle test tolle beispiel zusammen
  1. Autor dieses Themas

    k****8

    1:56, 20.5.2006
    Also so eins wie z. B. die Google-Ads oben
    Google macht dass per JS (wei? ich aus den Lima-Source), aber wie macht man sowas allgemein? Also wie k?nnte man dass machen, dass man mit einen Link, den man bekommt, ein Werbescript angezeigt wird?

  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. abakus

    Kostenloser Webspace von abakus

    abakus hat kostenlosen Webspace.

    4:14, 20.5.2006

    Also so eins wie z. B. die Google-Ads oben
    Google macht dass per JS (wei? ich aus den Lima-Source), aber wie macht man sowas allgemein? Also wie k?nnte man dass machen, dass man mit einen Link, den man bekommt, ein Werbescript angezeigt wird?


    hmmmm ... ich wei? es zwar auch nicht, wie google das macht, aber ich w??te dennoch wie man es machen k ? n n t e :biggrin:
    ich hatte mal 'ne Homepage, wo ich mittels JS Bilder und Menues integrierte ... genau damit ginge es, ... ich habe ein JS (Funktion) dazu geschrieben (nur mal als Test/Beispiel)

    ich habe eine Datei mit dem Namen: werbung.js (Funktion: HeadBar(); ) angelegt, welche (zun?chst einmal) Folgendes beinhaltet

    // Common JavaScript functions
/////////////////////////////////////////////////////////////////////
function HeadBar()
{
    document.open();
    document.writeln("  <table style='background-color:#FFFFFF;width:800px;height:30px;border:1px solid #000000' cellpadding=3 cellspacing=0>");
    document.writeln("  <tr>");
    document.writeln("    <td style='background-color:#FFFFFF;width:200px;height:30px;'>");
    document.writeln("    <img src='dot.gif' width='19' height='24' border='0'>");
    document.writeln("    <a href='http://www.yahoo.de/' onfocus='this.blur()' target='_blank'>Yahoo</a>");
    document.writeln("    <br><font size=1>Hier kommt irgendein Text hingesetzt<br> Blah-Blah-Blah</font>");
    document.writeln("    </td>");
    document.writeln("    <td style='background-color:#FFFFFF;width:200px;height:30px;'>");
    document.writeln("    <img src='dot.gif' width='19' height='24' border='0'>");
    document.writeln("    <a href='http://www.google.de/' onfocus='this.blur()' target='_blank'>Google</a>");
    document.writeln("    <br><font size=1>Hier kommt irgendein Text hingesetzt<br> Blah-Blah-Blah</font>");
    document.writeln("    </td>");
    document.writeln("    <td style='background-color:#FFFFFF;width:200px;height:30px;'>");
    document.writeln("    <img src='dot.gif' width='19' height='24' border='0'>");
    document.writeln("    <a href='http://www.drweb.de/' onfocus='this.blur()' target='_blank'>DrWeb</a>");
    document.writeln("    <br><font size=1>Hier kommt irgendein Text hingesetzt<br> Blah-Blah-Blah</font>");
    document.writeln("    </td>");
    document.writeln("    <td style='background-color:#FFFFFF;width:200px;height:30px;'>");
    document.writeln("    <img src='dot.gif' width='19' height='24' border='0'>");
    document.writeln("    <a href='http://www.lima-city.de/' onfocus='this.blur()' target='_blank'>LimaCity</a>");
    document.writeln("    <br><font size=1>Hier kommt irgendein Text hingesetzt<br> Blah-Blah-Blah</font>");
    document.writeln("    </td>");
    document.writeln("  </tr>");
    document.writeln("  <tr>");
    document.writeln("    <td colspan=4 style='background-color:#0070C0;width:800px;height:10px;' align='right'>");
    document.writeln("    <a href='http://graphic-pool.de.vu/' onfocus='this.blur()' target='_top'><font size=2 color=#00FFFF>? Graphic-Pool</font></a>");
    document.writeln("    <img src='spacer.gif' width='5' height='5' border='0'>");
    document.writeln("    </td>");
    document.writeln("  </tr>");
    document.writeln("  </table>");
}
/////////////////////////////////////////////////////////////////////


    in den Head-Bereich der HTML-Datei kommt dann
    <script language="JavaScript" src="werbung.js" type="text/javascript"></script>
    und in den Body-Bereich (dort, wo die Tabelle erscheinen soll) kommt:
    <div align="center"><script language="JavaScript" type="text/javascript">HeadBar();</script></div>
    und das war's schon :biggrin:
    Beispiel angucken --> http://trixi.tr.ohost.de/beispiele/werbung1.html

    du kannst in der werbung.js nat?rlich weitere Werbe-Tabellen definieren ... ich habe (zum Test) mal eine weitere Werbung hinzugef?gt ... diesmal senkrecht verlaufend -> Funktion: SideBar(); 

    /////////////////////////////////////////////////////////////////////
function SideBar()
{
    document.open();
    document.writeln("  <table style='background-color:#FFFFFF;width:180px;height:140px;border:1px solid #000000' cellpadding=3 cellspacing=0>");
    document.writeln("  <tr>");
    document.writeln("    <td style='background-color:#0070C0;width:180px;height:10px;' align='left'>");
    document.writeln("    <font size=2 color=#FFFFFF><b> :: Werbung</b></font>");
    document.writeln("    </td>");
    document.writeln("  </tr>");
    document.writeln("  <tr>");
    document.writeln("    <td style='background-color:#FFFFFF;width:180px;height:30px;'>");
    document.writeln("    <img src='dot.gif' width='19' height='24' border='0'>");
    document.writeln("    <a href='http://www.yahoo.de/' onfocus='this.blur()' target='_blank'>Yahoo</a>");
    document.writeln("    <br><font size=1>Hier kommt irgendein Text hingesetzt<br> Blah-Blah-Blah</font>");
    document.writeln("    </td>");
    document.writeln("  </tr>");
    document.writeln("  <tr>");
    document.writeln("    <td style='background-color:#FFFFFF;width:180px;height:30px;'>");
    document.writeln("    <img src='dot.gif' width='19' height='24' border='0'>");
    document.writeln("    <a href='http://www.google.de/' onfocus='this.blur()' target='_blank'>Google</a>");
    document.writeln("    <br><font size=1>Hier kommt irgendein Text hingesetzt<br> Blah-Blah-Blah</font>");
    document.writeln("    </td>");
    document.writeln("  </tr>");
    document.writeln("  <tr>");
    document.writeln("    <td style='background-color:#FFFFFF;width:180px;height:30px;'>");
    document.writeln("    <img src='dot.gif' width='19' height='24' border='0'>");
    document.writeln("    <a href='http://www.drweb.de/' onfocus='this.blur()' target='_blank'>DrWeb</a>");
    document.writeln("    <br><font size=1>Hier kommt irgendein Text hingesetzt<br> Blah-Blah-Blah</font>");
    document.writeln("    </td>");
    document.writeln("  </tr>");
    document.writeln("  <tr>");
    document.writeln("    <td style='background-color:#FFFFFF;width:180px;height:30px;'>");
    document.writeln("    <img src='dot.gif' width='19' height='24' border='0'>");
    document.writeln("    <a href='http://www.lima-city.de/' onfocus='this.blur()' target='_blank'>LimaCity</a>");
    document.writeln("    <br><font size=1>Hier kommt irgendein Text hingesetzt<br> Blah-Blah-Blah</font>");
    document.writeln("    </td>");
    document.writeln("  </tr>");
    document.writeln("  <tr>");
    document.writeln("    <td style='background-color:#0070C0;width:180px;height:10px;' align='right'>");
    document.writeln("    <a href='http://graphic-pool.de.vu/' onfocus='this.blur()' target='_top'><font size=2 color=#00FFFF>? Graphic-Pool</font></a>");
    document.writeln("    <img src='spacer.gif' width='5' height='5' border='0'>");
    document.writeln("    </td>");
    document.writeln("  </tr>");
    document.writeln("  </table>");
}
/////////////////////////////////////////////////////////////////////


    und so sieht's dann aus --> http://trixi.tr.ohost.de/beispiele/werbung2.html

    im Headbereich wieder das selbe
    <script language="JavaScript" src="werbung.js" type="text/javascript"></script>
    im Body-Bereich nur die Funktion anders, diesmal dann die Funktion: SideBar(); und also:
    <div align="left"><script language="JavaScript" type="text/javascript">SideBar();</script></div>

    hier jetzt beides zusammen --> http://trixi.tr.ohost.de/beispiele/werbung3.html

    ich habe in allen Zellen background-color:#FFFFFF
    definiert, h?tte ich aber nicht machen brauchen, weil die ganze Tabelle schon mit background-color:#FFFFFF definiert wurde ... ich habe es aber trotzdem (vorwegnehmend) so gemacht, damit du die Zellen farblich ver?ndern kannst, im Falle du dich hierf?r entscheiden solltest (manch einer mag's halt bunt *gg)

    ich kann jetzt nat?rlich auch beigehen und diesen Beispiel-Werbeblock auf eine Seite reinziehen, die hier bei lima-city liegt ... bei der Seite gebe ich im Head-Bereich dann die volle Url ein
    <script language="JavaScript" src="http://trixi.tr.ohost.de/beispiele/werbung.js" type="text/javascript"></script>
    im body wieder nur: <div align="center"><script language="JavaScript" type="text/javascript">HeadBar();</script></div>
    diese Werbung lie?e sich weiterreichen wie ein Werbebanner

    hier schaun --> http://abakus.pyrokar.lima-city.de/werbung.html

    also wie gesagt: das Script liegt bei ohost und das benutze ich jetzt aber, in diesem Beispiel, bei lima-city
    allerdings m?ssen die Images (in diesem Fall ein blaues dot.gif und ein spacer.gif) im JavaScript (das bei ohost liegt) dann auch mit der vollen Url verlinkt sein

    greetz abakus

    Beitrag ge?ndert am 20.05.2006 05:16 von abakus
  4. Autor dieses Themas

    k****8

    10:26, 20.5.2006
    Ok, BIG THX f?r dass Tolle Beispiel
    Mal schaun

    Frage am Rande: Kann man einen js-File emulieren, dass es ohne Probleme geparsert werden soll?

  5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

Login zum Webhosting ohne Werbung!

Hast Du schon kostenlosen Webspace oder bist Du auf der Suche nach WordPress-Hosting mit Staging-Funktion und wp-cli? Jetzt günstige Prepaid Domains registrieren!