人気ブログランキング | 話題のタグを見る
Top | RSS
 ■Category⇒   Site top  Norman  Movie  Music  Diary  Diet  Skin  Actor  Other

移転しました!こちらへどうぞ♪

2006年 04月 10日
スキン配布 == Norman Reedus ==
この間まで自分で使っていたスキンです。カスタマイズはご自由にどうぞ♪

   >> preview Norman Blue スキン

上部の背景画像のサイズは、800*204です。class id 、topのCSSで変更できますのでお好みの画像に変えてください。「おまいのソース、ここがへんやろ!」と思ったらやさしくご指摘くださいw
お気に召していただけたら、お持ち帰りくださいまし。↓
スキン編集
スキン配布 == Norman Reedus == _d0064720_1851227.jpg




2列:左側メニュー用でございます。

■全体のHTML  赤い部分は編集が必要です。不要な場合は赤い部分を全て削除してください。
<div id="top">
<div class="URL"> <$adminmenu type=2$>| <A HREF="http://www.exblog.jp/center/my_valley.asp"> RSS </A>
</div><div class="HEADER"><$header$></div>
<div class="URL"><$blogurl$></div>
<div class="box"><span class="bo"><font color="#ffffff" text vlign="top">category⇒</font> <a href="あなたのブログのURL" class="bo" target="_self">TOP</a></span>
<span class="bo"><a href="カテゴリーのURL" class="bo" target="_self">カテゴリーのタイトル</a> <span class="bo"><a href="カテゴリーのURL" class="bo" target="_self">カテゴリーのタイトル</a></span> <span class="bo"><a href="カテゴリーのURL" class="bo" target="_self">カテゴリーのタイトル</a></span> <span class="bo"><a href="カテゴリーのURL" class="bo" target="_self">カテゴリーのタイトル</a></span> <span class="bo"><a href="カテゴリーのURL" class="bo" target="_self">カテゴリーのタイトル</a></span> <span class="bo"><a href="カテゴリーのURL" class="bo" target="_self">Skin</a></span></div>

<div class="top2">
<table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="bottom">
</td> </tr>
</table></div>
</div>
<div id="main">
<table border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td width="200" align="left">
<div id="left">
<div class="PROFILE">
<$logoimage type=1$>
<div class="profile_body"><$description$></div>
<div class="nick"> <$nick$></div>
</div>
<div class="MN">
<$menuleft$><div class="MNTTL"><b>スキなタイトル</b></div>
<div class="mnbody">ここにスキなリンクやテキストを入れられます。不要な場合はこのDIVを削除してください。</div>
<div class="XML"><$banner type=1$><$xml$>design by <a href="http://pjam.exblog.jp/">peach-j</a></div></div>
</div>
</td>
<td width="550">
<div id="center"><br>
<$post$>
<div class="pagenext">
<span class="pagenext2"><$prepage type=1$></span> <span class="pagenext2"><$nextpage type=1$></span></div>
</div>
</td>
</tr>
</table></div>
<div id="foot"></div>


■本文のHTML
<div class="POST">
<div class="POST_HEAD">
<DIV class="POST_TTL"><table border="0" cellpadding="0" cellspacing="0" width="535px">
<tr><td width="80%"><$postsubject$></td>
<td width="20%" align="right"><$postadmin type=1$></td></tr>
</table></DIV>
</div>
<div class="POST_BODY">
<$postcont$>
</div>
<div class="POST_TAIL" align="right"><$posttail$></div>
<$cmtjs$>
</div>


■サイドバーのHTML
<div class="MNTTL"><$mntitle$></div>
<div class="mnbody"><$mnbody$></div>


