2-3 kleine Änderungen

grimissimo

Guten Tag,

seit gut einer woche bin ich nun damit beschäftigt, die webseite von unseren Pfadfindern neuzugestalten,

Ich habe hier im forum schon einmal hilfe bekommen und danke dafür sehr.

nun sind es noch 2-3 kleine dinge, die ich ändern möchte, doch ich weiss leider nicht wie, deshalb würde ich mich sehr freuen, wenn mir jemand weiterhelfen könnte:

hier ist der link zur webseite:
» Startseite

1. Die per include eingefügte Leiste unten ist nicht ganz auf der Seite mit drauf, es muss also nach oben verschoben werden.

2. Auf der rechten Seite ist ein grauer Balken zu sehen, direkt neben dem Text, jedoch kann ich in der css den eintrag nicht finden.

3. Wenn man auf der Beitragsseite ist, so ist die Navigation verschwunden.
hier ein link zu einem testbeitrag: » Blog Archiv » Amarganth

ich habe nochmal den inhalt von der css mitgeposet, da ich denke dass alle änderungen hierdrinne zu machen sind:

Habt vielmals Dank, viele kleine Pfadfinder werden sich drann erfreuen.
lieben gruß arno

Code

/* Begin Typography & Colors */
body {
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: "Lucida Grande", Verdana, Arial, Sans-Serif;
    background: silver url(images/kubrickbgcolor.jpg);
    color: #333;
    text-align: center;
    }


#page {
    background-color: white;
    border: 1px solid #959596;
    text-align: left;
    }


#header {
    background: #73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center;
    }


#headerimg     {
    margin: 7px 9px 0;
    height: 192px;
    width: 740px;
    }


#content {
    font-size: 1.2em
    }


.widecolumn .entry p {
    font-size: 1.05em;
    }


.narrowcolumn .entry, .widecolumn .entry {
    line-height: 1.4em;
    }


.widecolumn {
    line-height: 1.6em;
    }


.narrowcolumn .postmetadata {
    text-align: center;
    }


.alt {
    background-color: gray;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    }


#footer {
    background: #eee url(images/kubrickfooter.jpg) no-repeat 50% top;
    border: none;
    }


small {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.9em;
    line-height: 1.5em;
    }


h1, h2, h3 {
    font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-weight: bold;
    }


h1 {
    font-size: 4em;
    text-align: center;
    }


#headerimg .description {
    font-size: 1.2em;
    text-align: center;
    }


h2 {
    font-size: 1.6em;
    }


h2.pagetitle {
    font-size: 1.6em;
    }


#sidebar h2 {
    font-family: 'Lucida Grande', Verdana, Sans-Serif;
    font-size: 1.2em;
    }


h3 {
    font-size: 1.3em;
    }


h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
    text-decoration: none;
    color: white;
    }


h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
    color: #333;
    }


h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
    text-decoration: none;
    }


.entry p a:visited {
    color: #b85b5a;
    }


.commentlist li, #commentform input, #commentform textarea {
    font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }


.commentlist li {
    font-weight: bold;
    }


.commentlist cite, .commentlist cite a {
    font-weight: bold;
    font-style: normal;
    font-size: 1.1em;
    }


.commentlist p {
    font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
    }


#commentform p {
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }


.commentmetadata {
    font-weight: normal;
    }


#sidebar { font: 12px "Lucida Grande", Verdana, Arial, Sans-Serif; 
     float: left; 
     margin-left: 12pt; }


small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
    color: #777;
    }


code {
    font: 1.1em 'Courier New', Courier, Fixed;
    }


acronym, abbr, span.caps
{
    font-size: 0.9em;
    letter-spacing: .07em;
    }


a, h2 a:hover, h3 a:hover {
    color: #06c;
    text-decoration: none;
    }


a:hover {
    color: #147;
    text-decoration: underline;
    }


#wp-calendar #prev a, #wp-calendar #next a {
    font-size: 9pt;
    }


#wp-calendar a {
    text-decoration: none;
    }


#wp-calendar caption {
    font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    text-align: center;
    }


#wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
    }
/* End Typography & Colors */






/* Begin Structure */
body {
    margin: 0 0 20px 0;
    padding: 0;
    }


#page { background-color: white; margin: 20px auto; padding: 0; width: 1040px; border: solid 1px #959596; }


#header {
    background-color: white;
    margin: 0 0 0 1px;
    padding: 0;
    height: 178px;
    width: 1040px;
    }


#headerimg {
    margin: 0;
    height: 200px;
    width: 100%;
    }


.narrowcolumn { 
    background-color: white; 
    float: right; 
    width: 820px; 
    min-height: 420px; 
    max-width: 820px; 
    margin-right: 27px; }
    
.widecolumn {
    background-color: white; 
    float: right; 
    width: 820px; 
    min-height: 420px; 
    max-width: 820px; 
    margin-right: 27px; }
.post {
    margin: 0 0 40px;
    text-align: justify;
    }


.post hr {
    display: block;
    }


.widecolumn .post {
    margin: 0;
    }


.narrowcolumn .postmetadata {
    padding-top: 5px;
    }


