$header$>
移転しました!こちらへどうぞ♪ 2006年 04月 10日
この間まで自分で使っていたスキンです。カスタマイズはご自由にどうぞ♪
>> preview Norman Blue スキン 上部の背景画像のサイズは、800*204です。class id 、topのCSSで変更できますのでお好みの画像に変えてください。「おまいのソース、ここがへんやろ!」と思ったらやさしくご指摘くださいw お気に召していただけたら、お持ち帰りくださいまし。↓ 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); テーブルを少なめにして、CSSで位置を揃えていますので数値を変えるとレイアウトが崩れやすいです。IE・Fire Fox・タブブラウザ2種で確認済みですがその他のブラウザ、Macは未確認。崩れてたら教えてもらえるとヒジョーーーに嬉しいです。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; } ■スキン保存用GIF コメント欄の背景は、DIV.COMMENTのCSSで変更できます。 記事編集では、 <span class="big">でっかく</span> と書くとでっかく、 <span class="big2>POWER!</span> と書くとPOWER!なります。
by peach-j
| 2006-04-10 11:54
| skin
| ▲
|
$logoimage type=1$>
$description$>
$nick$>
Download
タグ
Movie(59)
Norman(46) Actor(40) 待ち受け(38) Wall paper(34) Diary(19) Video(14) prison break(10) Boondock Saints(9) FUJI ROCK(9) Baton(6) スキン編集(6) 2列:右メニュー(5) 2列:左メニュー(5) Sweets(4) パイレーツ・オブ・カリビアン(4) Other(3) LOST(3) skin list(2) 3列スキン(1) Archive
その他のジャンル
ファン
記事ランキング
ブログジャンル
画像一覧
|
ファン申請 |
||