[Codeschnipsel] Google Adsense Dummy mit CSS - Webmaster Codeschnipsel @ tutorials.de: Forum & Hilfe

Guten Morgen,

habe vor einer Woche mal ein Google Adsense Dummy gebaselt weil ein Kunde eine "google adsense" Box haben wollte wo er eigene Textlinks hinzufügen kann. Da ich erst bei Google gesucht habe und nichts brauchbares gefunden haben, dachte ich ich stell das hier mal drein, vieleicht kann das mal wer gebrauchen für ein Mockup oder ähnliches.

Wer es fertig sehen möchte, schaut bitte den Anhang an

Hier erstmal der benötigte CSS Code:

            
                    PHP-Code:
                  
<html>

    <head>

        <style>

            a:link,a:visited,a:hover,a:active {

            color:#0000ff;

            cursor:pointer;

            }

            body,table,div,ul,li {

            font-size:10px;

            margin:0px;

            padding:0px;

            }

            body {

            background-color:transparent;

            font-family:verdana,arial,sans-serif;

            height:100%;

            }

            #main {

            height:90px;

            width:728px;

            }

            #advertsbody {

            left:1px;

            position:absolute;

            top:1px;

            width:726px

            }

            #advertsbody ul {

            list-style:none;

            }

            #advertsbody ul li {

            float:left;

            height:70px;

            overflow:hidden;

            width:180px;

            }

            .advert {

            margin:0px 2px;

            }

            .adverthead {

            font-size:11px;

            font-weight:bold;

            line-height:12px;

            }

            .advertbody {

            color:#000000;

            display:block;

            font-size:10px;

            line-height:12px;

            }

            .greenlinkbox {

            color:#99cc01;

            font-size:10px;

            line-height:12px;

            overflow:hidden;

            white-space:nowrap

            }

            .greenlink {

            cursor:pointer;

            }

            #maininner {

            background-color:#ffffff;

            border:1px solid #99cc01;

            height:88px;

            width:726px

            }

        </style>

    </head>

Und hier der HTML Code

            
                    PHP-Code:
                  
    <body>

        <div id="main">

            <div id="maininner"/>

                <div id="advertsbody">

                    <ul>

                        <li>

                            <div class="advert">

                            <a class="adverthead" target="_top" href="http://www.google.com">

                            <span>Stromanbieter Vergleich</span>

                            </a>

                                <div class="advertbody">Strompreise und Stromkosten senken. 900 Stromanbieter im Vergleich. </div>

                                    <div class="greenlinkbox">

                                        <span class="greenlink" onclick="self.location.href='www.google.de'">www.google.de</span>

                                    </div>

                            </div>

                        </li>

                        <li>

                            <div class="advert">

                                <a class="adverthead" target="_top" href="http://www.google.com">

                                    <span>Auswandern Australien</span>

                                </a>

                                <div class="advertbody">Wir schaffen Ihr Hab & Gut sicher & zuverlässig hin. Jetzt informieren! </div>

                                    <div class="greenlinkbox">

                                        <span class="greenlink" onclick="self.location.href='http://www.google.de'">www.google.de</span>

                                    </div>

                            </div>

                        </li>

                        <li>

                            <div class="advert">

                                <a class="adverthead" target="_top" href="http://www.google.de">

                                    <span>Weihnachtsbräuche</span>

                                </a>

                                <div class="advertbody">aus aller Welt. Wie man das Fest woanders feiert, findest du hier. </div>

                                    <div class="greenlinkbox">

                                        <span class="greenlink" onclick="self.location.href='http://www.google.de'">www.google.de</span>

                                    </div>

                            </div>

                        </li>

                        <li>

                            <div class="advert">

                                <a class="adverthead" target="_top" href="http://www.google.de">

                                    <span>Weihnachtsbräuche</span>

                                </a>

                                <div class="advertbody">aus aller Welt. Wie man das Fest woanders feiert, findest du hier. </div>

                                    <div class="greenlinkbox">

                                        <span class="greenlink" onclick="self.location.href='http://www.google.de'">www.google.de</span>

                                    </div>

                            </div>

                        </li>

                    </ul>

                    </div></div></div></div>

                </div>

            </div>

        </div>

    </body>

</html>

Schöne Grüße,
Das Gelbe vom Ei