Beiträge von atomazing

atomazing

Am besten immer angeben, welches Theme du benutzt, und einen Link zur Seite.

Sollen die Bilder in den Header? Oder in die Sidebar? Es ließe sich in den entsprechenden PHP-Dateien lösen, also z.B. in sidebar.php, wenn die Bilder in die Sidebar sollen.

PHP

<a href="Link zur Seite"><img src="hochgeladenenes_Bild-.jpg" /></a>

an der entsprechenden Stelle in die sidebar.php einsetzen.

Alternativ kannst du auch in der Sidebar ein Widget "Text" erstellen und den genannten HTML-Code dort einfügen.

atomazing

Ein Link zur Seite würde helfen.

Schriftarten werden im Stylesheet geändert. Die Überschrift eines Posts dürfte h1 oder h2 sein. Das lässt sich mit Firebug ganz einfach herausfinden.

Die Änderung wäre im Stylesheet dann beispielsweise:

h2 {
font-family: 'Schriftart'
}

atomazing

Vielen Dank! Ich werde mich da mal 'ransetzen.

atomazing

Hallo zusammen,

ich habe folgendes Problem: Die Schriftgröße ist auf der Startseite meines Blogs etwas größer als in einem einzelnen Post. Sowohl bei den Überschriften, als auch Post-Text und Metaangaben (Kategorie, Datum). Bilder sind nicht betroffen.

Ich habe nichts dergleichen eingestellt und finde auch den Fehler nicht. Bisher habe ich versucht, Blueprint CSS, was ich benutze, rauszulöschen - das hat nichts geholfen. Als ich einmal testweise die ganze style.css gelöscht habe, schien der Fehler behoben zu sein - also nehme ich an, dass er dort irgendwo drinsteckt.

Hat jemand eine Idee? Ich wäre für Hinweise dankbar, wo oder nach was ich suchen soll.

Vielen Dank!

Link zur Seite

style.css:

Code

/*




* { 
    margin: 0; 
    padding: 0; 
    outline:none;
    border:none;
}






body {  
    font-family: 'Cambria', serif;
    background-image: url(images/line.png);
    background-repeat: repeat-x;


}








/*-------[WRAPPER]-------*/


#wrapper { 
    width: 600px; 
    margin: 50px auto 0 auto; 
    height:auto;


}


#upperpart { 
    width: 600px; 
    border-bottom: 1px solid #D8D8D8; 


}


#header     {        
    margin-left: 100px;
    margin-bottom: 20px;
}




#header_image a {    
    display:block;
    height: 60px;
    width: 400px;
}


#header_image a:hover {    
    cursor:pointer;
}


#header_image {    
    background-color:transparent;
    height: 63px;
    width: 418px;
    background-image: url(images/header.png);
    background-repeat: no-repeat;
    background-position: center;


}




#navi_up {
    text-align:center;
    margin-top:10px;


}


#navi_up li{
    list-style:none;
    letter-spacing:1px;
    display: inline;
    margin: 8px;
    margin-left: 9px;


}




#navi_up li a {
    font-size:13px;
      color:#C0C0C0;
        text-decoration:none;    
}


#navi_up li a:hover {
      color:#00A784;
        text-decoration:none;
    cursor:pointer;
}


#navi_up img {
    margin-left:10px;
    vertical-align: -22%;


}








/*-------[CONTENT]-------*/




#main {
    display:block;
    width: 600px;
    margin-top:120px;
}




#post {
}


h2 {
    font-weight:normal;
    letter-spacing:1px;
    text-align:center;
    text-decoration:none;
    margin-top:120px;


}    


h2 a {
    font-size:20px;
    color: #444444;
    text-decoration: none;
}




h2 a:hover {
    cursor:pointer;
    color:#00A784;
    text-decoration:none;
    text-shadow: 0px 2px 2px #D8D8D8;


}


.entry {
    width: 600px;
    text-align: justify;
    color:#444444;
    font-size:15.5px;    


}


.entry p a {
    color:#00A784;
    text-decoration:none;    
}


.entry p a:hover {
    color:#444444;
    text-decoration:none;    
    cursor:pointer;
}


.entry img {
    max-width: 700px;
    margin:2px auto 2px auto;
    height: auto;
    border:none;
    margin-left:-50px;


}




.entry img a {
    margin:2px auto 2px auto;
    border:none;


}


#meta {
    text-align:right;
    width:600px;
    color: #A0A0A0;
    font-size:11px;
    border-bottom:1px solid #D8D8D8;
    margin-top:40px;
}


