Beiträge von xyz

xyz

Hat von euch echt niemand eine Idee, wie man dieses Problem umgehen kann?

xyz

Ich bin mittlerweile schon ein wenig verzweifelt.

Jede Änderung, die ich an meinem The vornehmen möchte, wird nicht durchgeführt. Ich nutze Wordpress seit Jahren und bisher hatte ich nie dieses Problem für meinen Blog. Das Problem tritt auch auf, wenn ich mich für ein anderes Theme entscheide.

Ändere ich mein Theme und will die Änderung übernehmen, dann erscheint auf einer komplett weißen Seite ein sogenanntes "Authenticate" Feld, in dem ich meinen Benutzernamen und mein Passwort eingeben soll. Mache ich das, gelang ich zurück zu Wordpress Oberfläche, die Änderung wird aber nicht übernommen.

Wisst ihr woran das liegen könnte?

xyz

Vielen Dank! Jetzt funktioniert es nach meinen Vorstellungen :-D

xyz

Ich möchte in meinem Theme neben dem Inhalt (dem gesamten Blog also) ein Bild einfügen. Dieses habe ich auch gemacht, komischerweise beginnt das Bild nicht direkt am Inhalt, sondern wird von rechts eingefügt. Die Folge ist, dass zwischen Bild und Blog ein grauer Streifen bei bestimmten Auflösungen entsteht.

Was muss ich tun, damit das Bild direkt an der rechten Seiten des Blogs eingefügt wird?

Vielen Dank im voraus.

Mein Blog: literaturkritik.tv

Meine Stylesheet.

Das Bild hab ich gleich zu Beginn im "Body" eingefügt. "header8.jpg."

Code

* {
  margin: 0px;
  padding: 0px;
}
body {
    margin: 0px;
    padding: 0px;
    font-size:76%; 
    font-family:Arial, Verdana, Sans-Serif;
    background: #b8b8b8 url('/header8.jpg')repeat-y top right;
}
#wrap {
    width: 800px;
    overflow: hidden;
    position:relative;
    text-align: left;
        background: #fff;
}
#content {
    width: 500px;
    float: left;
    display:inline;
    text-align: justify;
    padding: 10px;
    margin: 8px;
}
#nav {
    height: 49px;
    width: 790px;
    margin-right: auto;
    margin-left: auto;
}
#sidebar {
    width: 220px;
    float: right;
    line-height: 1.5em;
    display:inline;
    margin: 8px 8px 8px 0px;
    padding: 10px;
    font-size:10px;
}
#pages h1{
    margin:0px;
    padding:0px;
}
#pages h1 a{
    text-decoration:none;
    color:#999;
    font: 18px Arial, Helvetica, sans-serif;
    margin:0px;
    padding:13px 0px 0px 10px;
    letter-spacing: -1px;
    float: left;
}
#pages h1 a:hover{
    text-decoration:underline;
}
h1 {
    margin: 0px;
    padding: 45px 5px 5px 15px;
    font-size: 2.0em;
   }


h2{
  font-size: 1.6em;  
  border-bottom: 1px solid #d00;
}
h2 a{}
h3 {
    margin-top: 1.5em;
    font-size: 1.4em;
}
h4 {
    margin-top: 1.2em;
      font-size: 1.2em;
}
h5{
  margin-top: 1em;
  font-size: 1em;
}
#logo {
    height: 140px;
    width: 800px;
    margin-right: auto;
    margin-left: auto
    }
#tagline {
    height: 20px;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    color: #000;
    padding-left:15px;
}
div#topnav {
    height: 40px;
    margin: 0px auto 0px;
    width:800px;
    background: #2d2d2d;


}


div#topnav ul {
    padding: 10px 0px 0px;
    white-space: nowrap;
    list-style-type: none;
    margin: 0px;    
}
div#topnav ul li {
    float:left;
}


div#pages ul li.current_page_item a  {
    text-decoration: underline;
}
div#topnav ul li a {
    display: block;
    text-decoration: none;
    border-left: 1px dotted #b8b8b8;
    font-size:12px;
    padding:5px 10px 5px 10px;
    color: #b8b8b8;
}
div#topnav ul li a:hover {
    color: #ccc;
}
#footer {
    clear: both;
    text-align: center;
    color:#b8b8b8;
    background:#2d2d2d;
    border-top:#b8b8b8 solid 5px;
    width: 800px;
    height: 80px;
    padding: 0px;
    margin-right: auto;
    margin-left: auto;
}
#footer p{
    padding:10px;
    margin:0px;
}


