Trennlinie in Sidebar als Bild

Erstmal ein wunderschönen Guten Morgen!!!

(was heißt ohne Präfix?)
ich habe schon nach ähnlichen Beiträgen geguckt habe einiges ausprobiert aber es klappt bei mir nicht :( , bitte um Nachsicht. (bin auch ein php Wordpress neuling)

Ich hätte gerne in der Sidebar unter der kategorien oberhalb der verlinkten seiten, eine Trennlinie als image.

Mein Blog findet Ihr hier

Wo muss ich Was eintragen damit es klappt?

Für Eure Hilfe wäre ich Euch sehr sehr dankbar, bin schon seit 3 Tagen dran :???:

Liebe Grüße

Natalie

Vielen Dank für die schnelle Antwort,

habe ich auch schon versucht... aber es wird nicht angezeigt. Habe es eingetragen in der sidebar.php und habe css noch mal definiert...

bin ratlos

Zitat

<div class="Block">
<div class="Block-cc"></div>
<div class="Block-body">
<div class="BlockHeader">
<div class="header-tag-icon">
<div class="BlockHeader-text">
[COLOR=Red]<img src="http://galanaki.eu/blog/wp-conten…ges/divider.jpg />[/COLOR]
<?php _e('Archives', 'kubrick'); ?>
</div>
</div>

Alles anzeigen

so? habe etliche Varianten ausprobiert...

im css sah es so aus:

div.hr {
height: 62px;
background-image: url('images/divider.jpg');
background-repeat: no repeat;
}
div.hr hr {
display: none;
}

und hatte in der sidebar.php dan einen <div class="hr" angelegt.

<div class="sidebar1">
<?php if (!art_sidebar(1)): ?>
<div class="Block">
<div class="Block-cc"></div>
<div class="Block-body">
<div class="BlockHeader">
<div class="header-tag-icon">
<div class="BlockHeader-text">
<?php _e('Search', 'kubrick'); ?>
</div>
</div>
<div class="l"></div>
<div class="r"><div></div></div>
</div>
<div class="BlockContent">
<div class="BlockContent-body">
<form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
<input type="text" value="<?php the_search_query(); ?>" name="s" id="s" style="width: 95%;" />
<button class="Button" type="submit" name="search">
<span class="btn">
<span class="t"><?php _e('Search', 'kubrick'); ?></span>
<span class="r"><span></span></span>
<span class="l"></span>
</span>
</button>

</form>

</div>
</div>

</div>
</div>
<div class="Block">
<div class="Block-cc"></div>
<div class="Block-body">
<div class="BlockHeader">
<div class="header-tag-icon">
<div class="hr"></div><hr />
<div class="BlockHeader-text">
<?php _e('Categories', 'kubrick'); ?>
</div>
</div>
<div class="l"></div>
<div class="r"><div></div></div>
</div>
<div class="BlockContent">
<div class="BlockContent-body">
<ul>
<?php wp_list_categories('show_count=1&title_li='); ?>
</ul>
</div>
</div>

</div>
</div>
<div class="Block">
<div class="Block-cc"></div>
<div class="Block-body">
<div class="BlockHeader">
<div class="header-tag-icon">
<div class="BlockHeader-text">
<?php _e('Archives', 'kubrick'); ?>
</div>
</div>
<div class="l"></div>
<div class="r"><div></div></div>
</div>
[COLOR=Red]<img alt="trennlinie" src="<?php bloginfo('template_directory'); ?>/images/divider.jpg" />[/COLOR]
<div class="BlockContent">
<div class="BlockContent-body">
<?php if ( is_404() || is_category() || is_day() || is_month() ||
is_year() || is_search() || is_paged() ) {
?>
<?php /* If this is a 404 page */ if (is_404()) { ?>
<?php /* If this is a category archive */ } elseif (is_category()) { ?>
<p><?php printf(__('You are currently browsing the archives for the %s category.', 'kubrick'), single_cat_title('', false)); ?></p>

<?php /* If this is a yearly archive */ } elseif (is_day()) { ?>
<p><?php printf(__('You are currently browsing the <a href="%1$s/">%2$s</a> blog archives for the day %3$s.', 'kubrick'), get_bloginfo('url'), get_bloginfo('name'), get_the_time(__('l, F jS, Y', 'kubrick'))); ?></p>

<?php /* If this is a monthly archive */ } elseif (is_month()) { ?>
<p><?php printf(__('You are currently browsing the <a href="%1$s/">%2$s</a> blog archives for %3$s.', 'kubrick'), get_bloginfo('url'), get_bloginfo('name'), get_the_time(__('F, Y', 'kubrick'))); ?></p>

<?php /* If this is a yearly archive */ } elseif (is_year()) { ?>
<p><?php printf(__('You are currently browsing the <a href="%1$s/">%2$s</a> blog archives for the year %3$s.', 'kubrick'), get_bloginfo('url'), get_bloginfo('name'), get_the_time('Y')); ?></p>

<?php /* If this is a monthly archive */ } elseif (is_search()) { ?>
<p><?php printf(__('You have searched the <a href="%1$s/">%2$s</a> blog archives for <strong>‘%3$s’</strong>. If you are unable to find anything in these search results, you can try one of these links.', 'kubrick'), get_bloginfo('url'), get_bloginfo('name'), wp_specialchars(get_search_query(), true)); ?></p>

<?php /* If this is a monthly archive */ } elseif (isset($_GET['paged']) && !empty($_GET['paged'])) { ?>
<p><?php printf(__('You are currently browsing the <a href="%1$s/">%2$s</a> blog archives.', 'kubrick'), get_bloginfo('url'), get_bloginfo('name')); ?></p>

<?php } ?>

<?php }?>

<ul>
<?php wp_get_archives('type=monthly&title_li='); ?>
</ul>

</div>
</div>

</div>
</div>
<div class="Block">
<div class="Block-cc"></div>
<div class="Block-body">
<div class="BlockHeader">
<div class="header-tag-icon">
<div class="BlockHeader-text">
<?php _e('Links:', 'kubrick'); ?>
</div>
</div>
<div class="l"></div>
<div class="r"><div></div></div>
</div>
<div class="BlockContent">
<div class="BlockContent-body">
<ul>
<?php wp_list_bookmarks('title_li=&categorize=0'); ?>
</ul>
</div>
</div>

</div>
</div>

<?php endif ?>
</div>

dann habe ich es so versucht...

jetzt habe ich nur das
[COLOR=Red]<img src="http://galanaki.eu/blog/wp-content/themes/natalie/images/divider.jpg /> [COLOR=Black]stehen.

den css habe ich entfernt. Wird irgendwie trotzdem nicht angezeigt. :(
Sorry für die Umstände an frühen Morgen.

Oder muss ich einen css definieren? Reicht der eine Eintrag nur in der sidebar.php aus?

Dolle LG Natalie
[/COLOR][/COLOR]

ich habe unter wp_list_categories das [COLOR=Red]<img src="http://galanaki.eu/blog/wp-conten…ges/divider.jpg />[/COLOR] [COLOR=Black]eingetragen wird aber nichts angezeigt. [/COLOR]Bin mit meinem Latein am Ende :mrgreen:

Danke Dir für Deine Mühe

ich habe folgendes versucht:
im CSS

Zitat

[COLOR=Red].header-divider-icon[/COLOR]
{
display:inline-block;
background-image: url('images/divider.png');
background-repeat: no-repeat;
background-position: center center;
margin: 0 0 0 5px;
}

Alles anzeigen

und im sidebar.php

Zitat

<div class="Block">
<div class="Block-cc"></div>
<div class="Block-body">
<div class="BlockHeader">
<div class="header-tag-icon">
[COLOR=Red]<div class="header-divider-icon">[/COLOR]
<div class="BlockHeader-text">

Alles anzeigen

und es klappt immer noch nicht...:cry:

Was mache ich falsch?

Für rettende Tips bin ich sehr Dankbar.

yuhuuuuu ich habe es geschafft!!! :-D:mrgreen::-D

ich musste das im BlockHeader umändern nur.

Vielen lieben Dank für Eure Hilfe

LG Natalie