トップページやカテゴリの記事リストに境界線を入れたい

Simplicityの特徴 フォーラム テーマファイルのカスタマイズに関する質問など トップページやカテゴリの記事リストに境界線を入れたい

このトピックには5件の返信が含まれ、2人の参加者がいます。2 年、 8 ヶ月前 みゅぅ さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #15751

    みゅぅ

    わいひらさん、はじめまして。前からずっとWordpressでブログを作ってみたぃなと
    思っていたのですが、難しそうでずっと手が出せませんでした。
    でもこのテーマに出会って初チャレンジが出来ました。ありがとぅございます~!(o*。_。)oペコリ

    ところでこのブログのトップページやカテゴリのページのときに
    サムネイル付でタイトルと抜粋記事、続きを読むなどが並びますが
    その1つ1つの間に、境界線を入れたいのです。いろいろやってみたのですが
    上手くいきません。どの場所をさわれば良いでしょうか?

  • #15755

    がちょぴん

    みゅぅさん

    初めまして。
    明けましておめでとうございます。

    開発用のPCが動かなくなったという事で、
    わいひらさんはご返信遅れると思いますが、
    私の方で頑張ってできる限り対応したいと思います。
    (サイドバーにある「お知らせ」をご確認してみてください)

    下記のCSSタグで境界線が表示される事を、
    デベロッパーツールでご確認できたのですがどうでしょうか?

    div#list .post {
      padding-top: 10px;
      border-top: 1px solid #000;
    }
  • #15778
    わいひら
    わいひら
    キーマスター

    みゅぅさんはじめまして。
    ご利用ありがとうございます。

    こんな感じでもOKかと思います。
    がちょぴんさんのとはトップに出るかボトムに出るかの違いです。

    #main .entry {
        border-bottom: 1px solid #ddd;
        padding-bottom: 15px;
    }
  • #15822

    みゅぅ

    「div#list .post」か「#main .entry」のところに書けば良かったのですね。
    ボトムに欲しかったので、わいひらさんのやり方で書いて無事に境界線が入りました。

    がちょぴんさん、わいひらさん、ありがとぅございました。
    開発用のPCも早く治りますように。。♪

  • #15836

    がちょぴん

    みゅぅさん

    追記忘れておりましたので失礼します。
    自由に変更できるよう下記に解説提示します。
    ご参考いただけましたら大変幸いです。

    border-bottom: 5px dotted #ff0000;
    padding-bottom: 15px;

    「border-bottom」1px部分を2,3に変更すると太さが変わります。
    「solid」部分を「dotted」に変更すると1本線から点線に変わります。
    「#ddd」部分を「#ff0000」に変更すると灰色から赤色に変わります。
    「padding-bottom」の数字を変更すると、余白の調節ができます。

    他のやり方 or 表示方法(線の種類等)に関しましては「HTML リファレンス」といった、
    キーワードで検索しますと、色々とやり方が記載されておりますので一度ご拝見される事勧めます。

  • #17148

    みゅぅ

    がちょぴんさん、今気がつきました!
    詳しく説明してくれていたのですね。ありがとぅございました。(_ _*) ♪

トピック「トップページやカテゴリの記事リストに境界線を入れたい」への新規返信追加は締め切られています。

スポンサーリンク
アドセンス(大)
アドセンス(大)