.entry{
    padding-top: 0px;
    padding-bottom: 30px;
    padding-left: 0px;
    font-size: 1.0em;
    line-height: 1.5em;
}
.firstpost {
    margin-bottom:15px
}
h3.entrytitle, h3 {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 5px;


}
h3.entrytitle a, h3.entrytitle a:visited, h3 a{
    color: #d00;
    text-decoration:none;
    border-style: none;
    font-size: 18px;
    font-weight: bolder;
    text-transform: none;
}
h3.entrytitle a:hover, h3 a:hover{
text-decoration:underline;}
.entrymeta{
    height: 16px;
    margin-top: 0;
    font-size: 10px;
    color: #666;
    border-top:solid 1px #666;
    padding-top:4px;
    margin-bottom: 8px;
}
.entrymeta a img{
    border: none;
}
.entrymetabottom{
    height: 16px;
    margin-top: 0;
    font-size: 10px;
    border-top:solid 1px #666;
    padding-top:4px;
}
.entrymeta-home{
display:block;
background:#fafafa;}
/********************
.entryedit{
background: url('images/edit.gif') no-repeat left;}
***********************/
.entrymetabottom a img{
    border: none;
}
.entrybody a {
    height: 16px;
    margin-top: 0;
    font-size: 12px;
    color: #d00;
}
.entrybody img {
    padding: 4px;
    border: none;
}
.entrybody .wp-smiley {
border: none;
padding: 0;
}
.entrybody ul {
    margin-left: 20px;
    padding-left:0px;
    list-style-type: none;
}
.entrybody ol{
    margin-left:20px;
    padding-left:0px;
}
.entrybody ul li {
    list-style:square;
}
.commentlink img {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}


h4, h3, h2, #commentblock h2 {
    margin: 0;
    padding: 0px;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color:#999;
}
h2{
    margin-bottom: 10px;
    font-size: 14px;
}
a, a:visited{
    color: #d00;
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}
.entrybody p{
    margin:8px 0;
    padding:0;
}
.entrybody ul {
    margin-left: 30px;
    padding-left:0px;
    list-style-type: none;
}
.entrybody ol{
    margin-left:30px;
    padding-left:0px;
}
.entrybody ul li {
    list-style:square;
}
/********************SIDEBAR********************/
#sidebar h2 {
    display:block;
    height: 20px;
    margin: 5px 0px 0px;
    padding: 5px 0px 2px 10px; 
    font-size: 12px;
    color: #fff;
    border:none;    
    font-weight: normal;
    background:#2d2d2d;/* url('images/roundcorner.gif') no-repeat top left;*/
}
#sidebar ul {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
}
#sidebar ul li {
    display: inline;
    margin:0;
    padding:0;}
    
#sidebar li{
    list-style: none;
}
#sidebar ul li a {
    border-bottom: 1px solid #666;
    color: #d00;
    display: block;
    text-decoration: none;
    margin-left: 0px;
    padding: 4px 0 4px 25px;
    background: url('images/navbulle2.gif') no-repeat;
    background-position: 8px 50%;
}


#sidebar ul li a:hover{
    color: #d00;
    background: #ececec url('images/navbulle.gif') no-repeat;
    background-position: 10px 50%;
}


#sidebar ul.feeds li a{
    background:url('images/rss.png') no-repeat center left;
}
#sidebar ul.feeds li a:hover{
    text-decoration:underline;
}


#searchdiv {
    color:#000;
    margin-top: 2px;
    margin-bottom: 10px;
    border-bottom:none;
    background-color: transparent;
}
#searchdiv h2{
    color:#fff;
    background-color: #2d2d2d;
    margin-bottom:5px;}
.search{
    border: 1px solid #000;
}
#searchdiv input{
background: url('images/searchbg.gif') repeat-x 0 0;}


