2005年8月 3日 01:09
タグ:
カスタマイズ,
ヤプログ
【ヤプログ:スキンカスタマイズ9】
スタイルシートについて(リンクの挙動)
サンプルには、以下の部分を使ってみますね~。
→ 対応箇所はブログの記事部分(.entry_text)のリンクになります。
→ デフォルトのスタイルシートでは125-150行あたり?
.entry_text A:link {
font-weight: normal;
color: #a52a2a;
text-decoration: none; }
.entry_text A:visited {
font-weight: normal;
color: #a52a2a;
text-decoration: none; }
.entry_text A:active {
font-weight: normal;
color: #a52a2a;
background-color: #c0c0c0;
text-decoration: none; }
.entry_text A:hover {
font-weight: normal;
color: #a52a2a;
background-color: #c0c0c0;
text-decoration: none;}
.entry_textでは通常時のテキスト色
.entry_text A:link (entry_text内での)リンクの色
.entry_text A:visited (entry_text内での)行ったことのあるリンクの色
.entry_text A:active (entry_text内での)アクティブ状態の時のリンクの色
.entry_text A:hover (entry_text内での)リンクの上にカーソルをのせた時の色
の指定をします。
■ リンク時の色を変えたい
■ リンク時の背景色を変えたい
■ リンク時のアンダーラインをなくしたい
■ リンクの上にもラインを付けたい
■ 上下に点線を付けたい
■ どこのA~を変えればいいの?
(下の「続きを読む」を押してから、リンクを押してください;)
■ リンク時の色を変えたい (A)
color: #a52a2aを変更
Aの付いた場所のcolorは、リンク色。
■ リンク時の背景色を変えたい (A)
background-color: #c0c0c0;を変更
■ リンク時のアンダーラインをなくしたい (A)
text-decoration: none;
アンダーライン無し→none
アンダーライン有り→underline
■ 上にもラインを付けたい (A)
text-decoration: underline, overline;
アンダーライン有り、オーバーライン無し→underline
アンダーライン・オーバーライン有り→underline, overline
■ 上下に点線を付けたい (A)
text-decoration: none;
border-top: 1px dotted #d2b48c;
border-bottom:1px dotted #d2b48c;
■ どこのA~を変えればいいの?
「ブログタイトル」
→ .blog_title A:link、.blog_title A:~3箇所
「記事の下、コメントやトラックバックへのリンク」
→ .posted A:link、他.posted A:~3箇所
「サイドバーのテキスト」
→ .side_text A:link、他.side_text A:~3箇所
「カレンダー」
→ .calendar A:link、他.calendar A:~3箇所
「記事の下、前へ | 次へ」
→ .page A:link、他.page A:~3箇所
「アーカイブ表示の時の、« | Main | » 」
→ .prevew A:link、他.prevew A:~3箇所
「ブログ+ヤプース!=ヤプログ! 」
→ .footer A:link、他.footer A:~3箇所
.footer_jp A:link、他.footer_jp A:~3箇所
コメント(0)