3 Designfragen

JoStarks

Hallo,

ich hätte drei Fragen zu folgender Seite:
LPM Home
(theme: corporate globe 1.0.2)

1. ich möchte künftig einen flexiblen header_bg haben, da sollen dann entsprechend der aufgerufenen Seite Header mit einem passenden BG geladen werden.

2. im Header Menü sind die Seiten anders angeordnet als links im Sidebar. Kann ich das auch irgendwie beeinflussen? Und wie kann ich die Anzahl der Menüpunkte im Header Menü verändern

3. das Impressum habe ich als Seite angelegt, aber ich möchte es nicht in das eigentliche Menü (weder in den sidebar und erst recht nicht in das header menü) aufnehmen, geht das?

Wäre wirklich großartig, wenn ihr mir helfen könntet, tausend Dank im Voraus!

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

Zitat von JoStarks

1. ich möchte künftig einen flexiblen header_bg haben, da sollen dann entsprechend der aufgerufenen Seite Header mit einem passenden BG geladen werden.

Monika hat da einige gute Tutorials geschrieben:
Je nach Kategorie oder Seite anderes Bild im Header
7 Kategorien - 7 Header Bilder

Zitat

2. im Header Menü sind die Seiten anders angeordnet als links im Sidebar. Kann ich das auch irgendwie beeinflussen? Und wie kann ich die Anzahl der Menüpunkte im Header Menü verändern

Template Tags/wp list pages WordPress Codex

Zitat

3. das Impressum habe ich als Seite angelegt, aber ich möchte es nicht in das eigentliche Menü (weder in den sidebar und erst recht nicht in das header menü) aufnehmen, geht das?

Wie kann ich bestimmte Seiten von der Auflistung ausschließen? « WordPress Deutschland FAQ

JoStarks

Vielen Dank für die enorm schnelle Antwort! Werde mir das mal alles anschauen

:-D Thx

JoStarks

es wird langsam :)

ich glaube ich werde langsam auch fitter, was php angeht, immerhin hab ich die if abfragen aus dem Header auch in der Page.php in den Seitentiteln einbauen können :)

Nur hinter eine Sache blicke ich immer noch nicht: wieso ist die Height der gesamten Seite immer so hoch bzw die Seite so lang, selbst wenn auf der Seite wenig Content vorliegt. Ich finde einfach nirgends eine Height Angabe im CSS oder eine streckende Grafik, die das bewirken könnte...das Theme, auf dem die ganze Seite basiert ist "Corporate Globe".

:confused:

Hier mal das Stylesheet (an der page.php kann es nicht liegen, da es auch bei single.php und category so aussieht):

Code

/* general */
body{
    margin:0px auto;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    color:#d9dadc;
        background: #d9dadc;
    border:0px yellow solid;
}


img {
    border:0px;
    padding:5px;
    max-width: 100%; /* not working in IE6*/
}
a {color:#444444;text-decoration: underline;}
a:hover {color: #999999;text-decoration: none;}


h1 {font-size:30px;}
h2 {font-size:26px;}
h3 {font-size:21px;}
h4 {font-size:17px;}
h5 {font-size:14px;}
h6 {font-size:12px;}


p {margin: 0px 0px 12px 0px;}
hr {height:1px;border:none;border-top:1px dashed #5A6B1E; width:90%;}


blockquote {
    clear: left;
    text-align: justify;
    padding: 0px 0px 0px 22px;
    margin: 10px 10px 10px 10px;


}
input {
    margin-bottom:5px;
    vertical-align: middle;
}
select{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
code{
    font: 1.1em 'Courier New', Courier, Fixed;
}
.alignleft {float: left;}
.alignright {float: right;}
.aligncenter,div.aligncenter{
   display: block;
   margin-left: auto;
   margin-right: auto;
}
img.alignleft {
    padding: 5px;
    margin: 0 7px 2px 0;
    display: inline;
}


img.alignright {
    padding: 5px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.clear {clear:both;}
.spacer {height:20px;}
/***** layout *****/
#page_top{
    margin:0px auto;
    padding:0;
    width:100%;
    border:0px blue solid;


}


#base{
    margin:0 auto;
    padding:0;
    width:894px;
    background: url(images/bg_repeat.png) repeat-y center;
    padding:0 28px 0 28px;
    border:0px red solid;
}


#header{


    position:relative;
    width: 100%;
    height: 269px;
    background:#fff;


}
#menu{
    position:relative;
    width: 100%;
    height: 42px;
    background:url('images/menu_bg.jpg') no-repeat left;
}
#container{
    position:relative;
    overflow:hidden;
    width:894px;
    background:url('images/container_repeat.jpg') repeat-y top center;
}
#sidebar{
    float:left;
    width:220px;
    overflow:hidden;
    color:#706D2A;
    padding:20px 0 700px 0px;
    border:0px red solid;
}
#content{
    float:right;
    display:inline; 
    width:605px;
    overflow:hidden; 
    padding: 0 15px 0 10px;
    border:0px red solid;
}
#footer{
    clear:both;
    position:relative;
    background:#000;
    height:47px;
    color:#ffffff;
    font-size:11px;
    font-family:Verdana, Arial;
    padding: 30px 20px 10px 50px;
    background:url('images/footer_bg.jpg') repeat-x;
}
#footer a,#footer a:hover{
    color:#ffffff;
    text-decoration:underline;
}
/*######### header ############*/
#blogtitle {
    position:absolute; 
    top:90px;
    width:894px;
    font-family: Arial,Verdana; 
    font-size:30px; 
    font-weight:bold;
    text-align:center;
    color:#ffffff;
    border:0px red solid;
    overflow:hidden;
    
}


