Hallo Gemeinde,
nachdem ich diese Frage schon einmal gestellt hatte, allerdings unter einem anderen Post der nichts mit diesem Thema zu tun hatte, möchte ich mein Glück hier nochmals versuchen.
Folgendes Problem : Ich möchte gerne anstatt der Punkte ( wie in ScreenShot 1 ) und der Schrift in blau das Ganze gerne so wie in ScreenShot 2. Also das Gif - Bildchen und die Schrift in Rot !
Die Screenshots sind beide von meiner Seite. Der 2. ScreenShot zeigt den Footer meiner Seite. Ich habe auchschon in der CSS - Datei geschaut und den Code rauskopiert, dann in meine Startseite eingefügt. Er haut mir dann allerdings das ganze Design auf den Kopf. Sieht schlimm aus...
Hier mal noch der Code meiner Startseite : ( Neues Template das ich start genannt habe )
<?php
/*
Template Name: start
*/
?>
<?php get_header(); ?>
<?php
if(is_home()) { include (TEMPLATEPATH . '/slider.php'); }
?>
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<!-- post start -->
<div class="post_box" id="post-<?php the_ID(); ?>">
<h3>Der aktuelle Pressespiegel mit den letzten Updates</h3>
<ul><?php get_archives('postbypost', 7); ?>
</ul>
<div class="post_title">
</div>
<div class="post_details">
<?php the_time('d. F Y') ?> | geschrieben von <?php the_author_posts_link(); ?> <?php edit_post_link('edit'); ?>
</div>
<?php if(function_exists('the_ratings')){ ?>
<div class="post_rating">
<?php the_ratings(); ?>
</div>
<?php } ?>
<div class="post_content">
<?php the_content('READ THE FULL ARTICLE >>'); ?>
</div>
<?php include (TEMPLATEPATH . '/post_footer.php'); ?>
</div>
<!-- post end -->
<?php if(is_single()) { include (TEMPLATEPATH . '/post_info.php'); } ?>
<?php if(is_single()) { comments_template(); } ?>
<?php endwhile; ?>
<?php include (TEMPLATEPATH . '/paginate.php'); ?>
<?php else: ?>
<div class="post_message">Entschuldigung, der Eintrag den du suchst wurde gelöscht.</div>
<?php endif; ?>
<?php get_sidebar(); ?>
<?php get_footer(); ?>
Alles anzeigen
Und hier der Code meiner footer.php in der auch der untere Teil mit den aktuellen News und Kategorien eingefügt ist.
<div id="footer">
<div id="footer_content">
<div class="footer_box">
<h3>Die letzen Kommentare</h3>
<ul>
<?php
$sql = "SELECT * FROM $wpdb->comments LEFT OUTER JOIN $wpdb->posts ON ($wpdb->comments.comment_post_ID = $wpdb->posts.ID) WHERE comment_approved = '1' AND comment_type = '' ORDER BY comment_date DESC LIMIT 0 , 7";
$comments = $wpdb->get_results($sql);
foreach ($comments as $comment) {
$data = $comment->comment_author . " @ " . $comment->post_title;
echo "<li><a href=\"" . get_permalink($comment->comment_post_ID) . "\">" . substr($data,0,40) . " ...</a></li>";
}
?>
</ul></div><div class="footer_box">
<h3>Seiten</h3>
<ul>
<?php wp_list_pages('title_li='); ?>
</ul></div><div class="footer_box">
<h3>Neue Einträge</h3>
<ul><?php get_archives('postbypost', 7); ?>
</ul>
</div>
</div>
<div id="footer_credit">
Copyright © <?php echo date('Y');
?>
<a href="[URL="http://www.**********.de/"][COLOR=#0000ff]http://www.**********.de[/COLOR][/URL]" >| [URL="http://www.*************.de/"][COLOR=#0000ff]www.*************.de[/COLOR][/URL] |</a> Design & Realisation : *********** - Alle Rechte vorbehalten ! | Powered by WordPress.</a>
</div>
</div>
<div id="back_bottom"></div>
</div>
</body>
</html>
Alles anzeigen
In der STYLE.CSS steht folgendes im Abschnitt FOOTER ( Interessant ist der Abschnitt footer_content ul li a da dort der Hinweis auf die GIF - Datei zu finden ist... ) :
/* footer */
#footer {
padding: 7px 4px 7px 3px;
margin: 0px;
position: relative;
float: left;
width: 978px;
min-height: 20px;
background-image:url(images/back_center.png);
background-repeat:repeat-y;
}
#footer_content {
float:left;
width: 935px;
margin: 0px 19px 0px 17px;
padding: 7px 0px 20px 7px;
border: 1px solid #E6E6E6;
background: url(images/grad2.gif) repeat-x bottom #FFFFFF;
-moz-border-radius: 5px;
border-radius: 5px;
min-height: 200px;
}
#footer_content a {
color:#7e1111;
text-decoration:none;
font-weight: bold;
}
#footer_content a:hover {
color:#FF5604;
text-decoration:none;
}
#footer_content .footer_box {
float:left;
width: 310px;
}
#footer_content h3 {
display: block;
background-image:url(images/sidebar_header_red.png);
background-repeat:no-repeat;
height: 29px;
margin: 5px 0px 0px 0px;
padding: 6px 15px 5px 15px;
font-size: 13px;
color: #FFFFFF;
}
#footer_content ul {
padding: 0px 12px 5px 10px;
margin: 0;
list-style: none;
}
#footer_content ul li {
padding: 0 0 1px;
margin: 0;
background: url(images/hdot.gif) repeat-x bottom;
}
#footer_content ul li a {
display: block;
padding: 5px 5px 5px 15px;
background: url(images/icon-pages_green.gif) no-repeat left;
}
#footer_content ul li a:hover, #footer_content ul li a:active, #footer_content ul li a:focus {
background: url(images/icon-pages_green.gif) no-repeat left;
}
#footer_credit {
float:left;
width: 935px;
margin: 10px 19px 0px 17px;
padding: 7px 0px 0px 7px;
text-align: center;
font-size: 11px;
}
Alles anzeigen
Hat jemand dafür noch eine Lösung ?
Hier mal die Screenshots zum besseren verstehen :
http://www.heidstocker.de/Bild 1.png
http://www.heidstocker.de/Bild 2.png