#meta a {
    color:#A0A0A0;
       text-decoration:none;
}


#meta a:hover {
    color:#00A784;
    text-decoration:none;
    cursor:pointer;


}


/*-------[BILDERGALLERIEN]-------*/




.gallery img {
    max-width: 600px;
    margin-left:0px;
    align:center;


}




/*-------[SEITEN]-------*/




#page { 
    margin-bottom:100px;
    align:center;
}




#page h2 {
    font-size:20px;    
    font-weight:normal;
    letter-spacing:1px;
    text-align:left;
    text-decoration:none;
    margin-top:120px;
}    


#page h2 a {
    color: #444444;
    text-decoration: none;
}




#page h2 a:hover {
    cursor:pointer;
    color:#00A784;
    text-decoration:none;
    text-shadow: 0px 2px 2px #D8D8D8;


}
/* IMPRESSUM */


.page-id-61 {
    line-height: 12px;
}




/*-------[KOMMENTARE]-------*/






#kommentare{    
    font-size:13px;
    color:#444444;
    margin-bottom:100px;
    margin-top:120px;
}


.comment {
    margin-top:50px;




}


.commentmetadata {
    font-size:14px;    
    color:#444444;


}


.commentmetadata a {    
    color:#00A784;
    text-decoration:none;
}


.commentmetadata a:hover {    
    cursor:pointer;
    color:#444444;
    text-decoration:none;
}


#kommentar_formular #comment {
    color:#444444;
    font-size: 12px;
    font-family: Georgia;
    line-height: 15px;
    border: 1px solid #D8D8D8;
    width: 500px;
    height: 200px;
}


#author, #email, #url {


    color:#444444;
    padding:2px 5px 2px 5px;
    font-family:Georgia;
    font-size: 12px;
    border: 1px solid #D8D8D8;
}


#submit {
    margin-top:2px;
    height: 32px;
    width: 145px;
    border: 1px solid #D8D8D8;
    background-color: #fff;
    color: #00A784;
    font-size: 12px;
    font-family: Georgia;
    text-decoration: none;
    margin-bottom:90px;
    
}


#submit:hover {
    cursor:pointer;
    height: 32px;
    width: 145px;
    border: 1px solid #D8D8D8;
    background-color: #fff;
    color: #444444;
    font-size: 12px;
    font-family: Georgia;
    text-decoration: none;


}




/*-------[SIDEBAR]-------*/




#sidebar {    
    width: 600px;
    margin-top: 120px;
    margin-bottom:60px;
    background-color: #fff;
    font-family:Georgia;
    font-size:16px;


}


/*-------[SEITENNAVIGATION]-------*/


.wp-pagenavi {
    text-align:center;
    width:600px;
}




.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: none;
    padding: 3px 5px;
    margin: 3px;    
    color:#00A784;
}


.wp-pagenavi a:hover {
    color: #444444;
    text-shadow: 0px 4px 4px #727272;
}




.wp-pagenavi span.current {
    color: #444444;
}






/*-------[FOOTER]-------*/

Alles anzeigen

atomazing

Vielen Dank, das hat funktioniert! :-)
(Ich hatte in der page.php den div-Tag "page" vor <?php get_header(); ?> Wenn ich es umdrehe, sieht alles einwandfrei aus.)

atomazing

Nein, ich hab bisher nichts verändert. Bei mir wird es auch nachwievor verschoben angezeigt. Seltsam... Trotzdem danke!

atomazing

Ein Link zur Seite wär hilfreich ;-)

atomazing

Sorry - hier der Link!
http://cocktailsundliebe.de/about/

atomazing

Ergänzung: Die Kompatibilitätsansicht behebt das Problem offenbar. Trotzdem - sollte der Fehler im CSS stecken, wäre ich dankbar für einen Hinweis :)

atomazing

Hallo zusammen,

mein Template funktioniert in diversen Browsern einwandfrei, nur mit dem IE (Version 8 ) gibt es ein Problem: Auf Seiten wird der gesamte Inhalt, einschließlich Header und Seiteninhalt, linksbündig anstatt zentriert angezeigt. Die Blog-Startseite und die einzelnen Blogposts werden korrekt angezeigt.

Ich vermute, dass der Fehler am Stylesheet liegt, kenne mich aber leider überhaupt nicht aus. Vielleicht kann mir ja jemand einen Tipp geben.

Code

/*




* { 
    margin: 0; 
    padding: 0; 
    outline:none;
    border:none;
}






body {  
    font-family: 'Georgia', serif;
    background-image: url(images/line.png);
    background-repeat: repeat-x;


}




/*-------[WRAPPER]-------*/


