人気ブログランキング | 話題のタグを見る
多忙なため、コメントへのお返しができなくてごめんなさい。温かいコメントは更新の励みです。どうしても解決できない問題がある...という場合に限っての質問箱を設けましたので、よかったらご利用ください。いつもAnimal Skinを愛用してくださってどうもありがとう~♪
Top
「猫と影」のスキン配布 「Cat shadow1」 by Animal Skin
「猫と影」のスキン配布 「Cat shadow1」 by Animal Skin_f0165338_342243.jpg

プレビューはここをクリック


元のスキンはエキサイト提供の「花」です。
「花」には、絶対必要とも思えない、やたらややこしいタグが並んでいたので、シャドウ枠以外はほぼ全とっかえですっきりさせちゃいましたが。
とってもシンプルなのがお好きな人に♪

トップ画像とボトム画像の入れ替えは自由にできますが...
これ、シャドウ枠がすでに画像の一部に入っちゃってます。
...ので、フォトショなりなんなりで元画像を開け、白い部分内に好きな写真やイラストを貼る方法が簡単です。
画像のレゾリューションが72ではなく96なので、JPG保存の際には気をつけて。^^

元画像はこちらに置いておきます。
トップ画像(824pxl×375pxl):
URLの入れ替え場所はいつもと同じCSSのdiv#base内に。
ボトム画像(824pxl×173pxl)
URLの入れ替え場所はCSS一番下のほうにあるdiv#footerに。

※元スキンである「花」スキンの、画像提供先のサーバーURLが変わってしまっていたようで、「花」スキンから直リンしていたこのスキンにも不具合が出ているとのご指摘をいただきました。
修正しておきましたので、このスキンをお使いのかた、お手数ですがコピペをし直してください。
修正部分はCSS編集内、BODYの中の背景URLです。(5/19/09)






■「メイン」■ 枠の中をすべてコピーしてHTML編集の「メイン」部分に貼ってください。

<a name=pt></a>
<div id="base">
<table border="0" cellpadding="0" cellspacing="0" width="750">
<tr><td height="100"></td></tr>
<tr><td valign="middle">
<div id="head">
<div>
<div class="HEADER"><$header$></div>
<div class="URL"><$blogurl$></div>
<div class="USERMENU"><$adminmenu type=2$></div>
</div>
</div>
<tr><td height="100"></td></tr>
</table>

<table border="0" cellpadding="0" cellspacing="0" align="center" width="750">
<tr><td width="150" valign="top">
<div class="PROFILE">
<div align="center"><$logoimage type=1$></div>
<$description$>
<$nick$>
</div>
<$calendar type=1$>
<div class="MN">
<$menuleft$>
</div>
<$banner type=1$>
<$xml$><p>
<center><font size="1">" Cat shadow1" Skin <br>by <a href="http://animalskin.exblog.jp/" target="_blank"><b>Animal Skin</b></a></div></a></font></center>
</td>
<td width="50"></td>
<td width="500" valign="top">
<$post$>
<table border="0" cellpadding="0" cellspacing="0" width="70%">
<tr><td align="right" width="35%"><$prepage type=1$></td>
<td align="center" width="30%"><a href="#top" target="_self"> | ページトップ | </a></td>
<td align="left" width="35%"><$nextpage type=1$></td></tr>
</table>

</td></tr>
<tr><td colspan="3" height="100"></td></tr>
</table>
</div>
<div id="footer"></div>



■「本文」■ 枠の中をすべてコピーしてHTML編集の「本文」部分に貼ってください。

<div class="POST">
<div class="POST_HEAD">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td width="80%"><$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"><a href=#pt>Top▲</a> | <$posttail$></div>
<$cmtjs$>
</div>



■メニュー■ (一応「メニュー」部分へのコードを貼っておきますが、ここはもともと書いてあるコードでOKです。つまりここは無視しちゃってOK!)

<div class="MNTTL"><$mntitle$></div>
<$mnbody$>




■CSS編集■ 枠の中をすべてコピーして「CSS編集」部分に貼ってください。

/* Cat shadow1 by Animal Skin */