#blogtitle a, #blogtitle a:hover {
    font-family: Arial, Verdana; 
    font-weight:bold;
    color:#ffffff; 
    text-decoration:none;
}
    
#subtitle {
    position:absolute;
    overflow:hidden; 
    font-family: Tahoma,Arial, Verdana; 
    width:894px; 
    height:45px;
    top:125px; 
    text-align:center; 
    font-size:13px;
    letter-spacing: 2px;
    color:#ffffff; 
    font-style:italic;
    border:0px red solid;
    line-height:1.1em;
}
#menu ul {
    position:absolute;
    top: 0px;
    left: 30px;
    height: 34px;
    width: 550px;
    overflow:hidden;
    margin:0px;
    padding:0px;
    
    
}
#menu ul li {
    display: inline;
    font-size: 13px;
    font-family:Verdana,Arial;
    font-weight: bold;
    color:#000000;
}
#menu ul li.separator {


    display: block;
    float: left;
    width:3px;
    height: 34px;
    background:url(images/menu_separate.jpg) no-repeat center;
}


#menu ul li a {
    display: block;
    float: left;
    line-height: 34px;
    color: #000000;
    padding: 0px 10px 0px 10px;
    margin:0px 0 0 0 ;
    text-decoration:none;
}


#menu ul li a:hover, #menu ul li.current_page_item a {
    color:#fff;
}
.searchbox {
    position:absolute;
    top:1px; 
    right: 45px;
    width:250px;
    height:30px; 
    border:0px;
}
.search-field input {
    position:absolute;
    top:5px;
    left:7px;
    width:172px; 
    height:15px; 
    font-family:Verdana;
    font-size:11px; 
    font-weight:bold;
    color:#999999; 
    padding:5px 3px 3px 3px;
    border:0px;
    background:#ffffff;
}
.search-but input {
    position:absolute;
    top:7px;
    right:5px;
    width:50px; 
    height:20px; 
    background:transparent;
    border:0px;
}
#footer img.rss{
    position: absolute;
    right: 52px;
    top: 29px;
    height:26px;
    width:26px;
}

Alles anzeigen

Fortsetzung im nächsten Post...

JoStarks

css code

Fortsetzung:

Code

/***** sidebar *****/
#sidebar a{color:#333300;text-decoration:underline;}
#sidebar a:hover {color:#1E90FF;text-decoration:none;}
#sidebar ul {
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family:Verdana,Arial;
}
#sidebar li {
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family:Verdana,Arial;
    
    
}
#sidebar ul ul li{
    position: relative;
    line-height: 1.7em;
    list-style-type: none;
    font-size:12px;
    border:0px red solid;
    font-family:Verdana,Arial;
    margin: 0px 0px 0px 5px;
    padding:0 5px 0 16px;
    background: url('images/sidebar_arrow.jpg') no-repeat 0px 4px;
}


