Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag11.01.2009 um 17:54 (UTC)    
Titel: Linke und Rechte Navigation

Hallo HPBK-User,

Früher war ich hier für manche als User "Fun-Corporation" bekannt und bin dabei eine neue Seite zu erstellen.
Nun zur Frage:
Wie kann ich es machen, dass ich staat den Boxen eine zweite Navigation habe?

Gruß, Mike Cool
Beitrag11.01.2009 um 20:17 (UTC)    
Titel:

entweder du machst das mit CSS, ist dann aber ein bisschen aufwändiger oder du machst die Buttons in die rechte Box.
______________
Beitrag12.01.2009 um 14:50 (UTC)    
Titel: Noch nirgendw

Ich hab noch nirgendwo so ein Design (von Userpages und Userpages die Designs anbieten) gesehen, aber ich hab noch ein CSS-Design. Sieht so aus (http://s2.imgimg.de/uploads/blueUnityOldDesignca0ce083PNG.png), und der CSS-Design-Code davon ist so:
Code:
* {
    padding: 0;
    margin: 0;
}

body {
background: #eee url(http://blueunity.de.tt/images/bg.jpg) repeat-x top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color: #333333;;
}

img { border: none; }
a { color: #005EB0; text-decoration: none; }
a:hover { text-decoration: underline; color : #000; }

#wrap {
width: 800px;
margin: 0 auto;
border-left: 1px solid #aaa;
border-right: 1px solid #aaa;
background: #fff;
}

#header {
height: 60px;
margin: 0 auto;
width: 800px;
border-left: 1px solid #111;
border-right: 1px solid #111;
}

#header h1 {
padding: 12px 0 0 20px;
font-size: 20px;
letter-spacing: -2px;
}
#header h1 a {
color: #fff;
text-decoration: none;
}
#header h1 a:hover {
text-decoration: none;

}
#header h2 {
padding-left: 21px;
font-size: 14px;
color: #eee;
font-weight: 100;
}

#left {
float: left;
width: 150px;
padding: 10px;
}
#left h2 { color: #005EB0; padding: 15px 0 5px 10px; font-size: 17px; letter-spacing: -1px; font-weight: 100;}
#left ul { color: #777; padding: 10px 0 10px 30px; list-style-type: square; }
#left ul li { padding-bottom: 5px; }
#left ul li a { color: #777; text-decoration: none;  }
#left ul li a:hover { color: #000; }

#center {
margin-top: 20px;
float: left;
width: 408px;
padding: 10px 20px 20px 20px;
background: #fafafa;
border: 1px solid #ccc;
}
#center h2 {
font-size: 24px;
letter-spacing: -3px;
font-weight: 100;
padding : 10px 0 15px 0;
}

#right {
float: right;
width: 160px;
padding: 10px;
}
#right h2 { color: #005EB0; padding: 15px 0 5px 10px; font-size: 17px; letter-spacing: -1px; font-weight: 100;}
#right ul { color: #777; padding: 10px 0 10px 30px; list-style-type: square; }
#right ul li { padding-bottom: 5px; }
#right ul li a { color: #777; text-decoration: none;  }
#right ul li a:hover { color: #000; }

#footer {
margin-top: 20px;
border-top: 1px solid #aaa;
padding: 10px 0;
text-align: center;
font-size: 11px;
background: #eee;
}


Dieses Design hab ich schon mal bei CSS-Design in der Designauswahl eingefügt, sah aber grob aus!
Beitrag12.01.2009 um 14:54 (UTC)    
Titel:

mach die shoutys transparent und setze statt dessen dann in die erste box verlinkte buttons die zu versteckten seiten führen. im iceblue muss der button dann 168 px breite haben und mit <br> machst du abstand zum nächsten button. ist eigentlich recht simpel. alles im forum hier zu finden.

gruss gringo


Zuletzt bearbeitet von designklauer am 12.01.2009, 15:54, insgesamt einmal bearbeitet
Beitrag12.01.2009 um 15:13 (UTC)    
Titel:

Ich hab so ein bisschen rumprobiert und es nun geschafft, aber trozdem Danke!

Gruß, Mike Cool


Zuletzt bearbeitet von blueunity am 12.01.2009, 16:14, insgesamt einmal bearbeitet
Beitrag12.01.2009 um 16:09 (UTC)    
Titel:

Beiträge der letzten Zeit anzeigen:   


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