BODY{ background:#FFFFFF url("http://pds.exblog.jp/pds/1/200905/20/38/greyline.jpg") repeat-y center top;
font-family: Arial, Helvetica, sans-serif;
min-width: 824px;; MARGIN : 0PX;PADDING : 0PX; }
BODY,TD,DIV,LI{ FONT-SIZE : SMALL; FONT-FAMILY : VERDANA,ARIAL,SANS-SERIF,; LINE-HEIGHT : 150%; COLOR : #666666; }

A:LINK{ COLOR: #000033; TEXT-DECORATION: NONE; }
A:VISITED{ COLOR: #000033; TEXT-DECORATION: NONE; }
A:ACTIVE{ COLOR: #000033; TEXT-DECORATION: NONE; }
A:HOVER{ COLOR: #2966B8; TEXT-DECORATION: NONE; }


/* base */
div#base {
background:transparent url("http://pds.exblog.jp/pds/1/200806/02/38/background_head06.jpg") no-repeat left top;
margin:0 auto;
overflow:hidden;
width:800px;
padding: 0 12px;
color:#555555;
font-size:small;
}

DIV.HEADER{ FONT : BOLD medium/100% sans-serif; TEXT-ALIGN:LEFT;MARGIN : 50PX 40PX 0PX 60PX;}

DIV.HEADER A:LINK { COLOR: #777777; TEXT-DECORATION: NONE; }
DIV.HEADER A:VISITED { COLOR: #777777; TEXT-DECORATION: NONE; }
DIV.HEADER A:HOVER { COLOR: #000033; TEXT-DECORATION: NONE; }

DIV.URL{ FONT : X-SMALL/100% VERDANA,TAHOMA; MARGIN : 10PX 0PX 20PX; TEXT-ALIGN:LEFT;MARGIN : 20PX 40PX 0PX 60PX;}
DIV.USERMENU{ FONT : 8PT/100% VERDANA; TEXT-ALIGN : LEFT; margin : 20PX 40PX 0PX 60PX; }

DIV.URL A:LINK { COLOR: #2966B8; TEXT-DECORATION: NONE; }
DIV.URL A:VISITED { COLOR: #2966B8; TEXT-DECORATION: NONE; }
DIV.URL A:HOVER { COLOR: #000000; TEXT-DECORATION: NONE; }

DIV.USERMENU A:LINK {COLOR: #000033; TEXT-DECORATION: NONE}
DIV.USERMENU A:VISITED {COLOR: #000033; TEXT-DECORATION: NONE}
DIV.USERMENU A:HOVER {COLOR: #2966B8; TEXT-DECORATION: NONE;}

DIV.PROFILE{ WIDTH : 150PX; PADDING : 0PX 0PX 10PX; LINE-HEIGHT : 130%; OVERFLOW : HIDDEN; TEXT-ALIGN:LEFT;}
DIV.MN{ TEXT-ALIGN:LEFT; }
DIV.MNTTL{ WIDTH : 150PX; BORDER-BOTTOM : 2PX #000033 solid; PADDING : 2PX 0PX 0PX; MARGIN : 25PX 0PX 10PX; }
DIV.MEMOBODY{ WIDTH : 150PX; OVERFLOW : HIDDEN; }

DIV.POST{ MARGIN-BOTTOM : 50PX; TEXT-ALIGN:LEFT;}
DIV.POST_HEAD{ BORDER-BOTTOM : 2PX #000033 solid; MARGIN-BOTTOM : 15PX; PADDING-BOTTOM : 3PX; }
DIV.POST_TTL{ FONT : BOLD 15PT/130%;}
DIV.POST_ADMIN{FONT : x-small/100%; TEXT-ALIGN : RIGHT;}
DIV.POST_BODY{ LINE-HEIGHT : 150%; WIDTH : 500PX; MARGIN-BOTTOM : 30PX; OVERFLOW : HIDDEN; }
DIV.POST_TAIL{ FONT : 11PX/150% TAHOMA; MARGIN-TOP : 10PX; TEXT-ALIGN : RIGHT; }

DIV.COMMENT{ BORDER : 1PX #D3D3D3 SOLID; BACKGROUND : #F7F7F7;PADDING : 15PX;MARGIN : 20PX 0PX; }
DIV.COMMENT_BODY{ MARGIN-BOTTOM : 20PX; LINE-HEIGHT : 130%; }
DIV.COMMENT_TAIL{ MARGIN : 8PX 0PX 5PX; FONT : 8PT/150% TAHOMA; COLOR : #777; }
DIV.COMMENT_INPUT{ MARGIN-TOP : 20PX; BORDER-TOP : 1PX #AAA DOTTED; PADDING-TOP : 20PX; }
DIV.COMMENT_LINE{ BORDER-TOP : 1PX #AAA DOTTED; MARGIN : 10PX 0PX 15PX; }

DIV.TRACK_TOP { LINE-HEIGHT : 170%; }
DIV.ARCHIVE_HEAD { FONT-WEIGHT : BOLD; MARGIN-BOTTOM : 10PX; }
DIV.ARCHIVE_BODY { MARGIN : 20PX 0PX; LINE-HEIGHT : 160%; PADDING-BOTTOM : 100PX; }

IMG.IMAGE_TOP{ MARGIN-BOTTOM : 15PX; }
IMG.IMAGE_LEFT{ MARGIN-RIGHT : 15PX; MARGIN-BOTTOM : 15PX; TEXT-ALIGN:LEFT}
IMG.IMAGE_MID{ MARGIN-TOP : 15PX; MARGIN-BOTTOM : 15PX; }
IMG.BOOKMK{ MARGIN : 10PX; BORDER : 0PX; }
IMG.USERMENU{ MARGIN-LEFT : 8PX; }
IMG.LOGO{ MARGIN-BOTTOM : 10PX; }

DIV.BANNER{ MARGIN : 30PX 0PX 10PX; }

.SMALL{ FONT-SIZE : 11PX; }
.DATE{ FONT : BOLD 8PT/150% TAHOMA; }
.TIME{ FONT : 8PT/150% TAHOMA; TEXT-ALIGN : LEFT; }
.AUTHOR{ FONT : BOLD 8PT TAHOMA; }
.TXTFLD{ FONT-SIZE:9PT;COLOR:#000; BORDER:1PX SOLID #666678; BACKGROUND:#FFF; }
.SUBMIT{ FONT :9PT/140% ;COLOR:#000; }


DIV.CAL_TOP { }
DIV.CAL { MARGIN : 20PX 0PX 20PX; WIDTH : 150PX; TEXT-ALIGN : CENTER;}
DIV.CAL_HEAD { WIDTH : 150PX; FONT : 8PT/150% VERDANA; TEXT-ALIGN : CENTER; PADDING : 4PX 0PX; MARGIN-BOTTOM : 10PX;}
DIV.CAL_BODY { WIDTH : 150PX; TEXT-ALIGN : CENTER;}
DIV.CAL_BOTTOM { }

.CAL{ FONT : 7PT/170% VERDANA; TEXT-ALIGN : CENTER; }
.CAL_DAY{ FONT : BOLD 7PT/170% VERDANA; TEXT-ALIGN : CENTER; }
.CAL_SUN{ FONT : BOLD 7PT/170% VERDANA; COLOR : #D36654; TEXT-ALIGN : CENTER;}
.CAL_SAT{ FONT : BOLD 7PT/170% VERDANA; COLOR : #3572A1; TEXT-ALIGN : CENTER;}
.CAL_TODAY{ FONT : BOLD 7PT/170% VERDANA; BACKGROUND : #CEDEF4; COLOR : #444444; TEXT-ALIGN : CENTER; }
.CAL_TR { }

DIV.XML { FONT : 8PT/150% VERDANA; TEXT-ALIGN : CENTER; }

/* footer */
div#footer {
background: transparent url("http://pds.exblog.jp/pds/1/200806/04/38/background_foot06.jpg") no-repeat bottom center;
height: 173px;
}

TEXTAREA.TXTFLD {height:10em;}/*コメント入力欄を広く*/


Top▲ | by mari_ca by animal_skin | 2008-06-04 03:42 | 犬・猫
<< 「青と白のシンプル2色」スキン... | ページトップ | 「フィルムモチーフ」のスキン配... >>
↓質問はこちらへ↓