新スタイルシート暇だったのでいじってみようと思ったのが運のつきでしたw
けっこう複雑wでもやりだしたら止まらなくなっちゃったw
今回やったのは
ヘッターの画像設置
スタイルシート→詳細編集→ページの基本→ヘッダー領域(div#BodyBlockHeader)
のタグに
height:270px;
overflow:hidden;
float:left;
background-color:#333333;
background-image:url(ここに画像のURLを貼り付ける);
display:block;
ヘッターの画像は950px×290px
なので1枚の画像をこのサイズにするのは大変なので3枚の画像を結合させてサイズ合わせました。使ったツールは
jointogetherってツールで3枚の画像を縦290pxに合わせて横を3つ足して950pxになる様に編集してヘッターに表示するようにしてみました。
アクセスカウンター設置
スタイルシート→詳細編集→ページの基本→ヘッダータイトル(div#BodyBlockHeader h2)のタグに
padding:30px 0px 0px 0px;
background-image:url("ここにアクセスカウンターのUrlを貼り付ける");
background-position:right 10px;
background-repeat:no-repeat;
上のタグを追加してURLを貼り付けます。
アクセス解析
スタイルシート→詳細編集→タブ→タブ(ul#MainNav li.nav)のタグに
width:100%;
list-style-type:none;
margin:10px 0;
padding:0px;
clear:both;
height:50px;
float:left;
background:url("ここにアクセス解析のUrlを貼り付ける");
background-image:url("ここにアクセス解析のUrlを貼り付ける");
background-position:bottom left;
background-repeat:no-repeat;
上のタグを追加してURLを貼り付けます。
アクセスカウンターとアクセス解析は
~X SHINOBI.JP 卍~等でURL入手してください。登録利用料は無料ですよ。
背景へ画像設置
スタイルシート→詳細編集→ページの基本→ユーザー領域(div#MinkaraBody)のタグに
overflow:hidden;
display:block;
clear:both;
background-color:#000000;
color:#cccccc;
background-image:url(背景の画像のURLを貼り付ける);
background-repeat:repet;
background-position:center center;
background-attachment:fixed;
background-position:center center;
このタグは画像を連続して貼り付けるのに使います。
消すと1枚の画像になります。画像のサイズを調整すると無限に敷き詰められますが全体画面の3分の1位の画像が丁度良いのではないかと思います。
background-attachment:fixed;
このタグは背景の画像を固定する物です。
これだけ変えるのに調べたりしてたら6時間かかりましたw
まぁカスタマイズはこれ以上やったらみずらくなるのでこの位でやめておきます。
何シテル?のフッターにあるツールはやったら出来たけどやり方忘れましたww
前のスタイルシート苦労したけど今度のも厄介でしたw
みんカラセキュ甘いからアクセス解析は使えるツールだと思いますよ~。
あ~目が痛いので寝ますw
Posted at 2009/04/29 00:30:14 | |
トラックバック(0) |
雑事 | パソコン/インターネット