$header$>
移転しました!こちらへどうぞ♪ 2006年 05月 07日
赤くて本文の横幅が広めのスキンです。
スキン編集 カスタマイズ ▼Preview wide red skin ←スキン保存用GIF プレビューでは、ノーマンの画像ですがカスタマイズ用に写真なしもあります。 2列:右側にメニューです。 ■全体のHTML 赤い文字の部分をカスタマイズor削除してお使いください。 <a name="top"><DIV align="center"padding="0px" margin="0px"> <DIV class="top"> <div class="USERMENU"><$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="カテゴリ1のURL" class="bo" target="_self">カテゴリ名1</a> <span class="bo"><a href="カテゴリ2のURL" class="bo" target="_self">カテゴリ名2</a></span> <span class="bo"><a href="カテゴリ3のURL" class="bo" target="_self">カテゴリ名3</a></span> <span class="bo"><a href="カテゴリ4のURL" class="bo" target="_self">カテゴリ名4</a></span> <span class="bo"><a href="カテゴリ5のURL" class="bo" target="_self">カテゴリ名5</a></span> <span class="bo"><a href="カテゴリ6のURL" class="bo" target="_self">カテゴリ名6</a></span></div> </div> <DIV class="main"valign="top"> <TABLE border="0" width="800px" padding="0px" margin="0px"hight="100%"> <TR> <TD widht="610px" valign="top" align="center"><$post$><div class="pagenext"> <span class="pagenext2"><$prepage type=1$></span><A href="あなたのブログのURL">[最新の記事に戻る]</A> <span class="pagenext2"><$nextpage type=1$></span></div> </TD> <TD width="170px"valign="top"align="center"><div class="PROFILE"> <$logoimage type=1$> <$description$> <$nick$> </div> <$menuright$> <div class="MNTTL">スキなタイトル</div> <div class="mnbody">フリースペース</div> <br><div class="XML"><$xml$>template by <a href="http://pjam.exblog.jp/">peach-j</a></div><a href="http://www.excite.co.jp/"><img src="http://pds.exblog.jp/pds/1/200605/02/20/excite-logo-bg-white.gif" border="0px"></a></div> <div class="bana"><$banner type=1$></div> </TD> </TR> </TBODY> </TABLE> </DIV><div id ="foot"></div> ■本文のHTML <div class="POST" align="center"> <div class="POST_HEAD"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr><td width="80%"><img src="http://pds.exblog.jp/pds/1/200604/28/20/red1.gif" align="top"> <$postsubject$></td> <td width="20%" align="right"><$postadmin type=2$></td></tr> </table> </div> <div class="POST_BODY"> <$postcont$> </div> <div class="POST_TAIL" align="right"><$posttail$> | <a href="#top">▲</a></div> <$cmtjs$> </div> ■メニューのHTML <div class="MNTTL"><$mntitle$></div> <div class="mnbody"><$mnbody$></div> ■CSS 赤い部分を編集するとTOP画像を変更できます。 BODY{ font-family : Verdana; background-image : url(http://pds.exblog.jp/pds/1/200604/27/65/shade2.gif); background-repeat : repeat-y;background-position : top center ; padding: 0px; margin: 0px;} .line{border-bottom: 1px dotted #c33e35;} SELECT{font-size:8pt; font-family:arial;} DIV.TAGS{text-align:right; font-size:8pt;margin-top:10px;} INPUT {color:#c33e35; border-color:#c33e35;background-color:#fff; border:solid 1px;font-size:9pt;} .COMMENT_INPUT td{padding:2px; line-height;150%;align:left;} .MN table,td,tr{line-height:110%;height:2px;font-size:9pt;margin:0px; padding:0px;} BODY,DIV,LI { color: #555; font-size: small; line-height: 130%; font-family: ARIAL, century gothic,SANS-SERIF, ;word-break:break-all;} /* タイトル画像 */ .top{text-align: center; font-family : Verdana; width : 800px; height : 210px; margin-top : 0px; margin-left : 0px; background-image : url(http://pds.exblog.jp/pds/1/200605/07/65/normred01.jpg); background-repeat : no-repeat;} .main{widht : 800px; margin:0px; padding:0px; } TEXTAREA.TXTFLD { height:10em; margin:2px; border:solid 1px #c33e35;} A:LINK { color: #c33e35; text-decoration: none ;} A:VISITED { color: #c33e35; text-decoration: none ;} A:ACTIVE { color: #c33e35; text-decoration: none ;} A:HOVER { color: #333; text-decoration: underline ;} .bana {display : none;} .pagenext { text-align: center; margin-bottom: 10px; margin-top : 0px ; } .pagenext2 { margin-right: 30px; margin-left: 30px ;} DIV.HEADER { font: bold 24px/100% ARIAL; text-align: left; padding-top: 20px; padding-right: 14px; padding-left: 350px ;margin-bottom :15px;} DIV.HEADER A:LINK { color: #c33e35; text-decoration: none ;} DIV.HEADER A:VISITED { color: #c33e35; text-decoration: none ;} DIV.HEADER A:HOVER { color: #c33e35; text-decoration: none ;} DIV.URL{ font: 11px/100% Verdana; text-align: right; margin-top: 10px; padding-right: 5px; padding-left: 340px ;font-weight: bold;} DIV.URL A:LINK { color: #000; text-decoration: none ;} DIV.URL A:VISITED { color: #000; text-decoration: none ;} DIV.URL A:HOVER { color: #000; text-decoration: none ;} DIV.USERMENU { color: #000; font: 10px/100% Verdana; text-align: right; padding:10px; font-weight: bold; } DIV.USERMENU A:LINK { color: #000; text-decoration: none ;} DIV.USERMENU A:VISITED { color: #000; text-decoration: none ;} DIV.USERMENU A:HOVER { color: #000; text-decoration: none;} DIV.PROFILE { text-align: center; width: 150px; 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 ;width:150px; } DIV.MNTTL { width:150px;line-hight:10px;color: #fff; font-size:11px;font-weight: bold; background-color:#c33e35; margin: 0px; padding: 0px ; text-align:center;font-family:century gothic bold; margin-bottom:3px;background-image:url(http://pds.exblog.jp/pds/1/200604/27/65/mnttl1.gif) ;background-repeat : no-repeat;} .mnbody {width:150px; text-align: left ;font-family:century gothic,arial, ; line-height:130%; margin-bottom:5px;font-size:9pt;} DIV.MEMOBODY { margin:0px;padding:0px; overflow: hidden; font-size:small;} DIV.POST { text-align: left; margin-bottom:15px; padding-bottom: 0px; border: 1px solid #c33e35;width:600px;margin-top:25px;margin-left:10px;} DIV.POST_HEAD { margin-top: 2px ; border-bottom: 4px double #c33e35; width:584px;font-size:14px, century gothic; padding :8px; line-height:100%;font-weight: bold; background-image:url(http://pds.exblog.jp/pds/1/200604/28/20/red12.gif);} DIV.POST_DATE { color: #3a74ae; font-size: 11px; font-family:Verdana,century gothic, SANS-SERIF,arial,"ヒラギノ角ゴ Pro W3", "MS ゴシック", ; 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%;border-bottom: 4px solid #c33e35;} DIV.POST_ADMIN { font-size: small; text-align: right ;} DIV.POST_BODY { line-height: 130%; margin-bottom: 0px; width: 580px; overflow: hidden; padding: 10px 5px 5px 10px; font-family:verdana,arial,sans-serif,century gothic, ;} DIV.POST_TAIL { font: 10px/150% Verdana; text-align: right; margin: 0px; width: 590px ; padding:15px 5px 3px 0px;} DIV.COMMENT{ background: url(http://pds.exblog.jp/pds/1/200604/28/20/kitty148sq.jpg) no-repeat; background-position: 95% bottom; margin-top: 8px; margin-right: 0px; padding: 10px 10px 0px 10px; width: 580px ; border-top: 2px dotted #c33e35;} DIV.COMMENT_BODY { line-height: 130%; margin-bottom: 14px ;} DIV.COMMENT_TAIL { color: #333; font: 10px/150% century gothic,Verdana; margin: 8px 0px 0px; } DIV.COMMENT_INPUT { margin-top: 10px; padding-top: 10px; width: 550px; } DIV.COMMENT_LINE { margin: 8px 0px 10px; border-top: 3px dotted #c33e35 ;width:580px;} 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:0px;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 #c33e35;} .SUBMIT { color: #c33e35; font: 10px/140%; border:solid 1px #c33e35; background-color: #fff; } 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; } .kiji {width: 500px; height: 150px; overflow-y: scroll;background-color : #FFFFFF ; border : dotted 1px #999;padding:5px;} .kiji2 {width: 500px; height: 50px; overflow-y: scroll;background-color : #FFFFFF ; border : dotted 1px #999;padding:5px;} .box {font: 12px Verdana;text-align:left; margin: 0px;margin-top: 73px; font-weight: bold; margin-left:60px;} a.bo{color:#fff; text-align: center; margin :0px; padding : 5px;} a.bo:hover {text-align: center; margin :0px; padding : 5px; width : 50px ; height : 15px; background-color : #c33e35; color:#ffffff;text-decoration:none;padding-top:10px;padding-bottom:10px;} A.bo:VISITED { color: #fff; text-decoration: none ;} #foot { background: url() no-repeat; text-align: center; margin-right: auto; margin-left: auto; width: 800px; height: 50px; background-color:#ffffff; } タイトル部分の画像を変えたい場合は、お持ち帰りください。 縮小表示されているので、画像をクリックして原寸大で表示させてから保存してね! ■カスタマイズのポイント タイトル用画像を編集して文字入れをし、タイトルの文字を非表示にしたい場合は 全体のHTML内にある「<$header$>」を削除しCSSの「DIV.HEADER」の部分の 「{margin-bottom :15px;}」を「{margin-bottom :40px;}」に変更してください。 編集した画像は、スキン編集画面の「マイイメージアカウントにイメージ登録」を使ってアップロードしてください。UPできたら、保存されたイメージリストでイメージURLをコピーし CSSの/* タイトル画像 */と書かれた赤い文字の部分にURLを貼り付けてください。 コメント欄の背景画像の変更・削除はCSSの「DIV.COMMENT」内の赤い部分を編集してください。
by peach-j
| 2006-05-07 20: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
その他のジャンル
ファン
記事ランキング
ブログジャンル
画像一覧
|
ファン申請 |
||