#wrapper { 
    width: 600px; 
    margin: 50px auto 0 auto; 
    height:auto;


}


#upperpart { 
    width: 600px; 
    border-bottom: 1px solid #D8D8D8; 


}


#header     {        
    margin-left: 100px;
    margin-bottom: 20px;
}




#header_image a {    
    display:block;
    height: 60px;
    width: 400px;
}


#header_image a:hover {    
    cursor:pointer;
}


#header_image {    
    background-color:transparent;
    height: 63px;
    width: 418px;
    background-image: url(images/header.png);
    background-repeat: no-repeat;
    background-position: center;


}




#navi_up {
    text-align:center;
    margin-top:10px;


}


#navi_up li{
    list-style:none;
    letter-spacing:1px;
    display: inline;
    margin: 8px
    letter-spacing:1px;
    margin-left:9px;


}




#navi_up li a {
    font-size:12px;
      color:#C0C0C0;
        text-decoration:none;    
}


#navi_up li a:hover {
      color:#00A784;
        text-decoration:none;
    cursor:pointer;
}


#navi_up img {
    margin-left:10px;
    vertical-align: -22%;


}








/*-------[CONTENT]-------*/




#main {
    display:block;
    width: 600px;
    margin-top:120px;
}






h2 {
    font-size:20px;    
    font-weight:normal;
    letter-spacing:1px;
    text-align:center;
    text-decoration:none;
    margin-top:120px;


}    


h2 a {
    color: #444444;
    text-decoration: none;
}




h2 a:hover {
    cursor:pointer;
    color:#00A784;
    text-decoration:none;
    text-shadow: 0px 2px 2px #D8D8D8;


}


.entry {
    width: 600px;
    text-align: justify;
    color:#444444;
    font-size:15px;    


}


.entry p a {
    color:#00A784;
    text-decoration:none;    
}


.entry p a:hover {
    color:#444444;
    text-decoration:none;    
    cursor:pointer;
}


.entry img {
    max-width: 700px;
    margin:2px auto 2px auto;
    height: auto;
    border:none;
    margin-left:-50px;


}


#meta {
    text-align:right;
    width:600px;
    color: #A0A0A0;
    font-size:11px;
    border-bottom:1px solid #D8D8D8;
    margin-top:40px;
}


#meta a {
    color:#A0A0A0;
       text-decoration:none;
}


#meta a:hover {
    color:#00A784;
    text-decoration:none;
    cursor:pointer;


}


/*-------[BILDERGALLERIEN]-------*/




.gallery img {
    max-width: 600px;
    margin-left:0px;
    align:center;


}




/*-------[SEITEN]-------*/




#page { 
    margin-bottom:100px;
}




#page h2 {
    font-size:20px;    
    font-weight:normal;
    letter-spacing:1px;
    text-align:left;
    text-decoration:none;
    margin-top:120px;
}    


#page h2 a {
    color: #444444;
    text-decoration: none;
}




#page h2 a:hover {
    cursor:pointer;
    color:#00A784;
    text-decoration:none;
    text-shadow: 0px 2px 2px #D8D8D8;
}


/*-------[KOMMENTARE]-------*/






#kommentare{    
    font-size:12px;
    color:#444444;
    margin-bottom:100px;
    margin-top:120px;
}


.commentmetadata {
    font-size:11px;    
    color:#444444;


}


.commentmetadata a {    
    color:#00A784;
    text-decoration:none;
}


.commentmetadata a:hover {    
    cursor:pointer;
    color:#444444;
    text-decoration:none;
}


#kommentar_formular #comment {
    color:#444444;
    font-size: 12px;
    font-family: Georgia;
    line-height: 15px;
    border: 1px solid #D8D8D8;
    width: 500px;
    height: 200px;
}


#author, #email, #url {


    color:#444444;
    padding:2px 5px 2px 5px;
    font-family:Georgia;
    font-size: 12px;
    border: 1px solid #D8D8D8;
}


#submit {
    margin-top:2px;
    height: 32px;
    width: 145px;
    border: 1px solid #D8D8D8;
    background-color: #fff;
    color: #00A784;
    font-size: 12px;
    font-family: Georgia;
    text-decoration: none;
    margin-bottom:90px;
    
}


#submit:hover {
    cursor:pointer;
    height: 32px;
    width: 145px;
    border: 1px solid #D8D8D8;
    background-color: #fff;
    color: #444444;
    font-size: 12px;
    font-family: Georgia;
    text-decoration: none;


}




