人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

はてなブックマークのデザインカスタマイズの基本レベルな質問二つお訊きします。

1).
ヘッダメニュー(?)の

1 2 3 次の10件>

この表示のフォントサイズなど変えたいのですが、何というセレクタをいじればいいのでしょうか?

2).
ブックマークリスト内の「詳細」ボタンの紙アイコンと詳細の文字がくっついてて、これらの感覚を空けたいのですが、どこを書き換えればいいのでしょうか。

ものすごく初々しい質問してますが、とりあえずこれを除いて、スタイルシートはもう完成させております。
どうぞよろしくおねがいします。

●質問者: leewei
●カテゴリ:はてなの使い方 コンピュータ
✍キーワード:はてなブックマーク アイコン カスタマイズ サイズ スタイルシート
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● 烏鹿(うろく)
●80ポイント

http://css.g.hatena.ne.jp/keyword/%e3%81%af%e3%81%a6%e3%81%aa%e3...

Hatena::Group::CSS - はてなブックマークの構造

参考URLはcssグループにある「はてなブックマークの構造」です。


ここから考えます。

1)

div.main div.pagerをいぢくってください。


2)

dl.bookmarklist dd dl dt.users span.label{

padding-left: (空けたい大きさ);

}

を設定してください。”詳細”の文字の左を空けるようにしています。

http://b.hatena.ne.jp/crowdeer/

はてなブックマーク - 烏鹿の採ってだし

私のブックマークにて以下の設定を追加してみました。参考になりますかどうか。

div.main div.pager{

font-size: 50pt;

color: #008800;

}

テキストの大きさ:50pt、色:緑


div.main div.pager a{

color: #3dcd3d;

}

A要素の色:黄緑


dl.bookmarklist dd dl dt.users span.label{

padding-left: 50px;

}

”詳細”と紙アイコンの間を50pxに。


デフォルトのcss(設定ー>デザイン編集ー>テーマ”基本テーマ”)ではラベルにあたる所は見えなくしているので、

dl.bookmarklist dd dt span.label,

dl.bookmarklist dd dd a span.label,

dl.bookmarklist dd dt.domain,

dl.bookmarklist dd dt.timestamp {

display: inline;

}

にて(インラインで)見えるようにしています。


(回答公開後でこの回答を目にした方へ:質問者がこの質問を締め切った時に上記設定を削除します。)

◎質問者からの返答

おお、ご丁寧に回答下さりありがとうございました。

さっさとカスタマイズ終わらせたかったので、ずぼらな質問をしてしまいましたが、

助かりました。

12:10に質問を閉め切りたいと思います。

------------------------------------------

無事いぢれました!ありがとうございました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