Suche im Forum:
Suchen


Autor Nachricht
Beitrag11.02.2012 um 13:16 (UTC)    
Titel: Hilfe beim eigenen Design

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]


Zuletzt bearbeitet von lumina-design am 11.02.2012, 19:11, insgesamt einmal bearbeitet
Beitrag11.02.2012 um 13:49 (UTC)    
Titel:

Das mit dem Headerbild kann nicht funktionieren, weil du nicht den genauen Pfad angegeben hast!
Beitrag11.02.2012 um 13:51 (UTC)    
Titel:

und die line-height gehört auf 1 gesetzt:

Code:
li.nav_element a {
   display: block;
   font-size: 15px;
   color: #ff6874;
   line-height: 1;
   text-decoration: none;
}
Beitrag11.02.2012 um 13:53 (UTC)    
Titel:

brainice hat Folgendes geschrieben:
und die line-height gehört auf 1 gesetzt:

Code:
li.nav_element a {
   display: block;
   font-size: 15px;
   color: #ff6874;
   line-height: 1;
   text-decoration: none;
}


edit button fürs nächstemal xD
______________
Beitrag11.02.2012 um 18:13 (UTC)    
Titel:

Ich hatte die falsche CSS-Datei gekopiert, das war die für den bplaced-Server XD

Die Pfade hatte ich richtig angegeben.

Aber warum soll ich die line-height von li.nav_element a von 35px auf 1px runtersetzen?

EDIT: Okay, das mit der li.nav_element a da hab ich das px vergessen, da hat sich das Problem gelöst.

EDIT 2: Ich stell das Design auch jetzt um. Der Beitrag kann gelöscht werden!


Zuletzt bearbeitet von lumina-design am 11.02.2012, 19:31, insgesamt 2-mal bearbeitet
Beitrag11.02.2012 um 19:51 (UTC)    
Titel:

lumina-design hat Folgendes geschrieben:
Ich stell das Design auch jetzt um. Der Beitrag kann gelöscht werden!

Okay, danke für die Rückmeldung und danke an den Helfer.

-CLOSED-

Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beiträge der letzten Zeit anzeigen:   


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