Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag04.01.2011 um 19:38 (UTC)    
Titel: An den Seiten verlinkungen (Banner)

Hallo, ich würde gerne wissen, wie http://www.poddi.de.tl/ das gemacht hat mit unten links YouTube, Twitter, Facebook und rechts adward und so weiter ..

Hat einer 'ne Ahnung? mfG
Beitrag05.01.2011 um 00:15 (UTC)    
Titel:

Hi,
ich hab da einmal was zusammen gestellt (ohne Kontrolle, obs funktioniert).
Code:
#name a {
    display: block;
    width: 50px;
    height: 50px;
    background: url ('Bild-URL') no-repeat;
    /* +Positionierungen: float? margin? etc! */
}

#name a:hover {
    display: block;
    width: 50px;
    height: 50px;
    background: url ('Bild-URL') no-repeat;
    /* +Positionierungen: float? margin? etc! */
}

Im HTML Bereich kannst du dann folgendes hinzufügen.
Code:
<div id="name"><a href="ZIEL-URL" target="_blank"></a></div>



Zur CSS-Erläuterung, was du ändern sollst:

- Der Klassenname (in diesem Fall: #name) kann geändert werden. Die Raute muss
aber bestehen bleiben!
- Die width (Breite) und height (Höhe) sollten die gleichen sein, wie das Bild,
welches du haben möchtest.
- Bei der Bild-URL von der Background-Definition gibst du bei Div #name a
die normale Bild-URL und bei #name a:hover diese, welche angezeigt
werden soll, wenn die Maus darüber fährt.
- Zusätzliche Positionierungen musst du selbst anpassen, z.B.: Wo möchtest du
das Div platziert haben?


Zur HTML-Erläuterung, was du ändern sollst:

- Der Div-ID Name muss auf jeden Fall dieser sein, welcher in der CSS-Angabe
verwendet wurde.
- Die Ziel-URL bestimmt, wo der Besucher landen soll. Mit target="_blank" wird
ein neuer Tab geöffnet.

Ich hoffe das funktioniert so in etwa. Bitte um Rückmeldung.

Gruss
Riki
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de