Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag26.03.2007 um 18:41 (UTC)    
Titel: HTML/CSS: (Iceblue) Rechte Navigation

Dieses Tutorial erklärt wie ihr ein zweite Navigation
im Design Iceblue anstatt der rechten Box einfügt

Ihr fügt folgenden Code bei Text über dem Design ein :
Zitat:
<style type?"text/css"><!--
td.shouty{visibility:hidden;}
td.edit_rechts_bottom{visibility:hidden;}
td.edit_rechts_sbg{visibility:hidden;}
--></style>


<style type="text/css">
<!--
table.impressum{
width: 175px;
height: 200px;
position: absolute;
left: 750px;
top: 150px;
padding-left: 15px;
}
table.impressum td{color: #FFFFFF;}
-->
</style>
<table class="impressum">
<tr>
<td>
<br />
<img alt="ein Bild" src="http://img.webme.com/pic/t/test-hpbk/partner.jpg" /><br />
<br />
<br />
<a href="http://www.chris-schreiber.de.tl"><img alt="ein Bild" src="http://img.webme.com/pic/t/test-hpbk/chris.jpg" /></a><br />
<a href="http://www.dallas-mavericks-fanpage.de.tl"><img alt="ein Bild" src="http://img.webme.com/pic/t/test-hpbk/dallas.jpg" /></a><br />
<a href="http://www.freak-videos.de.tl"><img alt="ein Bild" src="http://img.webme.com/pic/t/test-hpbk/freak.jpg" /></a><br />
<a href="http://www.hertha-fanpage.de.tl"><img alt="ein Bild" src="http://img.webme.com/pic/t/test-hpbk/hertha.jpg" /></a><br />
<a href="http://www.suedwest-07.de.tl"><img alt="ein Bild" src="http://img.webme.com/pic/t/test-hpbk/suedwest.jpg" /></a>
<br>
</td>
</tr>
</table>


Dieser Code sorgt dafür das die rechten Boxen verschwinden und blendet stattdessen Bilder ein.

Um eure eigene Navigationsbuttons zu beschriften benutz einfach Paint.
Ladet euch z.B buttons bei free-picture.de.tl runter und beschriftet sie dann.
ladet sie dann wieder hoch
z.B bei myloads oder hier beim baukasten

dann such ihr euch im Code folgende Zeilen raus:
Zitat:
<img alt="ein Bild" src="http://img.webme.com/pic/t/test-hpbk/partner.jpg" /><br />
<br />
<br />
<a href="http://www.chris-schreiber.de.tl"><img alt="ein Bild" src="http://img.webme.com/pic/t/test-hpbk/chris.jpg" /></a><br />
<a href="http://www.dallas-mavericks-fanpage.de.tl"><img alt="ein Bild" src="http://img.webme.com/pic/t/test-hpbk/dallas.jpg" /></a><br />
<a href="http://www.freak-videos.de.tl"><img alt="ein Bild" src="http://img.webme.com/pic/t/test-hpbk/freak.jpg" /></a><br />
<a href="http://www.hertha-fanpage.de.tl"><img alt="ein Bild" src="http://img.webme.com/pic/t/test-hpbk/hertha.jpg" /></a><br />
<a href="http://www.suedwest-07.de.tl"><img alt="ein Bild" src="http://img.webme.com/pic/t/test-hpbk/suedwest.jpg"



Die erste Bildadresse ist ein nichtanklickbarer Button.Dort schreibt ihr z.B Navigation hin. Die anderen sind einfach verlinkt.

Das heißt ihr ändert folgendes im code:
Zitat:
href="http://www.chris-schreiber.de.tl"><img alt="ein Bild" src="http://img.webme.com/pic/t/test-hpbk/chris.jpg"


Das rot markierte ist die Seite wo ihr hinlinken wollt.
Das grün markierte ist die Adresse des Buttons den ihr hochgeladen habt.
Ihr könnt diesen Code natürlich beliebig erweitern

Ich hoffe ich konnte helfen !


Zuletzt bearbeitet von streetplayer49 am 04.08.2007, 20:16, insgesamt 2-mal bearbeitet
Beitrag26.03.2007 um 19:20 (UTC)    
Titel:

wie findet ihrs ?
Beitrag26.03.2007 um 19:52 (UTC)    
Titel:

Gefällt mir, ich verschiebe das mal in die Tuts.
Ich habe noch aus [code] ein [quote] gemacht, damit man auch die Farben erkennt.
Beiträge der letzten Zeit anzeigen:   


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