■CSS
BODY { background-image: url(http://pds.exblog.jp/pds/1/200604/27/20/shade2.gif);
background-repeat: repeat-y;BACKGROUND-color: #f0f0f0;
background-position: top center; MARGIN : 0PX;PADDING : 0PX;}
BODY,DIV,LI { color: #555; font-size: small; line-height: 130%; font-family: century gothic,SANS-SERIF,"ヒラギノ角ゴ Pro W3", Osaka, ARIAL ;word-break:break-all;}

TEXTAREA.TXTFLD { height:10em; }

.MN table,tr,td{line-height:100%;height:2px;}

A:LINK { color: #336699; text-decoration: none }
A:VISITED { color: #336699; text-decoration: none }
A:ACTIVE { color: #191970; text-decoration: none }
A:HOVER { color: #191970; text-decoration: underline }

#top { background: url(http://pds.exblog.jp/pds/1/200604/28/65/travis.jpg) no-repeat; text-align: center; margin-right: auto; margin-left: auto; width: 800px; height: 204px;}

#foot { background: url() no-repeat; text-align: center; margin-right: auto; margin-left: auto; width: 800px; height: 50px; background-color:#ffffff; }

#main { background-color: #ffffff; text-align: center; margin-right: auto; margin-left: auto; padding-top: 6px; width: 800px;}
#center { text-align: left; padding-right: 15px; padding-left: 15px }
#left { text-align: left; margin-left: 15px; width: 180px }

.pagenext { text-align: center; margin-bottom: 10px; margin-top : 0px ; }
.pagenext2 { margin-right: 30px; margin-left: 30px }

DIV.HEADER { font: bold 20px/100% "ヒラギノ角ゴ Pro W3", Osaka, ARIAL; text-align: left; padding-top: 70px; padding-right: 14px; padding-left: 400px ;margin-bottom : 20px;height:20px;}

DIV.HEADER A:LINK { color: #fff; text-decoration: none }
DIV.HEADER A:VISITED { color: #fff; text-decoration: none }
DIV.HEADER A:HOVER { color: #a7dff5; text-decoration: none }

DIV.URL{ font: 11px/100% Verdana; text-align: right; padding-top: 10px; padding-right: 5px; padding-left: 340px ;font-weight: bold;}
DIV.URL A:LINK { color: #fff; text-decoration: none }
DIV.URL A:VISITED { color: #fff; text-decoration: none }
DIV.URL A:HOVER { color: #fff; text-decoration: none }
DIV.USERMENU { color: #808080; font: 10px/100% Osaka, Verdana; text-align: right; margin-bottom: 4px; margin-left: 16px; padding-top: 192px }

DIV.USERMENU A:LINK { color: #808080; text-decoration: none }
DIV.USERMENU A:VISITED { color: #808080; text-decoration: none }
DIV.USERMENU A:HOVER { color: #f90; text-decoration: underline }

DIV.PROFILE { text-align: center; width: 185px; overflow: hidden; margin-top: 5px; }
.profile_body { line-height: 120%; text-align: left; margin-top: 0px; margin-left: 0px }
.nick { color: #808080; font-size: 10px; font-family: century gothic,Verdana; text-align: right; margin-top: -14px; margin-bottom: 0px;}

DIV.MN{ text-align: left ;}
DIV.MNTTL { color: #fff; font-weight: bold; font-size: 11px; background-color:#8da0b6; margin: 10px 0px 2px; padding: 1px ; text-align:center;font-family:century gothic bold; }
img.mnbody {align : center;}
.mnbody { text-align: left ;font-family:century gothic, Verdana; line-height:110%;}
DIV.MEMOBODY { overflow: hidden }

DIV.POST { text-align: left; margin-bottom: 20px; margin-left: 5px; padding-bottom: 15px; }
DIV.POST_HEAD { margin-top: 2px ;}
DIV.POST_DATE { color: #3a74ae; font-size: 11px; font-family:century gothic, SANS-SERIF,"ヒラギノ角ゴ Pro W3", "MS ゴシック", Verdana; margin-bottom: 5px; margin-left: 2px }
DIV.POST_TTL{ color: #666; font: bold 14px, century gothic,"ヒラギノ角ゴ Pro W3", Osaka, ARIAL, SANS-SERIF; padding: 5px 5px; width : 100%;}
DIV.POST_ADMIN { font-size: small; text-align: right }
DIV.POST_BODY { line-height: 130%; margin-bottom: 0px; width: 530px; overflow: hidden; border: solid 1px #c0c0c0; padding: 10px 5px 5px 10px; background-color : #f5f7f8; font-family:century gothic, ;}
DIV.POST_TAIL { font: 10px/150% Verdana; text-align: right; margin-top: 0px; width: 538px }

DIV.COMMENT{ background: url(http://pds.exblog.jp/pds/1/200604/26/20/kittyfuck148sq.jpg) no-repeat;
background-position: right bottom; margin-top: 8px; margin-right: 0px; margin-bottom: 8px; padding: 10px 12px; width: 515px ;}
DIV.COMMENT_BODY { line-height: 130%; margin-bottom: 14px }
DIV.COMMENT_TAIL { color: #4f99d4; font: 10px/150% century gothic,Verdana; margin: 8px 0px 5px; }
DIV.COMMENT_INPUT { margin-top: 10px; padding-top: 10px; width: 500px; }
DIV.COMMENT_LINE { margin: 8px 0px 10px; border-top: 1px dotted #a7dff5 }

DIV.TRACK_TOP { line-height: 150% }
DIV.ARCHIVE_HEAD { font-weight: bold; margin-bottom: 10px }
DIV.ARCHIVE_BODY { line-height: 160%; margin: 20px 0px; padding-bottom: 100px }

IMG.IMAGE_TOP { margin-bottom: 15px }
IMG.IMAGE_LEFT { margin-right: 15px; margin-bottom: 3px }
IMG.IMAGE_RIGHT { margin-bottom: 15px; margin-left: 15px }
IMG.IMAGE_MID { margin-top: 15px; margin-bottom: 3px }
IMG.BOOKMK { margin: 10px; border: 0px }
IMG.USERMENU { margin-left: 8px }
IMG.LOGO { margin :0px ;}


DIV.BANNER { text-align: center; margin: 30px 0px 10px }

.SMALL { font-size: 10px; margin-bottom:1px;color : #A9A9A9}
.DATE { font: bold 10px/150% Verdana }
.TIME { font: 10px/150% Verdana; text-align: left }
.AUTHOR { font: bold 10px Verdana }
.TXTFLD { color: #000; font-size: 12px; background-color: #fff; border: solid 1px #666678;}
.SUBMIT { color: #000; font: 12px/140% }

DIV.CAL_TOP { }
DIV.CAL { text-align: center; margin: 20px 0px; width: 200px }
DIV.CAL_HEAD { font: 10px/150% century gothic,Verdana; background-color:#0c0c0c; text-align: center; margin-bottom: 10px; padding-top: 2px; padding-bottom: 2px; width: 180px }
DIV.CAL_HEAD A:LINK { color: #fff }
DIV.CAL_HEAD A:VISITED { color: #fff }
DIV.CAL_BODY { text-align: center; width: 180px }
DIV.CAL_BOTTOM { }

.CAL { font: 9px/170% Verdana; text-align: center }
.CAL_DAY { font: bold 9px/170% Verdana; text-align: center }
.CAL_SUN { color: #c69; font: bold 9px/170% Verdana; text-align: center }
.CAL_SAT { color: #545fa1; font: bold 9px/170% Verdana; text-align: center }
.CAL_TODAY { color: #808080; font: bold 9px/170% Verdana; background-color: #cce7f5; text-align: center }
.CAL_TR { }

DIV.XML { font: 10px/150% Verdana; text-align: center; }

.box {text-align:right; margin: 0px;margin-bottom:5px;margin-right:10px; margin-top:25px;}
a.bo{color:#fff; text-align: center; margin :0px; padding : 3px; border : 1px #fff solid; width :80px ; height : 15px;font-weight: bold;}
a.bo:hover {text-align: center; margin :0px; padding : 5px; border : 1px #fff solid; width : 50px ; height : 15px; background-color : #87ceeb; color:#ffffff;font-weight: bold;text-decoration:none;}
a.bo:VISITED { color: #fff; text-decoration: none }
.big {color :#B22222; font-size:larger;font-weight: bold;}
.big2{color :#B22222; font-size:x-large; font-weight: bold;}

DIV.MEMOBODY {
WIDTH : 150PX;
OVERFLOW : HIDDEN;
}
テーブルを少なめにして、CSSで位置を揃えていますので数値を変えるとレイアウトが崩れやすいです。IE・Fire Fox・タブブラウザ2種で確認済みですがその他のブラウザ、Macは未確認。崩れてたら教えてもらえるとヒジョーーーに嬉しいです。

■スキン保存用GIF
スキン配布 == Norman Reedus == _d0064720_17565912.gif

コメント欄の背景は、DIV.COMMENTのCSSで変更できます。
記事編集では、 
<span class="big">でっかく</span> と書くとでっかく
<span class="big2>POWER!</span> と書くとPOWER!なります。
by peach-j | 2006-04-10 11:54 | skin |
<< ハマりすぎた!! [最新の記事に戻る] イン・ハー・シューズ >>

Download
タグ
Archive
2006 12 11 8 7
     6 5 4 3 2

2005 8 7 6
Excite Blog

Other Links
毎日せっけん親子
Polka dot movie
4U- for you-
徒然なるままに。



page view
Total
Today
Yesterday

counted since 2006.7.20
その他のジャンル
ファン
記事ランキング
ブログジャンル
画像一覧

プリズン・ブレイク/Johnny Depp/Prison Break/ウェントワース・ミラー/Wentworth Miller/LOST/海外俳優/パイレーツオブカリビアン/ジョニー・デップ/ノーマン・リーダス/Norman Reedus/ノーマンリーダス/画像/ 無料 待ち受け/ 壁紙