タグ編集手順はページの一番下です

2007年07月08日

編集

ん〜これまでヘッダー部分に画像をexclamation
また、それぞれタグの説明をカキコしてきましたが
もう少し判りやすく?どの部分のどこにタグを
入れればいいのか?順番に個別にカキコして行こう
と思います。
アップはボチボチと。。。
「SimpleWhite2」でカキコします。
3カラムでも同じですので
またまた興味のある方だけねわーい(嬉しい顔)


では、まずbodyから
body右これはページ全体を指定します

body {
font-family: Arial, Helvetica, sans-serif; /*フォントの種類*/
margin:0px; /*マージン*/
padding:0px; /*パディング*/
text-align:center; /*センタリング*/
background-color:#FFF; /*背景の色*/
}
a { /*ページ全体のリンク*/
color:#6D6E71; /*リンクの色*/
}
a:hover{ /*リンク部分にマウスが乗った時*/
color:#000; /*マウスが乗った時の色*/
}

まずmarginですが、この場合外側の余白を
上下左右0pxに指定しています。
個別に指定したい場合は
margin:0px 0px; /*上下・左右を指定*/
margin:0px 0px 0px; /*上・左右・下を指定*/
margin:0px 0px 0px 0px; /*上・右・下・左を指定*/
変更するならば margin:10px〜50pxぐらいの指定でしょうか
次にpadding内側の余白です。

ここで背景に画像を使いたい exclamation場合
background-image:url( ); /*このタグを入れる*/
その画像を固定したい場合は
background-attachment : fixed; /*このタグを入れる*/
あと、スクロールバーの色等を変えたい場合もこの
bodyタグの中に入れます。
補足
background-image:url( );
上の( )の中にhttp://〜a-thera.jp/〜です。
( )の中はアセラにアップしてある画像です。

次にリンクです
上記コメント通りですが、リンクしてあるところに
アンダーバーを付けたくないexclamation場合
a{
text-decoration:none; /*下線を消す*/
マウスが乗った時に背景に色を付ける場合
a:hover{
text-decoration:none; /*下線を消す*/
background-color:#ede8ff; /*囲み内部のカラー*/
を付け足しです。

今日はここまでかな?
次回bannerからですがアップは未定わーい(嬉しい顔)

ニックネーム kenny at 11:44| Comment(1) | TrackBack(0) | スタイルシート | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
お久しぶりです!!
何とか今日、ブログデザインを一新出来ましたぴかぴか(新しい)kenny先生のブログをかなり参考にさせていただきましたexclamation×2
ありがとうございましたわーい(嬉しい顔)
Posted by ロビン at 2009年01月08日 22:59
この記事へのトラックバックURL
http://a-thera.com/tb/926201
※言及リンクのないトラックバックは受信されません。

この記事へのトラックバック
作業手順
マイブログ右デザイン右スタイルシート下
サンプルクリックで拡大

スタイルシートを選ぶと、現在使用している
テンプレートの
タイトルが表示されます。下
サンプル1

次に変更したいタイトル名をクリックします。
例として「Still life」を選びました。
サンプル2

上このようにタグが出てきますので
これを全て削除します。下
サンプル3

削除後、Still lifeの記事にあるタグをコピーします
マウスを乗せるだけでコピー可能です。
右クリックでコピー。
サンプル4
先ほど削除したテンプレートに貼り付けます。
貼り付け後、記事内容のように
http://*****.a-thera.jp/*****/*****.jpgのところを
アップされた画像のURLに変更後保存です。
サンプル5