質問箱/5125

カテゴリデザイン・CSS・スキン
サマリ脚注とトピックパスのデザインについて
バージョン1.4.7
投稿者ちょろろ?
状態完了
投稿日2013-01-31 (木) 04:41:00

質問

現在作ってるページのデザインの都合でトピックパスの位置を下に 下げようと思ってcssで↓のように書きました。

.small {
    font-size:80%;
    position:relative; top:100px;
}

トピックパスは下に下がってくれてデザイン的によくなったので すが、ついでに脚注の一番下に表示される文章の部分も下がって しまいました。(1*みたいな印は問題ありません。)

この2つを片方ずつ位置の変更をする方法はないでしょうか? どうかよろしくお願いします。

回答

  • デフォルトのpukiwiki.skin.php を使っていると仮定して、<div id="header"> の中にある<span class="small"> と、<div id="note"> の中にある<span class="small"> で条件付けて、CSSを設定 -- 2013-01-31 (木) 15:04:44
  • phpをいじらなければダメでしたか・・・。phpは勉強不足なのでもう少し勉強してから出直してきます。ありがとうございました。 -- ちょろろ? 2013-01-31 (木) 20:45:52
  • デフォルトならskin/pukiwiki.css.php で出来ると思うけど(出力されたHTMLソースを見ればわかるけど↑の<div id="header">とかは最初から埋め込まれてるから)。div#header .small{} とかでheaderというidのdivタグ内の.smallクラスって出来たと思うけど -- 2013-01-31 (木) 21:43:17
  • pukiwiki.css.phpにdiv#header .small{position:relative; top:100px;}を追記したら普通にできました!今まであまり理解せずにやってましたが、回答のおかげで助かりました!丁寧にありがとうございました! -- ちょろろ? 2013-02-01 (金) 20:49:41


トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2013-02-01 (金) 20:55:19
Site admin: PukiWiki Development Team

PukiWiki 1.5.2+ © 2001-2019 PukiWiki Development Team. Powered by PHP 5.6.40-0+deb8u7. HTML convert time: 0.227 sec.

OSDN