/************************************************
*    Comments                                                    *
************************************************/
#commentblock h2{
    padding:2px;
    margin-bottom:10px;
    margin-top:30px;
}
#commentblock {
    float:left;
    padding-top: 0px;
    padding-bottom: 20px;
    text-align: left;    /*font-size: 0.8em;*/
}
ol#commentlist {
    margin-top:0px;
    padding: 5px;
    margin-left: 0px;
    list-style-type: none;
}
.commentdate {
    font-size:0.8em;
    padding-left:5px;
}
#commentlist li  p{
    margin-bottom: 8px;
    line-height: 20px;
    padding:0;
}
.commentname {
    margin: 0 0 15px 0;
    padding: 5px;
}
.commentname-admin{
font-weight: bold;
}
.commentinfo{
    clear:both;
}
.comments-link {
    background:url('images/comments.gif') no-repeat left center;
    padding-left:16px
}
#commentlist li.standard{
    background:#fafafa;
    border-bottom:1px dotted #ccc;
    border-top:1px dotted #ccc;
}
#commentlist li.alt{
    background:#fff;
}
.commenttext{
    clear: both;
    margin: 0px 0 10px 0;
    padding: 0px 5px 0px 5px;
    width:450px;    
}
.commenttext-admin {
    clear: both;
    margin: 0px 0 10px 0;
    padding: 0px 5px 0px 5px;
    width:450px;
    /*background: #ccc;*/
}
#commentsformheader{
    padding-left:0px;
}
#commentsform{
    margin-top:0;
    text-align:center;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
#commentsform form{
    text-align:left;
    margin:0px;
}
#commentsform p{
    margin:5px;
}
#commentsform form textarea{
    width:99%;
}
p.comments_link  img{
    margin: 0px;
    padding: 0px;
    border: none;
}
blockquote{
    font-style: italic;
    color: #999;
    /*background: #f9f9f9 url('images/blockquote.gif') no-repeat scroll top left;*/
}
table{
    margin:10px;
}
td, th{
    padding:3px;
    font-weight:normal;
}
#archiv{
margin-left: 15px;}
#archiv ul{
margin-left: 25px;
margin-bottom: 15px;}

Alles anzeigen

xyz

Das klappt leider nicht so wirklich. Füge ich die Bild-URL ein, wird nur die Navigation ausgefüllt. Die rechte Seite bleibt weiß.

Hast du noch eine andere Idee?

xyz

Hmmm...

Eine kleine Anfängerfrage hinterher. Wo muss ich die Bild-URL einfügen?

xyz

Ich bastle gerade am Theme "The Unstandard" herum und möchte das Theme ein wenig anpassen.

Das ist der momentane Blog. Literaturkritik.tv

Die rechte weiße Fläche möchte ich mit einem Bild komplett ausfüllen. Nur weiß ich nicht, wie ich meine Style.css anpassen soll. Ich habe bereits eine Menge ausprobiert, habe aber bisher keine Lösung finden können.

Könnt ihr mir weiterhelfen?

CSS

Theme Name: The Unstandard
Theme URI: http://5thirtyone.com/
Description: Farewell to the standard blog format
Version: 0.1
Author: Derek Punsalan
Author URI: http://is.derekpunsalan.com/
*/


* { margin: 0; padding: 0; }