/*-------[SIDEBAR]-------*/




#sidebar {    
    width: 600px;
    margin-top: 120px;
    margin-bottom:60px;
    background-color: #fff;
    font-family:Georgia;
    font-size:16px;


}


/*-------[SEITENNAVIGATION]-------*/


.wp-pagenavi {
    text-align:center;
    width:600px;
}




.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: none;
    padding: 3px 5px;
    margin: 3px;    
    color:#00A784;
}


.wp-pagenavi a:hover {
    color: #444444;
    text-shadow: 0px 4px 4px #727272;
}




.wp-pagenavi span.current {
    color: #444444;
}






/*-------[FOOTER]-------*/

Alles anzeigen

Vielen Dank!

atomazing

Vielen Dank für die schnelle Antwort, jetzt klappt es. :)

atomazing

Hallo zusammen,

ich bastle gerade an meinem eigenen WP-Template und bin auf ein kleines Problem gestoßen. Ich konnte problemlos die Farben von Überschriften und die Farben vom Links im Text ändern. Was nicht klappen will: Linkfarben im Footer ändern. Ich habe schon verschiedenes ausprobiert, bin aber absoluter "Newbie" und mache das ganz nach dem "trial and error"-Prinzip. Bislang hat nichts geklappt.

So sieht mein (noch unvollständiges) Stylesheet aus. Ganz unten der Footer:

PHP

body {  
    background-color:#fff;
    color:#000;
    font-family: 'Georgia', serif;
    font-size: 15px;
}


/*-------[H1]-------*/




/*-------[WRAPPER]-------*/


#wrapper { 
    width: 600px; 
    margin: 50px auto 0 auto; 
    height:auto;


}


h2 {
    font-size:18px;    
    margin-bottom: 13px;
    font-weight:normal;
    letter-spacing:1px;
    text-align:center;
    text-decoration:none;
}    


h2 a
{
color: #444444;
text-decoration: none;
}




h2 a:hover {
    color:#00A784;
    text-decoration:none;
}




/*-------[SIDEBAR]-------*/


#sidebar {
    display:block;
    width: 160px;
    height:auto;
    margin: 100px auto 100px auto;
}






/*-------[CONTENT]-------*/




#content {
    display:block;
    width: 600px;
    margin-top:50px;


}




.entry {
    width: 600px;
    margin-bottom: 100px;
    text-align: justify;
    margin-left:20px;
    color:#444444;
}


.entry p a {
    color:#00A784;
    text-decoration:underline;    


}


.entry img {
    max-width: 800px;
    margin:2px auto 2px auto;
    height: auto;
    border:none;
    margin-left:-100px;
    margin-right:auto;
}






.entrymeta {
    text-align: center;
    font-size:15px;
}


.entrymeta a{
    text-decoration:none;
    text-transform:uppercase;
    color:#000;
}


.post p {
    line-height:24px;
    padding-bottom:5px;
    padding-top:5px;
}




/*-------[FOOTER]-------*/


#footer{
    margin-top: 100px;
    background-color: #fff;
    height: auto;
    border-top: 1px solid #A0A0A0


}




.footer a {
    color: FF006E;
}

Alles anzeigen

Und das hier ist die footer.php Datei:

PHP

<div id="footer">


<section class="left">
            <a href="">Twitter</a> 
            <a href="">Facebook</a>
            <a href="">RSS</a>
        </section>
        
        <section class="center">
                    </section>
        
        <section class="right">
            <a href="">About</a> 
            <a href="">Impressum</a>
        </section>


</div><!-- footer -->
 
</div><!-- wrapper -->
 <?php wp_footer(); ?>
 
<!-- Statistik/Analyse-Tool einbauen -->


</body>
</html>

Alles anzeigen

Vielleicht kann mir ja jemand einen Tipp geben, wo ich was ändern muss, damit das funktioniert.

Hier noch der Link zur Seite.

Vielen Dank!
Christina

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Beiträge von atomazing

Bilder mit Menü verlinken?

Artikelüberschrift Schriftart ändern

Schrift auf Startseite größer als im einzelnen Post

Schrift auf Startseite größer als im einzelnen Post

Seiten im Internet Explorer verschoben

Seiten im Internet Explorer verschoben

Farben des Menüs ändern

Seiten im Internet Explorer verschoben

Seiten im Internet Explorer verschoben

Seiten im Internet Explorer verschoben

Linkfarbe im Footer lässt sich nicht ändern

Linkfarbe im Footer lässt sich nicht ändern