.widecolumn .postmetadata {
    margin: 30px 0;
    }


.widecolumn .smallattachment {
    text-align: center;
    float: left;
    width: 128px;
    margin: 5px 5px 5px 0px;
}


.widecolumn .attachment {
    text-align: center;
    margin: 5px 0px;
}


.postmetadata {
    clear: left;
}


#footer { top: 0; width: 1040px; clear: both; }


#footer p { background-color: white; text-align: center; padding-top: 0; padding-bottom: 0; }
/* End Structure */






/*    Begin Headers */
h1 {
    padding-top: 70px;
    margin: 0;
    }


h2 {
    margin: 30px 0 0;
    }


h2.pagetitle {
    margin-top: 30px;
    text-align: center;
}


#sidebar h2 {
    margin: 5px 0 0;
    padding: 0;
    }


h3 {
    padding: 0;
    margin: 30px 0 0;
    }


h3.comments {
    padding: 0;
    margin: 40px auto 20px ;
    }
/* End Headers */






/* Begin Images */
p img {
    padding: 0;
    max-width: 100%;
    }


/*    Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */


img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }


img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }


img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }


.alignright {
    float: right;
    }


.alignleft {
    float: left
    }
/* End Images */






(...)






/* Begin Form Elements */
#searchform {
    margin: 10px auto;
    padding: 5px 3px;
    text-align: center;
    }


#sidebar #searchform #s { font-size: 10px; background-color: transparent; width: 108px; height: 11px; padding: 2px; border-color: #081435; border-width: 1pt; outline-width: 1pt; }


#sidebar #searchsubmit { font-size: 10px; background-color: transparent; padding: 1px; }


.entry form { /* This is mainly for password protected posts, makes them look better. */
    text-align:center;
    }


select {
    width: 130px;
    }


#commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0;
    }


#commentform textarea {
    width: 100%;
    padding: 2px;
    }


#commentform #submit {
    margin: 0;
    float: right;
    }
/* End Form Elements */






/* Begin Comments*/
.alt {
    margin: 0;
    padding: 10px;
    }


.commentlist {
    padding: 0;
    text-align: justify;
    }


.commentlist li {
    margin: 15px 0 3px;
    padding: 5px 10px 3px;
    list-style: none;
    }


.commentlist p {
    margin: 10px 5px 10px 0;
    }


#commentform p {
    margin: 5px 0;
    }


.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
    }


.commentmetadata {
    margin: 0;
    display: block;
    }
/* End Comments */






/* Begin Sidebar */
#sidebar
{ background-color: white; background-image: url(http://www.getjesus.de/arnohoffrichter/wordpress/wp-content/themes/default_de/images/left.png); background-repeat: no-repeat; position: static; top: 10px; left: 100px; padding: 25px 10px 10px 50px; margin-left: 0; width: 120px; float: left; min-height: 378px; margin-top: 0; }


#sidebar form {
    
    }
/* End Sidebar */






/* Begin Calendar */
#wp-calendar {
    empty-cells: show;
    margin: 10px auto 0;
    width: 155px;
    }


#wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
    }


#wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
    }


#wp-calendar a {
    display: block;
    }


#wp-calendar caption {
    text-align: center;
    width: 100%;
    }


#wp-calendar td {
    padding: 3px 0;
    text-align: center;
    }


#wp-calendar td.pad:hover { /* Doesn't work in IE */
    background-color: #fff; }
/* End Calendar */






/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
    cursor: help;
    }


acronym, abbr {
    border-bottom: 1px dashed #999;
    }


blockquote {
    margin: 15px 30px 0 10px;
    padding-left: 20px;
    border-left: 5px solid #ddd;
    }


blockquote cite {
    margin: 5px 0 0;
    display: block;
    }


.center {
    text-align: center;
    }


hr {
    display: none;
    }


a img {
    border: none;
    }


.navigation {
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 60px;
    }
/* End Various Tags & Classes*/

Alles anzeigen

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

Ammaletu

1. Sollte sich per CSS lösen lassen. Entweder muss die Höhe des Footers anders gesetzt werden oder es hilft nach dem Inhalt des Footers, aber vor dem Ende des Footer-divs ein <br style="clear:all;" /> einzufügen. Bitte mal ausprobieren, sonst müsste jemand anders was dazu sagen. Im IE7 sieht das übrigens deutlich komischer aus als im FF, oder liegt das jetzt an meiner heute etwas fehlerhaften Internetverbindung?!

2. Den grauen Balken sehe ich nicht.

3. Dass die Navigation auf Beitragsseiten nicht angezeigt wird, finde ich auch dämlich. Das macht WP standardmäßig so. Ich bin mir fast sicher, dass Du hier im Forum oder sonst auf dieser Seite (FAQ zu WP?!) eine genaue Beschreibung findest, wie Du das im Theme anpassen kannst (single.php editieren, glaube ich).

4. Auf Deiner Beispielseite sehe ich die Beitrags-Informationen (" Der Beitrag wurde am Mittwoch[...]") in grauer Schrift auf grauem Grund. Das soll nicht so, oder?!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

2-3 kleine Änderungen

Jetzt mitmachen!