Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag03.12.2010 um 19:26 (UTC)    
Titel: Css-code falsch?

Hallo,
Bei www.free-css.com habe ich eine Design vorlege gefunden die mir gefällt, diese:
http://www.free-css.com/free-css-templates/page5/the-hobbit.php#bookmarks

Den code habe ich bei "Css-code" (design erstellen) eingefügt. Doch auf meiner Hp sieht man das Menu nicht, das ganze design ist nicht in der mitte, was habe ich falsch gemacht?

Im Angang der ganze code:
Zitat:
<style type="text/css">

* {
margin: 0;
padding: 0;
}

a {color: #36C;}

a:hover {color: #06F;}

body {
background: #4E5D3C url(http://img.webme.com/pic/f/furetto/bg.jpg);
color: #444;
font: normal 62.5% "Lucida Sans Unicode",sans-serif;
margin: 0;
}

p,blockquote,ul {margin-bottom: 1.2em;}

h1 {font: normal 1.6em serif;}

h2 {
font: bold 1em Verdana,serif;
margin: 3px 0 1px;
}

ul {margin-left: 1.8em;}

blockquote {
background: url(http://img.webme.com/pic/f/furetto/quote.gif) no-repeat;
color: #555;
font: normal 1.4em serif;
padding-left: 22px;
}

blockquote p {padding: 6px;}

.clearer {
clear: both;
display: block;
font-size: 0;
line-height: 0;
height: 0;
}

.left {float: left;}
.right {float: right;}

img.left {margin: 0 18px 6px 0;}

.divider {
background: url(http://img.webme.com/pic/f/furetto/divider.gif) no-repeat;
height: 20px;
margin: 24px 0;
}

.container {
background: url(http://img.webme.com/pic/f/furetto/bgcontainer.jpg) repeat-y center top;
margin: 0 auto;
width: 736px;
}

.gfx {
background: url(http://img.webme.com/pic/f/furetto/gfx.jpg) no-repeat;
float: left;
height: 140px;
margin-top: 12px;
width: 52px;
}

.top {
background: url(http://img.webme.com/pic/f/furetto/bgcontent.gif) no-repeat 0 -4%;
float: left;
text-align: center;
width: 632px;
}

.header {
background: #56644A url(http://img.webme.com/pic/f/furetto/header.jpg) no-repeat;
color: #FFC;
font-size: 1.4em;
height: 232px;
padding-right: 270px;
}

.header h1 {
font: normal 3.2em serif,sans-serif;
padding: 62px 0 34px 0;
}

.pattern {
background: #334127 url(http://img.webme.com/pic/f/furetto/pattern.gif) repeat-x;
clear: both;
height: 12px;
}

.navigation {margin: 0 24px;}

.navigation a {
color: #6C7151;
font: normal 1.9em serif;
line-height: 50px;
margin: 0 16px;
text-decoration: none;
}

.navigation a:hover,.navigation #selected {
color: #2C3111;
}

.content {
background: url(http://img.webme.com/pic/f/furetto/bgcontent.gif) no-repeat;
clear: both;
font-size: 1.2em;
margin: 0 52px;
padding: 0 38px 12px;
}
.content .spacer {
height: 42px;}

.item {clear: both;}

.item img {border: 1px dashed #8A6;}

.item .title {
color: #445044;
font: normal 2em serif;
}

.item .title:first-letter {
display: block;
float: left;
font-size: 2.4em;
}

.item .metadata {
color: #666;
font-size: 0.9em;
float: left;
padding: 0 0 6px 4px;
}

.item .body {
clear: both;
}

.footer {
background: url(http://img.webme.com/pic/f/furetto/bgfooter.gif) no-repeat;
color: #666;
font-size: 1.1em;
line-height: 41px;
margin: 0 auto;
text-align: center;
width: 632px;
}

.footer .left {padding-left: 40px;}

.footer .right {padding-right: 40px;}

.footer a {
color: #666;
text-decoration: none;
}

.footer a:hover,.footer .right a:hover {
color: #333;
text-decoration: underline;
}

.footer .right, .footer .right a {color: #ACAF9B;}

</style>


Grazie
Beitrag03.12.2010 um 20:03 (UTC)    
Titel:

Hallo,
alle Designs von dieser Seite sind nicht für den HPBK gedacht!
Die Codes müssten sonst aufwendig umgecodet werden,
da viele Klassen im CSS Design nicht existieren oder andere Namen haben.

Am besten solltest du dir nur Design Vorlagen raussuchen,
die auch extra für den HPBK gemacht wurden.
Ein Auswahl von solchen Design Anbieter kannst du hier finden:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=111475

Sonst gebe es noch die Möglichkeit,
dass dir vielleicht einer unter dem Bereich "Ich Suche" dir den Designcode umcodet,
allerdings ist das wie gesagt etwas aufwendig Confused

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