#sidebar ul ul ul li {
    position: relative;
    list-style-type: none;
    font-size:12px;
    border:0px; 
    margin: 0px 0px 0px 0px; 
    line-height: 1.7em; 
    font-family:Verdana,Arial;
    background: url('images/sidebar_arrow.jpg') no-repeat 0px 4px;
    padding: 0px 0px 0px 16px;
}


#sidebar h1 {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 10px 0px 0px 0px;
    padding: 24px 0px 0px 22px;
    height: 30px;
    font-family:Verdana,Arial;
    background:url('images/sidebar_title.jpg') no-repeat center;
    border:0px red solid;
}
#sidebar select{
    margin:5px 0px 2px 5px;
    font-size:12px;
    width:200px;
    overflow:hidden;
}


/***** content *****/


.archivetitle {
    height:20px;
    color: #000000;
    font-size: 11px;
    font-weight:normal;
    padding: 10px 0px 10px 5px;
    margin: 0px 0px 0px 0px;
}
.post{
    width:605px;
    margin:0 0 20px 0;
    border:0px red solid;
}    


.post_top{
    position: relative;
        height:34px;
    background:url('images/title_bg.jpg') no-repeat left;
}
.post_bottom{
    margin: 0 50px 0 50px;
    height:3px;
    background:url(images/line.jpg) repeat-x bottom;
}    
.posttitle{
    position:absolute;
    top:0px;
    left:5px;
    font-size:18px;
    font-family:arial;
    color:#FFFFFF;
    border:0px red solid;
        text-transform: uppercase;


}
.posttitle a{
    font-family:arial;
    color:#FFFFFF;
    text-decoration:none;
}
.posttitle a:hover{
    font-family:arial;
    text-decoration:underline;
    color:#FFFFFF;
}
.date {
    position:absolute;
    font-family:arial;
    top:24px;
    right: 20px;
    font-size: 10px;
    padding: 0px 0px 0px 0px;
}
.author{
    position:absolute;
    font-family:arial;
    font-size:11px;
    top:24px;
    left:5px;
}
.author a{
    text-decoration:none;
}
.author a:hover{
        text-decoration:underline;
}
.info {
    line-height: 2em;
    font-size: 9px;
    padding:10px 10px 5px 10px;
    color:#000000;
    border:0px red solid;
}
.category{
    padding:2px 0 2px 20px;
    background:url(images/category.jpg) no-repeat top left;
}
.bubble{
    padding:2px 0 2px 20px;
    background:url(images/bubble.jpg) no-repeat left top;
}
.tags{
    padding:2px 0 2px 20px;
    background:url(images/tags.jpg) no-repeat left top;
}


.entry {
    color: #000000;
    line-height: 1.6em;
    text-align: justify;
    padding: 5px 15px 0px 15px;
}


.navigation {
    font-size: 12px;
    padding: 30px 0px 30px 0px;
}




.sorry {
    font-size: 11px;
    font-style: italic;
    margin: 8px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
    border: 1px dashed #CC6633;
    background:#ffffff;
}


