Kubrick Sidebar

Valley

Hallo,

könnte mir bitte jemand helfen und verraten wie ich im Default Theme von WP 2.0 vor den Links diese Zeichen ">>" gegen eigene Bildchen austauschen kann?

Ist das in der CSS-Datei definiert?

Grüße

Marc

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

Valley

Vielleicht habe ich mich ja etwas dämlich ausgedrückt. Möchte eigentlich nur in der Sidebar des Default Themes von WP 2.0 eigene Icons vor den jeweiligen Links anbringen. Aber irgendwie funzt das in der CSS Datei nicht so wie es sollte.

Know jemand einen good Ratschlag?

Marc

Valley

To-Do verzweifelt gesucht.

Leider hilft alles rumprobieren in meiner CSS Datei nichts, irgendetwas mache ich falsch, wenn ich in der Sidebar vor den Links eigene Icons unterbringen möchte.

Hier ist meine CSS, ich vermute, dass an eines der List-Elemente ein
list-style-image:url(images/XX.gif) rein muss. Liege ich da richtig?
Bloß wo? Fragen über Fragen.... Please Help!

Code

/* Begin Lists


    Special stylized non-IE bullets
    Do not work in Internet Explorer, which merely default to normal bullets. */


html>body .entry ul {
    margin-left: 0px;
    padding: 0 0 0 30px;


    list-style: none;
    padding-left: 10px;
    text-indent: -10px;


    } 






html>body .entry li {
    margin: 7px 0 8px 10px;


    }


.entry ul li:before, #sidebar ul ul li:before {
    content: "\00BB \0020";
            }


.entry ol {


    padding: 0 0 0 35px;
    margin: 0;


    }






.entry ol li {
    margin: 0;


    padding: 0;
    }


.postmetadata ul, .postmetadata li {
    display: inline;
    list-style-type: none;


    list-style-image: none;
    }
 


#sidebar ul, #sidebar ul ol {
    margin: 0;
    padding: 0;


    }


#sidebar ul li {
    list-style-type: none;
    list-style-image: none;
    margin-bottom: 15px;


    }






#sidebar ul p, #sidebar ul select {
    margin: 5px 0 8px;
    }




#sidebar ul ul, #sidebar ul ol {
    margin: 5px 0 0 10px;
    }


#sidebar ul ul ul, #sidebar ul ol {
    margin: 0 0 0 10px;
    }




ol li, #sidebar ul ol li {
    list-style: decimal outside;


    }


#sidebar ul ul li, #sidebar ul ol li {
    margin: 3px 0 0;
    padding: 0;
    }


/* End Entry Lists */

Alles anzeigen

maery

HTML

.entry ul li:before, #sidebar ul ul li:before {
    content: "\00BB \0020";
            }

muss modifiziert werden

Valley

und zwar mit:

list-style-image:url(images/XX.gif)

ist das richtig?

Gruß

Marc

maery

das weiß ich leider nicht. probier es einfach mal aus. ich kann mir aber vorstellen dass die url angabe nicht ganz korrekt sein wird... (du muss vorher noch abfragen, welchen theme du hast! bsp. findest du in der header.php!!!)

Valley

Nee, funktioniert leider nicht, das gif wird nicht angezeigt, Pfade stimmen alle, verwende das default theme und das habe ich als Pfad /images/xy.gif

So was doofes.....

Valley

LÖSUNG:

So funzt es:

.entry ul li:before, #sidebar ul ul li:before
{ content: url('images/post.gif'); }

:-)))

Valley

PROBLEM....

aber nur im Firefox und nicht im doofen IE..... ahhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh

peti

Nimm die beiden folgenden Sache mit in die Stylesheet. Das Letztere müsste schon vorhanden sein. Ergänze einfach das padding.
Soweit ich weiß, versteht der IE die content Attribute nicht. Ich glaube.. kA ;)
[INDENT][FONT=Courier New]#sidebar ul ul li {
background: url("images/bild.gif") left no-repeat;
}
#sidebar ul ul li, #sidebar ul ol li {
[...]
padding: 0 0 0 15px;
}[/FONT]
[/INDENT]

Valley

Peti:

Du bist der Mega-Crack. Fette sche.... läuft wunderbar.

Tausend Dank!

Junge, jetzt musst Du mir nur noch verraten, wie ich auf der single.php den Zeilenabstand (hight) weiter auseinanderbekomme.

Darf ich Dir mal vertrauensvoll einen Ausschnitt aus meiner süßen CSS zum Besten geben:

Code

/* Begin Typography & Colors */
body {
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: 'Georgia', Times New Roman, Times, serif;
    background-color: #d5d6d7;
    color: #333;
    text-align: center;
    }


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


#header {
    
    }


#content {
    font-size: 1.4em
    }


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


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


.widecolumn {
    line-height: 1.6em;
    }
    
.narrowcolumn .postmetadata {
    text-align: center;
    }


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


#footer {
    background-color: #fff;
    }


small {
    font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, 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;
    }


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


h2 {
    font-size: 1.4em;
    }


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


#sidebar h2 {
    font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-size: 1.3em;
    }


h3 {
    font-size: 1.3em;
    }


h1, h1 a, h1 a:hover, h1 a:visited, .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: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }


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: #336600;
    text-decoration: none;
    }


a:hover {
    color: #147;
    text-decoration: underline;
    }
    
#wp-calendar #prev a {
    font-size: 9pt;
    }

Alles anzeigen

Yours

Marc

peti

So z.B.
[INDENT][FONT=Courier New]#sidebar ul, #sidebar ul ol {
[...]
line-height: 140%;
}[/FONT][/INDENT]

Valley

Hallo Peti,

lieben Dank für Deine fixe Antwort.

Mir geht es aber in diesem Fall gar nicht um die Sidebar sondern jetzt um die Content Seite.

Vielleicht kannst Du mal auf meine Seite schauen, auf der Startseite, so finde ich, ist der Zeilenabstand ok, wenn man aber auf eine Geschichte klickt, und zur single.php kommt, finde ich in meiner css-Datei leider nicht die Zeile, in der ich den Zeilenabstand für den Content-Bereich einstellen kann.

Hast Du mir einen Ratschlag?

Marc

http://pundes.de

Valley

Hat sich erledigt, habe in der CSS die Stelle gefunden.

:-)

peti

Tatsache, da steht ja single nicht sidebar ;)

markas

Hi Marc,

ich versuche den Zeilenabstand zwischen einzelnen Kommentaren auf der Startseite des Blogs zu verringern.
wie hast DU das Problem mit Zeilenabstand gelößt ?:confused:

[FONT=3DArial][size=12]

[FONT=3DArial][size=12] [/SIZE][/FONT][FONT=3DArial][size=12]
[/SIZE][/FONT]

[FONT=3DArial][size=12] [/SIZE][/FONT]

[/SIZE][/FONT]

Valley

Hallo,

kommt ganz auf das Theme an, das Du verwendest. Ich bastel - nur so kann man das nennen - am Kubrick Theme herum. Das ist das "default theme".

Damit die Schrift auf der single.php denselben Zeilenabstand hat wie auf der Startseite habe ich folgenden Code in meinem CSS File geändert, hier der Ausschnitt:

.post {
margin: 0 0 40px;
text-align: left;
line-height: 1.6em;
}

Gruß

Marc

markas

Danke Marc

[size=10]Danke Marc,
es ist die Code. Ich habe in meiner style.css die "40" (unten im Code) auf Null gesetzt.

.post {
margin: 0 0 40px;
text-align: justify;
}
[/SIZE]

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Kubrick Sidebar

Jetzt mitmachen!