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

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

  • このトピックには5件の返信、2人の参加者があり、最後に みゅぅにより4年、 11ヶ月前に更新されました。
5件の返信スレッドを表示中
  • 投稿者
    投稿
    • #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
      みゅぅ
      ゲスト

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

5件の返信スレッドを表示中
  • トピック「トップページやカテゴリの記事リストに境界線を入れたい」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)