リストマークを画像で表示する方法？

  • zen73

    (@zen73)


    11年、 11ヶ月前

    リストマークを画像で表示する方法をお教え願います。
    ＜php＞

    <div id="blglist">
<ul>
<?php
$posts = get_posts('numberposts=5');
global $post;
?>
<?php if($posts): foreach($posts as $post): setup_postdata($post); ?>
<li>
<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
<?php endforeach; endif;?>
</ul>
</div>

    ＜css＞

    #blglist li{
    list-style: none;
    background-image: url(img/blglist.png);
    background-repeat: no-repeat;
    background-position: 0px 3px;
}

    どうぞ，よろしくお願いいたします。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • gqevu6bsiz

    (@gqevu6bsiz)

    11年、 11ヶ月前

    こんにちは。

    リストを画像で表示する方法ですが、記述は合っていると思います。
    ただ、cssの内容をphpに書いているなら、画像までのパスが間違っていると思います。
    ※テンプレート内のimg/という記述でない為。

    • style.cssに上記のcssを記述するならそのままで表示されました
    • index.phpやpost.php等に直接cssを記述するなら、background-imageのurlの値が変わります。
      url(<?php bloginfo('template_directory'); ?>/img/blglist.png);
1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック「リストマークを画像で表示する方法？」には新たに返信することはできません。