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


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

1 2 3 次の10件>

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

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

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

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:
  • 終了:--
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

回答1件)

id:crowdeer No.1

回答回数132ベストアンサー獲得回数1

ポイント80pt

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;

}

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


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

id:leewei

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

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

助かりました。

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

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

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

2005/08/28 12:11:01

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません