Zurück tutorials.de > Tutorials > Webmaster - Tutorials > Webmaster Codeschnipsel

 
 
Hallo und herzlich willkommen! Tutorials.de ist eine Hilfe-Community mit dem Motto User helfen Usern. Als Gast verfügst Du über Schreibrechte in unseren Foren und Blogs. Du kannst dich aber gerne auch kostenlos registrieren und Teil unserer Gemeinschaft werden! Viel Spaß & Erfolg bei der Vermehrung deines Wissens :-)

Themen: 242.975 | Beiträge: 1.352.293 | Mitglieder: 169.418 (Stand 28.01.10) | Fragen zur Nutzung von Tutorials.de? Nutzungsregeln | Kontaktformular | Impressum

Jubiläums-Countdown 23.02 23.03 23.04 23.05 23.06 23.07 23.08 23.09


Einladung zum C++ für Einsteiger-Workshop
  Tutorial geschlossenGeschlossen    
  Tutorial geschlossenGeschlossen    
 
Tutorial-Optionen Ansicht
[Codeschnipsel] Google Adsense Dummy mit CSS
[Codeschnipsel] Google Adsense Dummy mit CSS
Veröffentlicht von Das Gelbe vom Ei
10.01.08
[Codeschnipsel] Google Adsense Dummy mit CSS

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">
                            <
class="adverthead" target="_top" href="http://www.google.com">
                            <
span>Stromanbieter Vergleich</span>
                            </
a>
                                <
div class="advertbody">Strompreise und Stromkosten senken900 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">
                                <
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 hinJetzt 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">
                                <
class="adverthead" target="_top" href="http://www.google.de">
                                    <
span>Weihnachtsbräuche</span>
                                </
a>
                                <
div class="advertbody">aus aller WeltWie man das Fest woanders feiertfindest 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">
                                <
class="adverthead" target="_top" href="http://www.google.de">
                                    <
span>Weihnachtsbräuche</span>
                                </
a>
                                <
div class="advertbody">aus aller WeltWie man das Fest woanders feiertfindest 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
Miniaturansicht angehängter Grafiken
[Codeschnipsel] Google Adsense Dummy mit CSS-googledummy.jpg  

Bewertung
 
 
Noch keine Bewertungen vorhanden
 

Tutorial-Optionen
 

 
 
Lesezeichen:


Tutorial-Optionen
Ansicht
Ähnliche Themen
 
Tutorial Autor Forum Kommentare Letzter Beitrag
Google AdSense Verdienstmöglichkeiten Counti Smalltalk 0 09.01.08 23:30
Google Adsense und Google Adwords son gohan Smalltalk 0 15.11.06 12:03
IE zeigt Google AdSense nicht an study HTML 4 01.03.06 02:13
Google Adsense server Hosting & Webserver 0 20.01.06 21:49
Google Adsense includen? piti66 HTML 1 09.08.05 00:28
» Tools
 
tutorials.de-Tools tutorial.de-Suchfeld tutorial.de-Widget tutorial.de-RSS-Feed tutorial.de-Banner
» Neue Links
 
Hits: 132
»
JHT's Planetary...
(Cinema 4D-Objekte)
Hits: 261
»
Tageslicht ohne GI
(Cinema 4D-Tutorials)
Hits: 147
»
Puzzle
(Cinema 4D-Tutorials)
Hits: 100
»
Lacreme
(Cinema 4D-Tutorials)
Hits: 189
»
Liquid Light
(Cinema 4D-Tutorials)
» Aktuelle Umfrage
 
Bist du mit der Geschwindigkeit der Tutorials.de-Website zufrieden?
Ja, es putzt mir glatt den Staub vom Bildschirm! - 79,79%
150 Stimmen
Nein, ich denke da muss noch nachgebessert werden... - 20,21%
38 Stimmen
Stimmen gesamt: 188
Du darfst bei dieser Umfrage nicht abstimmen.

 

Alle Zeitangaben in WEZ +1. Es ist jetzt 01:57 Uhr.


Powered by vBulletin® Version 3.8.5 (Deutsch) & vBadvanced CMPS v.3.2.0
Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.
SEO by vBSEO 3.5.0 RC2 ©2010, Crawlability, Inc.
Alle Rechte vorbehalten ©2000 - 2010 tutorials.de
Design by Mark, CSS by Maik & Sven Mintel
Seite generiert in 0,16284 Sekunden mit 32 queries