Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag22.10.2009 um 18:02 (UTC)    
Titel: Fremdes CSS Design Einbauen

Hallo Liebe Baukastenmitglieder,
Ich habe folgendes Problem ich habe mir ein Apple
Design gedownloadet und nun fehlt mir die Anleitung von zitapage.com
wie man ein Fremdes CSS design in den Homepage-Baukasten einbaut.

freue mich auf Antworten,

Mit Freundlichen Grüßen
iPodTouch-News.de.tl

Hier Der Code :

Code:
* {
    padding: 0;
    margin: 0;
}

body {
background: #25579c;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 12px;
color: #222;
}

h3 { color: #aaa; font-size: 13px; margin: 10px 0 10px 0; }
ol { padding-left: 20px; }
img { border: none; }
a { color: #1D87EF; text-decoration: none; }
a:hover { text-decoration: underline; color : #ff0000; }

#wrap {
margin: 20px auto;
width: 800px;
}

#top {
background: #25579c url(http://i38.tinypic.com/90cd93.gif) no-repeat;
padding: 5px 0;
}

#header {
background: #eee url(http://i36.tinypic.com/29bez9t.gif) no-repeat;
height: 100px;
}
#header h1 {
font-size: 30px;
font-weight: 100;
letter-spacing: -3px;
padding: 20px 0 0 30px;
}
#header h1 a {
text-decoration: none;
color: #333;
}
#header h1 a:hover {
text-decoration: none;
color: #000;
}
#header h2 {
color: #30A5F2;
font-size: 17px;
font-weight: 100;
letter-spacing: -1px;
padding: 0 0 0 30px;
}

#menu {
height: 30px;
line-height: 30px;
background: #4FA0F2 url(http://i35.tinypic.com/24o6kgj.gif) no-repeat;
}
#menu ul {
padding-left: 20px;
list-style-type: none;
}
#menu ul li {
display: block;
float: left;
}
#menu ul li a {
color: #fff;
padding: 0 10px;
text-decoration: none;
font-weight: 600;
}
#menu ul li a:hover {
color: #fff;
text-decoration: underline;
}

#content {
padding: 10px 10px;
background: #25579c url(http://i37.tinypic.com/v3pncg.gif) repeat-y;
}
.right {
float: right;
width: 580px;
text-align: justify;
padding: 0 10px 10px 10px;
}
.right h2 {
color: #B4241B;
font-size: 20px;
letter-spacing: -2px;
font-weight: 100;
padding : 10px 0 15px 0;
}
.right h2 a {

}
.right h2 a:hover {

}
.left {
float: left;
width: 160px;
padding: 10px;
}
.left h2 {
font-size: 13px;
color: #333;
padding: 5px 0 2px 10px;
}
.left ul {
list-style-type: none;
padding: 5px 0 10px 15px;
}
.left ul li {
padding: 2px 20px;
background: transparent url(http://i36.tinypic.com/ifsrva.gif) no-repeat;
}

.left ul li a {
display: block;
color: #444;
}
.left ul li a:hover {
color: #ff0000;
}

#footer {
background: #333 url(http://i33.tinypic.com/n2n50g.gif) no-repeat;
height: 30px;
text-align: center;
line-height: 30px;
color: #eee;
font-size: 11px;
}
#footer  a { color: #eee; }

#bottom {
background: #25579c url(http://i35.tinypic.com/2nc1a9h.gif) no-repeat;
padding: 5px 0;
}


Zuletzt bearbeitet von ipodtouch-news am 22.10.2009, 19:56, insgesamt einmal bearbeitet
Beitrag22.10.2009 um 18:27 (UTC)    
Titel:

du hast ja sicherlich einen code bekommen, den must du bei "text über dem design" reinschreiben bzw. bei dem css deisgn in "css ohne style tags"
______________
Spielen ist mein Leben und das Leben ist ein Spiel
Beitrag22.10.2009 um 18:33 (UTC)    
Titel:

jah aber das ist einer von freewebtemplates.com XD
da muss man doch noch die klassen ändern ??
Beitrag22.10.2009 um 19:23 (UTC)    
Titel:

Also das ist ein CSS Code (Css Style Sheet)jetzt fehlt noch der HTML Code welcher im HpBk als Text über dem Design bezeichnet wird aber wie man den dazu macht weiß ich auch nicht
Beitrag23.10.2009 um 00:30 (UTC)    
Titel:

Das Design ist leider absolut nicht für den HPBK geeignet!
Du musst aufwändig sehr viele Klassen umschreiben,
darum würde ich dir ein Design von diesen Anbietern empfehlen:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=68496

Sonst findest du hier alle Klassen vom CSS Design:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=100611

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beiträge der letzten Zeit anzeigen:   


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