Huhu Leute,
ich bin neu hier und brauche da doch wohl ein wenig Hilfe von euch.
Ich bekam eine Anfrage, ob ich nicht ein Design für eine Fan Seite machen könnte und auch ob es für diese Homepage-Baukästen ginge. Ich willigte ein, da ich dachte, dass es hier recht einfach sei, ein eigenes Design zu machen(ich dachte es ginge wie bei Oyla oder repage), was sich als Pleite herausstellte.
Ich finde es verdammt kompliziert, um ehrlich zu sein. @.@
Ich wollte dieses Design (http://shania.bplaced.net/designs/%5B005%5DTsukinoFanPage-de-tl/)
eigentlich eben mal hier ausprobieren und was ist, es sieht nicht mal ansatzweise so aus, wie auf meinem bplaced-Server @.@!
Kann mir jemand helfen, die Fehler zu finden?
Das ist mein Test-Account:
http://lumina-design.de.tl/
Und eigentlich kenn ich mich auch mit HTML und CSS sehr gut aus, nur nicht mit diesem System.
CSS-CODE:
Code:
* {
margin: 0;
padding: 0;
}
html, body {
margin: 0;
padding: 0;
text-align: center;
}
body {
color: #953b4c;
font: normal 16px/170% 'Trebuchet MS', 'Tahoma', 'Helvetica', 'Arial', Sans-Serif;
background: #c0a9ab url('http://shania.bplaced.net/designs/%5B005%5DTsukinoFanPage-de-tl/img/bg.jpg') top left;
}
#container {
margin: 0 auto;
padding: 0;
width: 660px;
background: #eed1d7;
text-align: left;
overflow: hidden;
}
#header_container {
margin: 0;
padding: 0;
width: 660px;
height: 500px;
background: url('http://shania.bplaced.net/designs/%5B005%5DTsukinoFanPage-de-tl/img/header.jpg') top left no-repeat;
border: none;
}
h1#header {
display: none !important;
}
#nav_heading {display: none; }
/* Werbung mittig */
table[height="100px"] {
margin: auto;
}
#nav_container {
margin: 0;
padding: 0;
width: 660px;
height: 80px;
background: #ffc7bd url('http://shania.bplaced.net/designs/%5B005%5DTsukinoFanPage-de-tl/img/menu.jpg');
border: none;
}
ul#nav {
margin: 0;
padding: 21px 5px 24px 5px;
list-style-type: none;
}
li.nav_element {
width: 122px;
height: 35px;
padding: 0 0 0 8px;
background: url('http://shania.bplaced.net/designs/%5B005%5DTsukinoFanPage-de-tl/img/menu-li.jpg') top right no-repeat;
text-align: center;
float: left;
}
li.nav_element a {
display: block;
font-size: 15px;
color: #ff6874;
line-height: 35;
text-decoration: none;
}
li.nav_element a:hover {
color: #835770;
}
#content_container {
margin: 0;
padding: 0;
width: 660px;
overflow: hidden;
}
#content {
margin: 0;
padding: 0px 5px 10px 5px;
width: 500px;
overflow: hidden;
float: left;
}
/* Titel Seiteninhalt + Titel über Box */
h2#title{
padding: 5px 0px 5px 20px;
margin: -20px -20px 15px -20px;
background-color: #dddddd;
color: #000000;
font-size: 14px;
font-weight: normal;
}
#content a {
color: #6a416b;
}
#content a:hover {
color: #f7e6e3;
}
#sidebar_container {
margin: 0;
padding: 0;
width: 150px;
overflow: hidden;
float: right;
}
#sidebar_container h1 {
margin: 0;
padding: 10px 15px;
color: #c4648d;
font: normal 16px/16px 'Times New Roman';
}
#sidebar_content ul {
margin: 0 3px 10px 0;
padding: 5px;
background: #f4e0e4;
border: 1px solid #ffd5de;
list-style: none;
}
#sidebar_content ul li a {
display: block;
color: #b8ad90;
font-size: 14px;
border-bottom: 1px solid #daa3ad;
text-shadow: 0 0 3px #fff;
text-decoration: none;
}
#sidebar_content ul li a:hover {
color: #efd893;
text-shadow: 0 0 3px #2f1318;
}
/* unnötige Felder im Design entfernt */
#pre_header, #sidebar_heading, #post_header, #footer, #post_content, #below_content, #counter {display:none;}
{Ich bin nach diesem Tutorial gegangen:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=134832}
Danke schonmal im Vorraus.
LG Katjana[/code]