/*** comment ***/
#postmetadata {
    font-size: 11px;
    margin: 10px 0px 20px 0px;
    padding: 5px 5px 5px 5px;
}
#comments{
    padding:0 20px 0 20px;
}
.nocomments {background: none; color: #000000;}


.commenttitle {
    color: #000000;
    font-size: 13px;
    text-align: left;
    font-weight: bold;
    margin: 0px 0 20px 0;
    padding: 2px 0px 2px 0px;
    font-variant: normal;
    border-bottom: 1px dashed #5A6B1E;
}
.commentlist {list-style: none;margin:0px;padding:0px;}


.commentbody {
    height:100%;
    color: #000000;
    font-size: 12px;
    list-style-type: none;
    margin: 0px 0px 10px 0px;
    padding: 0px 5px 1px 5px;
    border: 0px solid #5A6B1E;
    background:#F0F3CD;
}


.commenthead {
    height:34px;
    color: #000000;
    padding: 5px 0px 10px 0px;
    margin: 0px 0px 10px 0px;
    border-bottom: 1px dashed #5A6B1E;
    background:#F0F3CD;
}
.adminbody {
    height:100%;
    color: #000000;
    font-size: 12px;
    list-style-type: none;
    margin: 0px 0px 10px 15px;
    padding: 0px 5px 1px 5px;
    border: 0px solid #5A6B1E;
    background:#F0F3CD;
}
.adminhead {
    height:32px;
    color: #000000;
    margin: 0px 0px 5px 0px;
    padding: 5px 0px 5px 0px;
    border-bottom: 1px dashed #5A6B1E;
    background:#F0F3CD;
}
.trackhead {
    height:34px;
    color: #000000;
    margin: 0px 0px 10px 0px;
    padding: 5px 0px 10px 40px;
    border-bottom: 1px dashed #5A6B1E;
    background: #F0F3CD url(images/track.gif) no-repeat center left;
}
.trackbody {
    height:100%;
    color: #000000;
    font-size:12px;
    list-style-type: none;
    margin: 0px 0px 10px 0px;
    padding: 0px 5px 1px 5px;
    border: 0px dashed #5A6B1E;
    background:#F0F3CD;
}


.avatar {
    float: left;
    margin: 0px 5px 0px 0px;
    padding: 0px;
    background: #ffffff;
}
.commentcount {
    float: right;
    color: #aaaaaa;
    font-size: 20px;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 0px 0px;
    font-family: Georgia, Times, 'Times New Roman', serif;
}
.authorlink {color: #000000; font-size: 12px; font-weight: bold;line-height:1.5em;}
.authorlink a {color: #000000; font-size: 12px; font-weight: bold;line-height:1.5em;}
.commentlink {font-size: 10px; color: #000000;}


.trackbody p a {color: #000000;}


#commentform {
    margin:0;
    padding:20px 0 0 0;
}
#email, #author, #url {
    color: #000000;
    background: #ffffff;
    font-size: 12px;
    padding-left: 2px;
    vertical-align: middle;
    border: 1px solid #5A6B1E;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
#comment {
    width: 500px;
    color: #000000;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    border: 1px solid #5A6B1E;
    padding: 2px 2px 2px 2px;
}
#submit {
    width: 80px;
    height: 20px;
    color: #000000;
    font-size: 12px;
    background: #ffffff;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 2px 10px;
    border: 1px solid #5A6B1E;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
}


/***** widget *****/
#wp-calendar td {font-size:11px;color:#999999;}
#wp-calendar td a {font-weight:bold;text-decoration:underline;}
#wp-calendar {
    width: 210px;
    text-align: center;
    font-size:11px;
    color:#5A6B1E;
}
.wp-caption { /*images caption*/
    text-align: center;
    color:#666666;
}


.textwidget { /*text box*/
    margin:5px 0px 5px 5px;
}


#akismetwrap{
    margin:2px 0 2px 45px;
}
.rsswidget img {
    margin-top:2px;
    margin-left:-15px;
    padding:0px;
    background:#ff0 fixed;
}


#sidebar h1 a.rsswidget{
    margin-left:-3px;
    color: #706D2A;
    text-decoration:none;
}

Alles anzeigen

marX

Ich hab mal in deine Link von oben geschaut, ist informativer und schneller zu erfassen. ;-)

Code

#sidebar {style.css (line 120)
border:0 solid red;
color:#706D2A;
float:left;
overflow:hidden;
padding:20px 0 [COLOR="Red"]700px[/COLOR] 0;
width:220px;
}

Das wird wohl verwendet um die Sidebar so hoch wie den Contentbereich zu halten...

JoStarks

Zitat von marX
Ich hab mal in deine Link von oben geschaut, ist informativer und schneller zu erfassen. ;-)
Code
#sidebar {style.css (line 120)
border:0 solid red;
color:#706D2A;
float:left;
overflow:hidden;
padding:20px 0 [COLOR=Red]700px[/COLOR] 0;
width:220px;
}
Das wird wohl verwendet um die Sidebar so hoch wie den Contentbereich zu halten...

WOW danke! Du bist enorm schnell! Ich vermute du hast die Antworten schon parat, bevor ich die Frage überhaupt ausformuliert habe :-D

marX

Zitat von JoStarks

WOW danke! Du bist enorm schnell! Ich vermute du hast die Antworten schon parat, bevor ich die Frage überhaupt ausformuliert habe :-D

Ja so sind wir Bots eben. :mrgreen:

JoStarks

hab die 700 mal durch 0 ersetzt und siehe da, es ist nur so lang wie nötig. verstehe den sinn eigentlich nicht von dem 700er padding.

und das mit dem Bot hab ich schon vermutet. ich kann also auch künftig montags früh um 2.00 uhr anfragen senden, die direkt beantwortet werden. :)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

3 Designfragen

Jetzt mitmachen!