**[[質問箱5/125]] [#v7e93df9]
#author("2018-03-11T21:52:05+09:00;2013-02-01T20:55:19+09:00","","")
**[[質問箱/5125]] [#v7e93df9]
|RIGHT:70|LEFT:410|c
|~カテゴリ|デザイン・CSS・スキン|
|~サマリ|脚注とトピックパスのデザインについて|
|~バージョン|1.4.7|
|~投稿者|[[ちょろろ]]|
|~状態|完了|
|~投稿日|&new{2013-01-31 (木) 04:41:00};|
***質問 [#ib5ad20b]
現在作ってるページのデザインの都合でトピックパスの位置を下に
下げようと思ってcssで↓のように書きました。
 .small {
     font-size:80%;
     position:relative; top:100px;
 }
トピックパスは下に下がってくれてデザイン的によくなったので
すが、ついでに脚注の一番下に表示される文章の部分も下がって
しまいました。(1*みたいな印は問題ありません。)

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

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


#comment

トップ   編集 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS
Site admin: PukiWiki Development Team

PukiWiki 1.5.3+ © 2001-2020 PukiWiki Development Team. Powered by PHP 5.6.40-0+deb8u12. HTML convert time: 0.078 sec.

OSDN