body { background: #fff; color: #000; font: 62.5%/1.2em arial,sans-serif; text-align: center; }


#main-wrapper { margin: 0 0; padding: 0 7px; width: 960px; text-align: left; }


/* ----------------------------------- basics */
h1, h2, h3 { font-weight: normal; }
h1 { font-size: 2.2em; line-height: 2.4em; }
h2 { font-size: 1.6em; line-height: 1.8em; }
h3 { font-size: 1.3em; line-height: 1.4em; }
a { color: #2c2c2c; }
  a:hover { color: #f47a0e; }
a img { border: none; }
ul, ol { list-style: none; }


/* ----------------------------------- masthead */
#leaderboard { background: url("images/orange.gif") no-repeat top left; padding: 3em 0 7em 0; position: relative; }
  #leaderboard h1 a { color: #333; text-decoration: none; } 
  #leaderboard h1 a:hover { color: #f47a0e; }
#main-nav { font-size: 1.1em; margin: 10px 0 0 0; text-transform: uppercase; font-weight: bold; }
  #main-nav li { float: left;  margin-left: 7px; }
  #main-nav li a { background: #ddd; color: #6c6c6c; display: block; padding: 1.1em 0; text-decoration: none; text-align: center; width: 8em; } 
  #main-nav li a:hover,
  #main-nav li.current a { background: #333; color: #eee; }
  #main-nav li.rss-now a:hover,
  #main-nav li.rss-now a { background: #f47a0e; color: #eee; }
.adsense-center { margin: -40px auto 0; display: block; width: 728px; }
  
/* ----------------------------------- home posts */
.home .left { 607 width: 0px; }
.home .main-post-bg { background: #444; display: block; height: 225px; position: relative; margin: 0 0 7px 0; width: 593px; overflow: hidden; }
  .main-post-bg .post-comments,
  .secondary-post-bg .post-comments { position: absolute; top: 0; right: 7px; z-index: 102; background: #f47a0e; border: 1px solid #ce6100; }    
    .post-comments a,
    .secondary-post-bg .post-comments a { font-size: 11px; color: #eee !important; display: block; height: 1.8em; line-height: 1.8em; width: 7.5em; text-decoration: none; text-align: center; text-transform: lowercase; } 
    .post-comments a:hover,
    .secondary-post-bg .post-comments a:hover { background: #ce6100;}
  .home .main-post-bg .title-insert,
  .home .recent-leads .title-insert { background: #000; bottom: 0; display: block; left: 0; position: absolute; width: 100%; z-index: 101; padding: 4px 0; /* opacity - move to sep. stylesheet */ filter: alpha(opacity=85); -moz-opacity: .85; opacity:.85; }
.title-insert h2 { margin: 8px 10px 7px; line-height: 1.4em; }
  .title-insert h2 a { display: block; color: #f79b42; text-decoration: none; }
  .title-insert h2 a:hover { color: #fff; }
.home .recent-leads { width: 607px; }
  .home .recent-leads .secondary-post-bg { background: #444; display: block; width: 293px; overflow: hidden; height: 150px; margin: 0 7px 7px 0; position: relative; }
  .home .recent-leads .title-insert h3 { margin: 4px 7px; line-height: 1.6em; }
  .home .recent-leads .title-insert h3 a { font-size: 14px; display: block; color: #f79b42; text-decoration: none; }
  .home .recent-leads .title-insert h3 a:hover { color: #fff; }
.home .right { width: 340px; text-align: left; }
.home .right h3 { font-weight: normal; font-size: 1.6em; color: #f47a0e; padding-left: 2px; }


/* ----------------------------------- entry style */
.post.single { font-size: 1.3em; line-height: 1.5em; color: #444; width: 590px; }
  .post.single h2, .post.single h2 a { font-size: 18px; line-height: 20px; color: #f47a0e; text-decoration: none; }
  .post.single .entry { float: right; width: 500px; }
  .post.single .meta { border-top: 2px solid #f47a0e; color: #444; text-transform:lowercase; padding: 4px 0 0 0; margin-top: 21px; float: left; width: 75px; font-size: 11px; }
    .post.single .meta a { color: #f47a0e; text-decoration: underline; }
    .post.single .meta a:hover { text-decoration: none; }
  .post.single p { margin: 1em 0; }
  .post.single p a,
  .post.single li a { font-weight: bold; }
  .post.single p strong { font-weight: bold; }
  .post.single p em { font-style: normal; background: #f9f9de; }
  .post.single blockquote { margin: 0 1.5em; color: #6c6c6c; }
  .post.single h3 { font-size: 16px; color: #f47a0e; margin-top: 2em; }
  .post.single ul,
  .post.single ol { margin: 1em 1.5em; }
  .post.single ul li,
  .post.single ol li { margin: 0 0 14px 0; color: #6c6c6c; line-height: 1.3em; }
  .post.single ul li { background: url("images/li.gif") no-repeat 1px -1px; padding-left: 20px; }
  .post.single ul li strong { font-weight: bold; }
  .post.single img.floatleft { float: left; margin: 4px 10px 0 0; }
  .post.single img.floatright { float: right; margin: 4px 0 0 10px; }
  .post.single code { font-family: courier, fixed, monospace; font-size: 12px; background: #eee; }
    .post.single code strong { color: #000; }
.navigation { font-size: 1.2em; padding: 10px 0; }
  .navigation .left { width: 50%; }
  .navigation .right { width: 49%; }
.archives-page h2 a { font-size: 14px !important; line-height: 16px; }
  
/* ----------------------------------- lists */
.sidebar-wrapper { background: #fff; }
.sidebar-news { background: #f9f9de; border: 1px solid #e9e9b4; display: block; padding: 7px; color: #555; font-size: 12px; }
  .sidebar-news a:hover { text-decoration: none; }
.sidebar-wrapper h3 { overflow: hidden; }
ul.sidebar-ul,
.related-posts ul { font-size: 1.2em; line-height: 1.4em; margin: 10px 0 0 0; width: 340px; }
  .sidebar-ul li,
  .related-posts li { color:#777; border-top: 1px solid #ccc; line-height: 1.5em; width: 340px; }
  .sidebar-ul li a,
  .related-posts li a { background: url("images/li-grey.gif") no-repeat 1px 3px; display: block; font-weight: normal; color: #888; text-decoration: none; padding: 3px 0 3px 20px; }
  .sidebar-ul li a:hover,
  .related-posts li a:hover { background: url("images/li.gif") no-repeat 1px 3px; color: #f47a0e; }
  .sidebar-ul li a:hover em { color: #999; }
.related-posts h3 { display: none; }
.serve-random { font-size: 12px; color: #888; margin-top: 7px; }
  .serve-random a { color: #f47a0e; }
  .serve-random a:hover { text-decoration: none;  }
.sidebar-nextprev { margin-top: 10px; }
  .sidebar-nextprev li { float: left; }
  .sidebar-nextprev li.previous { margin-left: 5px; }
  .sidebar-nextprev li.next { float: right; margin-right: 5px; }
  .sidebar-nextprev li a { outline: none; display: block; height: 40px; width: 160px; background: #ddd; text-indent: -9999em; }  
  .sidebar-nextprev li.previous a { background: url("images/nextprev.gif") no-repeat top left; }
    .sidebar-nextprev li.previous a:hover { background-position: bottom left; }
  .sidebar-nextprev li.next a { background: url("images/nextprev.gif") no-repeat top right; }
    .sidebar-nextprev li.next a:hover { background-position: bottom right; }


/* ----------------------------------- comments */
#comments { margin: 21px 0; }
#comment-breaker { color: #f47a0e; display: block; width: 100%; margin: 21px 0 14px 0; padding: 35px 0 0 2px; background: url("images/distort.gif") no-repeat top center; }
  #comment-breaker h2 { font-size: 18px; }
ol.commentslist { float: left; font-size: 1.2em; line-height: 1.5em; width: 590px; }
  .commentslist li { margin-bottom: 28px; }
  .commentslist li p { margin: 0 0 1em 0; }
  .commentslist li blockquote { margin: 0 1.2em; font-style: italic; }
  .commentslist li ul, 
  .commentslist li ol { margin: 1em 1.5em; }
  .commentslist .author_meta { text-transform: lowercase; border-top: 2px solid #f47a0e; padding: 4px 0 0 0; margin-top: 9px; float: left; width: 75px; font-size: 11px; }
    .commentslist .author_meta a { color: #444; text-decoration: none !important; }
    .commentslist .author_meta a:hover { text-decoration: underline !important; }
  .commentslist li.author .comment_text { background: #eee; width: 498px; border: 1px solid #ddd; }
    li.author .comment_text p { margin: 7px; }
  .commentslist .comment_text { float: right; width: 500px; overflow: auto; }
    .comment_text .comment-author { font-weight: bold; margin-bottom: 7px; }
    li.author .comment_text .comment-author { margin: 7px 0 7px 7px; }
    .commentslist .comment_text a { font-weight: bold; }
.pings { float: right; width: 340px; }
  .pings h3 { color: #f47a0e; font-size: 1.6em; padding: 0 0 0 2px; }
  ul.pingslist { font-size: 1.2em; line-height: 1.4em; margin: 10px 0 0 0; width: 340px; }
    .pingslist li { border-top: 1px solid #ccc; line-height: 1.5em; width: 340px; }
    .pingslist li a { background: url("images/li-grey.gif") no-repeat 1px 3px; display: block; font-weight: normal;  color: #999; text-decoration: none; padding: 3px 2px 3px 20px; }
    .pingslist li a:hover { color: #f47a0e; background: url("images/li.gif") no-repeat 1px 3px;}
    .sidebar-ul li a:hover em { color: #999; }
#commentform { font-size: 11px; margin-left: 90px; }
  #commentform p { margin: 0.8em 0; }
  #commentform p label { }
  #commentform #author,
  #commentform #email,
  #commentform #url,
  #commentform #comment { border: 1px solid #bbb; padding: 4px; font-family: arial,verdana,sans-serif; font-size: 12px; color: #6c6c6c; }
  #commentform #comment { width: 485px; overflow: auto; height: 225px; }
  #commentform #submit { background: #333; color: #eee; padding: 0.8em 0; width: 13em; border: none; }
  .comment-warning strong { color: #444; font-weight: bold; }
.subscribe-to-comments { font-size: 12px; color: #555; }

Alles anzeigen

xyz

Und da liegt mein Problem. Meine eigenen Programmierkenntnisse reichen nicht wirklich für die Umsetzung aus.

Über Hilfestellungen wäre ich euch dankbar.

xyz

Ich nutze das Almost Spring Theme (zwei-spaltig). Ich würde jetzt gern auf meinem Blog auf der rechten Seite eine zweite Sidebar einfügen.

Wie und wo kann ich das umsetzen? Ist diese Erweiterung überhaupt möglich?

Würde mich über Hilfe und Hinweise freuen.

xyz

Das mit den kleinen covern finde ich auch ok.

Hab das plugin auch eingebaut und habe nun nur noch eine frage gezüglich der gestaltung. hier kannst du es dir ja mal anschauen (ganz unten in der navigation)

wie muss ich den css code ändern, damit ein rahmen um die bilder angezeigt wird?

oder

wie bekomm ich die cover mittig zentriert?

xyz

wenn ich unter info nachsehe, steht nur die anzahl hinter den kleinen bildern. bei medium und large steht nix.

woran könnte das liegen?

xyz

Danke, funktioniert alles bestens, bis auf, dass keine album cover angezeigt werden.

Wenn ich die Darstellungsgröße der Cover auf "small" setze, werden sie angezeigt.

Weißt du, warum das so ist?

Zieht sich das plug-in die cover aus i-tunes oder direkt von amazon?

xyz

danke für die schnelle antwort.

das problem bleibt leider. wenn ich jetzt den ausschnitt des beispiels 5 nehme und die größe des covers von 60 auf 90 pixel erhöhe, ist das cover total verpixelt.

wie müsste ich das sample 5 verändern, dass neben dem cover auch noch interpret und song angezeigt werden?

weißt du ne lösung?

xyz

Ich bin jetzt gerade auch dabei das plug in auf meinem blog einzubauen und habe noch folgende fragen offen:

in meiner sidebar möchte ich die letzten 5 songs inklusive künstler, album und songtitel anzeigen lassen - also genauso wie du das auch schon gemacht hast.

wie kann ich aber die covergröße ändern? die jetzige einstellung ist mir zu groß?

wisst ihr da eine möglichkeit?

könntest du vielleicht deinen bei dir eingefügten sidebar code hier posten?

xyz

danke für alles :-)

xyz

ja, im internet explorer klappt es, beim firefox leider nicht.

eine frage dazu habe ich noch:

wie kann ich erreichen, dass die schwarze box bis an die gestrichelte Linie (diese Trennlinie von navigation zum Content) reicht?

und noch eine kurze zweite Frage:

wie kan ich den abstand zwischen den kategorien jetzt vergrößern? habe nin das problem, dass kein abstand zwischen zwei kategorien ist.

Danke!

xyz

Code

/* 
Theme Name: Daisy Rae Gemini
Description: Gemini Two Col Fixed Width Centred with RH Menu
Author: <a href="http://www.geeksmakemehot.com">Jennifer Ledbetter</a>
Author URI: <a href="http://www.geeksmakemehot.com">http://www.geeksmakemehot.com</a>


Credits:
Daisy Rae Gemini developed by <a href="http://atthe404.com">Root</a> designed by <a href="http://www.geeksmakemehot.com">geeksmakemehot</a>.
Header Image by <a href="http://sxc.hu/browse.phtml?f=profile&l=mikefroese">Mike Froese</a>.


License -
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php


*/


/* -------  Layout CSS(   Centered Fixed Width) ------ */


body {
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
  text-align: center; /* IE 5.5 hack */
}


#farouter {background: #ffffff;width: 760px; border: 1px solid #3A291F;margin: 20px auto 20px auto;text-align: left;  /* IE 5.5 hack part II */}
#outer {}
#rap {}
#masthead {letter-spacing: 0.2em;margin: 8px 8px 0 8px;padding: 0 10px 10px 60px; font: normal 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; height: 180px;
}


#main {padding-left:35px;}
#content {float: left;width: 490px; padding-top: 2px;}
#menu {float: right;width: 175px; margin-right: 3px; border-left: 1px dashed #BAA99F;}
#nav {padding-left: 10px;}
#logo {padding-top: 25px; padding-left: 12px;}
#hmenu {margin: 8px; height: 30px;}
#hnav {margin: 0;padding: 0;}
#clearer { clear: both; margin: 0; padding: 0;}
#footer { margin: 8px 8px 8px 8px; }




/*----------------- Color CSS    ------------------------*/




body {background: #DCD3CE; color:#333;}
#rap {background: #ffffff;}
#masthead {background-image: url('images/header.gif');}
#footer {background: #BAA99F;}
#hmenu { background: #BAA99F;}
#hnav {
    background: #BAA99F;
}
a {color: #8C0000; text-decoration: none; }
a:visited { color: #8C0000; text-decoration: none; }
a:hover { color: #8C0000; text-decoration: underline; }
acronym, abbr { border-bottom: #333; }
blockquote {border-left: #573D2E; color: #573D2E;}
h2 {    color: #8C0000;
    font-size: 24px;
    font-weight: normal;}
h3 a {color: #8C0000; }
h3 a:hover {color: #8C0000;}
h3 a:visited {color: #8C0000;}
.meta { color: #DCD3CE} 
.meta a {color: #884400;}
.feedback a{color: #884400;}






/* --------     Core CSS ---------*/




a{text-decoration: none;}
a img { border: none; }
acronym, abbr { border-bottom: 1px dashed; }
acronym, abbr, span.caps { cursor: help; font-size: 90%; letter-spacing: .07em;}
blockquote { border-left: 1px solid #573D2E; border-bottom: 1px solid #573D2E; margin-left: 1.5em; padding-left: 5px;}
cite { font-size: 90%; font-style: normal; }
#header a { color: #F2EEEC; text-decoration: none; }
#header a:hover { text-decoration: underline; }
h1 { margin: 0; padding: 20px; text-align: right; }
#hidden {display:none;}


h2 {font: 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  letter-spacing: 0.2em; margin: 0 20px 20px 0; padding: 20px 0 0 0; }
h2#tagline {margin:0; margin-right: 25px; padding:0;text-align: right;color: #F2EEEC;border: 0;}


.post h2 { font: 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  letter-spacing: 0.2em; margin: 0 20px 0 30px; padding: 20px 0 30px 0; }
h3 {font: 16px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; margin-left: 0; margin-top: 30px;color: #8C0000;  
}
h3#comments { margin-left: 20px; }
h3#respond { margin-left: 20px; }
h4 {
    font-size: 16px;
    font-weight: normal;
background-color: black;
color: white;
}
ol#comments li p { font-size: 100%; }
img {margin: 10px;padding: 10px; border: 1px solid #573D2E; }
p, .feedback 
{ font: 100%/175% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;}
p {}
.textarea { width:200px; margin:0; }
#archvies {
    font: 150% normal 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}






/* ------------------------- Classes used by the_meta() ---------------------*/




ul.post-meta {
    list-style: none;
}


ul.post-meta span.post-meta-key {
    font-weight: bold;
}


.credit {
  color: #fff;
  font-size: 90%;
  margin: 10px 0 0 0;
  padding: 3px;
  text-align: center;
}


.credit a, .credit a:hover {color: #fff;text-decoration: none;}
.feedback {text-align: right;clear: both;margin-right: 30px; font-size: 90%}
.meta {font-size: .95em;}
.meta li, ul.post-meta li {display: inline;}
.meta ul {display: inline;list-style: none;margin: 0;padding: 0;}
.meta, .meta a { font-weight: normal; letter-spacing: 0;}
.post { margin: 35px 35px 20px 0; }
.entrytext {margin-left: 30px;}
.storytitle { margin-top: 10px; margin-bottom: 2px; }
.storytitle a { text-decoration: none; }
.storycontent{margin-bottom: 5px; border-bottom: 1px solid #BAA99F;}
#commentform { margin-left: 20px; }
#commentform  #comment { width:450px; }
#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
     background: #fff; padding: .2em; }
#commentform textarea { width:100%;}
#commentlist li {border: 2px solid #BAA99F; margin-bottom: 20px; padding-left: 20px;}
#commentlist li ul { border-left: 1px solid #ddd; font-size: 110%; list-style-type: none;}




/* ----------  All menu styling except #menu itself (in layout above) ------- */




#nav form {
    margin: 0 0 0 13px;
}


#nav input#s {
    width: 80%;
    background: #eee;
    border: 1px solid #999;
    color: #000;
}




#nav ul li h2 {
      font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
      font-weight: normal;
    letter-spacing: 0.1em;
    border: 0;
    text-align: left;
    padding-left:0;
    margin-left: 0;
}




#nav ul ul ul.children {
    font-size: 100%;
    padding-left: 4px;
}




#nav { width: 170px; }


#nav ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
font-size: 95%;
}


#nav a
{
display: block;
padding: 3px;
padding-left: 17px;
width: 130px;
background-color: #FFF;
background-image: url(images/icon.gif); 
background-repeat: no-repeat;
background-position: 0 55%;
border-bottom: 1px dotted #BAA99F;


}


#nav a:link, #navlist a:visited
{


text-decoration: none;
}


#nav a:hover
{
background-image: url(images/icon2.gif); 
color: #000;
}


#themeswitcher {
    font-size: 8px;
}


/*------------- hnav------------*/




#hnav ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #BAA99F;
color: #F2EEEC;
width: 100%;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
line-height: 18px;
/* fixes Firefox 0.9.3 */
}


#hnav ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}


#hnav ul li a


{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: #F2EEEC;
text-decoration: none;
border-right: 1px solid #F2EEEC;
}


#hnav ul li a:hover
{
    background: #F2EEEC;
color: #3A291F;
}


#hnav #active { border-left: 1px solid #F2EEEC; }


/*------------- added ------------*/


.gravatar {
    float:left;
    padding: 3px;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid #573D2E;
}    


#commentbox {
    background: #F2EEEC;
    border: 1px solid #573D2E;
    padding: 5px;
    margin-bottom: 15px;
}


.commentby {
    font-size: 14px;
    text-transform: uppercase;
}
.commentinfo {
    font-size: 10px;
    margin-top: -10px;
    border-bottom: 1px soild #DCD3CE;
}


.commentid {
    float: right;
    font-size: 24px;
    font-style: italic;
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #BAA99F;
}


.commentid a {
    color: #BAA99F;
    text-decoration: none;
}


.post ul li {
    padding: 0px;
    font-weight: normal;
    list-style: url('images/icon.gif');
    line-height: 1.5em;
}


.post ul li:hover {
    padding: 0px;
    font-weight: normal;
    list-style: url('images/icon2.gif');
    line-height: 1.5em;
}

Alles anzeigen

wenn ich das so wie ihr sagt, bei "h4" einfüge, passiert leider nichts. Habe ich den Code an der falschen Stelle eingesetzt?

xyz

das habe ich jetzt zu "h4" gefunden:

h4 {
font-size: 16px;
font-weight: normal;
}

Ich bin aber ein ziemlicher Laie auf dem Gebiet mit dem Verändern der Attribute. Könntest du mir mir bitte sagen, wie ich den Quelltext ändern muss, damit die Schrift weiß auf schwarzem Hintergrund ist?

danke!

xyz

Auf meinem Blog möchte ich gern meine Navigation klarer strukturieren.

Dazu möchte ich gern die Kategorienbezeichnungen (z.Bsp. Aktuelle Beiträge, Zuletzt gehört, Fotos und Videos...) mit weißer Schrift auf schwarzem Hintergrund haben.

Leider weiß ich nicht, wie ich das umsetzen kann und hoffe so auf eure Hilfe.

Achso, eine Frage habe ich noch.

Wie bekomme ich die kleinen Zeichen (die kleinen Quadrate) vor den Kategoriebezeichungen bzw. vor den Bildern weg? Ist es auch möglich, dass in einigen Kategorienunterpunkte die Kästchen stehen bleiben, in anderen jedoch gelöscht werden?

xyz

danke für die schnelle Antwort.

Gibt es auch ein Plugin für den Windows Media Player, der neben den Songs und Künstlern auch noch das Cover anzeigt?

ich nutze gerade WP Audioscrobbler und da geht es ja leider nicht mit der Coveranzeige.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Beiträge von xyz

Theme-Editor: speichern funktioniert nicht

Komplette Theme lässt sich nicht mehr bearbeiten!

Problem beim Einfügen eines Hintergrundbildes

Problem beim Einfügen eines Hintergrundbildes

Einfügen eines Hintergrundbildes neben Sidebar. Aber wie?

Einfügen eines Hintergrundbildes neben Sidebar. Aber wie?

Einfügen eines Hintergrundbildes neben Sidebar. Aber wie?

Zusätzliche Sidebar in Theme einfügen

Zusätzliche Sidebar in Theme einfügen

itunes & amazon-cover

itunes & amazon-cover

itunes & amazon-cover

itunes & amazon-cover

itunes & amazon-cover

Navigation : Schrift schwarz hinterlegen

Navigation : Schrift schwarz hinterlegen

Navigation : Schrift schwarz hinterlegen

Navigation : Schrift schwarz hinterlegen

Navigation : Schrift schwarz hinterlegen

Suche folgendes Plug-In : "Recent Tunes"