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

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

2006年 05月 07日
スキン配布 ==wide red skin==
赤くて本文の横幅が広めのスキンです。
スキン編集 カスタマイズ

スキン配布 ==wide red skin==_d0064720_19493537.gif
 ▼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; }

タイトル部分の画像を変えたい場合は、お持ち帰りください。
縮小表示されているので、画像をクリックして原寸大で表示させてから保存してね!
スキン配布 ==wide red skin==_d0064720_2022527.jpg
スキン配布 ==wide red skin==_d0064720_20223566.jpg
スキン配布 ==wide red skin==_d0064720_20224721.gif

■カスタマイズのポイント
タイトル用画像を編集して文字入れをし、タイトルの文字を非表示にしたい場合は
全体の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 |
<< 配布スキン リスト [最新の記事に戻る] スウェー★ニョ >>

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/ノーマンリーダス/画像/ 無料 待ち受け/ 壁紙