Zuviele statische Seiten - Design zerschossen

Kevin1992

Hallo,

Dort sind zuviele Statische Seiten oben in der Leiste. (geht mal mit dem Mauszeiger unter Impressum, da ist noch so eine Seite)
Wie kann ich den Code erweitern, dass die orangene Farbe noch eine Leiste nach unten geht und ich dann unter der ersten Linie ebenso die statischen Seiten anzeigen kann?

Ich bin da echt unerfahren...

Viele Grüße und danke jetzt schon,
Kevin

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

marX

Du willst also eine 2zeilige Navigation, richtig?

Ändere dazu in der style.css, Zeile 85:

Code

#nav {
background-image:url(images/bg-navigation-bar.gif);
background-repeat:repeat-x;
height:[COLOR="Red"][B]35px[/B][/COLOR];
line-height:35px;
padding:0pt 10px;
}

die Höhe auf [COLOR="Green"]70px[/COLOR] setzen(2 x 35px). Das Hintergrundbild ist allerdings nur 35px hoch, das müsstest du entweder mit einem Grafikprogramm vergrößern, oder du lässt es auch in y-Richtung wiederholen. Setze dazu den Wert der Eigenschaft [COLOR="#008000"]background-repeat[/COLOR] auf [COLOR="#008000"]repeat[/COLOR] (statt repeat-x).

Weiterhin kannst du noch die Abstände von Content und Sidebar etwas nach unten versetzen:

style.css, Zeile 101:

Code

#content {
background-color:#FFFFFF;
border:1px solid #2D302C;
float:left;
margin:[COLOR="Red"][B]10px[/B][/COLOR] 10px 0pt;
min-height:800px;
padding:5px;
width:533px;
}

und style.css, Zeile 92:

Code

#sidebar {style.css (line 92)
border:medium none;
float:left;
margin:[COLOR="#ff0000"][B]10px[/B][/COLOR] 10px 0pt;
min-height:800px;
padding:5px;
width:180px;
}

Die rot markierten Werte erhöhst du jeweils, z.B. auf [COLOR="Green"]45px[/COLOR].

Kevin1992

Vielen Vielen Dank es hat geklappt!

Gruß,
Kevin

Kevin1992

Hallo,

so habe ein neues Theme und dass selbe Problem, habe etwas rumprobiert aber es wird nicht so wirklich:???:
Inhaltsangabe - Infos zum Thema Inhaltsangabe und Hausaufgaben
Die zweite Zeile in der Navi im Header soll auch diesen "Hintergrund" bekommen, Code schaut wiefolgt aus:

Code

/* Horizontal navigation menu */


#navigation {
    clear: both;
    background: url(images/bg_head_bottom_nav.jpg) no-repeat top left;
    height: 40px;
}


#navigation ul {
    margin: 0;
    padding: 0;
}


#navigation li {
    margin: 0px;
    height: 40px;
    float: left;
    list-style: none;
    border-right: 1px solid #AFAFAF;
}


#navigation li a {
    font-family:"trebuchet ms",arial,sans-serif;
    display: block;
    padding: 11px 14px 11px 14px;
    color: #7d7d7d;
    font-weight: bold;
    font-size: 1.105em;
    text-decoration: none;
}


#navigation li a:hover {
    background-color: #d2d2d2;
    color: #000;
}

Alles anzeigen

Danke jetzt schon für eure Hilfe!!

marX

Hallo mal wieder! :-D Die Änderung ist im Prinzip ähnlich, nur muss hier auch das Hintergrundbild angepasst werden:

Code

#navigation {style.css (line 178)
background:transparent url(images/bg_head_bottom_nav.jpg) [B][COLOR="Red"]repeat[/COLOR][/B] scroll left top;
clear:both;
height:[B][COLOR="#ff0000"]80px[/COLOR][/B];
}

Kevin1992

vielen Dank, hat einwandfrei geklappt!

Kevin1992

wieder eine Frage :mrgreen:

auf den statischen Seiten können Besucher keine Kommentare schreiben...
Welche Datei muss ich wie bearbeiten dass Kommentare möglich sind?

maxe

Du musst in die page.php Deines Themes gehen und dort in den Loop (vor endwhile) folgendes include tag setzen:

PHP

<?php comments_template(); ?>

Kevin1992

danke hat eiwandfrei geklappt!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Zuviele statische Seiten - Design zerschossen

Jetzt mitmachen!