FC2ブログのテンプレート工房

カスタマイズが簡単な共有テンプレートを配布しています。テンプレートをカスタマイズして自分だけのオリジナルブログを作りませんか?

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
[ --/--/-- --:-- ] スポンサー広告 | TB(-) | CM(-)

リンク画像の枠を変える

リンクに設定した画像には枠がつきます。
この枠をカスタマイズする方法を紹介します。


スタイルシートの末尾に次の記述を追加してください。

a img {
border-top: #999999 1px solid;
border-right: #999999 1px solid;
border-left: #999999 1px solid;
border-bottom: #999999 1px solid;
}



四辺ある枠の一つ一つを個別に設定できます。
上記の場合、上から上辺、右辺、左辺、下辺の順でを設定しています。

形はsolid(実線)の他にdotted(点線)、dashed(粗い点線)、double(二重線)、groove(谷線)、ridge(山線)、inset(内線)、outset(外線)等があります。

枠を消したい場合は次の記述をスタイルシートの末尾に追加してください。

a img {
border:none;
}



【関連記事】
関連記事
[ 3396 ]
http://10plate.blog44.fc2.com/blog-entry-112.html#comment_list

↑の方法でフリーエリアを作ろうと思ったのですが、横幅がプラグイン3のサイズではなく、全体のサイズになってしまいます。
どうすればいいのでしょうか?
[ 2008/06/12 20:18 ] [ 編集 ]
[ 3402 ] > ZENOさん
記事に追記しておきましたのでこちらを参考にしてください。

ページ下部(フッター上部)にフリースペースを設ける
http://10plate.blog44.fc2.com/blog-entry-112.html
[ 2008/06/15 20:34 ] [ 編集 ]
[ 3405 ]
ありがとうございます。
ちゃんと表示できました。
[ 2008/06/16 20:03 ] [ 編集 ]
[ 3680 ]
記事やコメントの
文字を中央寄せするには
どうすればいいのですか?
[ 2009/02/20 21:55 ] [ 編集 ]
[ 7284 ]
いつもお世話になっております。

この記事の中にあるグレーの部分を自分のブログでもやりたいと持っております。
どこの記事を見ればその方法が記載されているのでしょうか。

よろしくお願いします。
[ 2009/12/05 11:18 ] [ 編集 ]
[ 7285 ] >ペンシルさん
【引用部分(blockquote)のデザインを変える】
http://10plate.blog44.fc2.com/blog-entry-102.html

FC2ブログのテンプレート工房様が配布されているテンプレートなら最初から実装されていますが、他の製作者様のものでも有効です。
[ 2009/12/05 11:27 ] [ 編集 ]
[ 7286 ] ちゃんさんへ
ありがとうございます。
最初からついている機能だったんですね。

たいへん恥ずかしい質問でした…。

[ 2009/12/05 12:06 ] [ 編集 ]
[ 7299 ] > ペンシルさん、ちゃんさん
> ペンシルさん
ちゃんさんのおかげで解決できましたね^^

> ちゃんさん
いつも助けてくれてありがとうございます^^
[ 2009/12/05 22:48 ] [ 編集 ]
[ 8580 ]
マウスを画像に乗せたときにだけ枠を表示させるにはどうすればいいのでしょうか?
[ 2010/03/02 22:38 ] [ 編集 ]
コメントの投稿









管理者にだけ表示
※現在カスタマイズに関するサポートを休止中です。
表示が崩れる場合は表示が崩れる原因の調査手順をお試しください。
その他の問題はFC2ユーザーフォーラムにお問い合わせください。
トラックバック
この記事のトラックバックURL

ブログ内検索1
プロフィール

Author:いたお
更新は非常にマイペースです
現在休止中です

当サイトはリンクフリーです。

いたおの他の運営サイト
カレンダー
08 | 2016/09 | 10
- - - - 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 -
なんでもスクロール
このように
縦に長く伸びた
プラグインを
スクロールバーによって
一定の長さに
抑えることが
出来ます。

※スクロールさせる文字やプラグインのHTMLをここに
今日の日付入りカレンダー

08 | 2016/09 | 10
- - - - 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 -
ユーザータグ


△ ページトップへ戻る
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。