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

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

2006年 04月 15日
Franz Ferdinand  スキン配布
スキン編集遊びが楽しいです。
しかし、なかなか難しいものですなぁ…見えないテーブルとCSSが手ごわいです。

んでもって、今日もチマチマとキーを叩いてみたです。途中でイヤになったんで
後で修正するかも~。その時は記事も修正しまふ。

  >> Franz Ferdinand skin preview <<

フランツ仲間さん!よかったら使ってやってください(*´ -`)(´- `*)



細かい説明は、ノーマンスキンの記事に書いてあるので省きます。

B.2列のレイアウト-右側にメニュー

■部分別横幅(pixel) : 本文 600 - ロゴ200 - メニュー 200

全体のHTML
<div align="center"><div class="HEADER"><$header$><div class="URL"><$blogurl$></div></div>

<table border="0" cellpadding="0" cellspacing="0" width="800">
<tr><td width="600" valign="top">
<br><br><br><br><br><br><br><br><br><br><br>
<$post$>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td align="right" width="48%"><$prepage type=1$></td>
<td width="4%"></td>
<td align="left" width="48%"><$nextpage type=1$></td></tr>
</table><br/><br/>
</td>
<td width="20" ></td>
<td width="200" valign="top"align="center"><div class="USERMENU"><$adminmenu type=2$></div>
<div class="PROFILE" align="center">
<$logoimage type=1$></div><$description$><$nick$>
</div>
<$calendar type=1$>
<div class="MN">
<$menuright$>
</div>
<$banner type=1$>
<$xml$>Template by <a href="http://pjam.exblog.jp/">peach-j</a>
</td></tr>
</table>
</div>

本文のHTML
<div class="POST">
<DIV class="POST_HEAD"><table><tr><td width="400px"><$postsubject$></td><td class="POST_ADMIN"><$postadmin type=2$></td></tr></table></div>
<div class="POST_BODY"><$postcont$> </div>
<div class="POST_TAIL" align="right"><$posttail$> </div>
<$cmtjs$> <div class="foot"></div>
</div>

メニューのHTML
<div class="MNTTL"><$mntitle$></div>
<div class="menu"><$mnbody$></div>

CSS
BODY{ MARGIN : 0PX;PADDING : 0PX; background:url(http://pds.exblog.jp/pds/1/200604/14/20/franz.gif) no-repeat #FDE9CE;}
BODY,TD,DIV,LI{ FONT-SIZE : SMALL; FONT-FAMILY : VERDANA,ARIAL,SANS-SERIF; LINE-HEIGHT : 150%; COLOR : #000; }
td {margin:0px; padding:0px;border:0px;}

A:LINK{ COLOR: #000; TEXT-DECORATION: NONE; }
A:VISITED{ COLOR: #000; TEXT-DECORATION: NONE; }
A:ACTIVE{ COLOR: #000; TEXT-DECORATION: NONE; }
A:HOVER{ COLOR: #FF8C00; TEXT-DECORATION: UNDERLINE; }

DIV.HEADER{ FONT : BOLD 36px/100% TAHOMA; TEXT-ALIGN:right;width:800px;padding-top:20px;padding-right:20px; margin-right: auto; margin-left: auto;}

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

DIV.URL{ FONT : X-SMALL/100% VERDANA,TAHOMA; MARGIN : 5PX; TEXT-ALIGN:right; }
DIV.URL A:LINK{COLOR: #fff; TEXT-DECORATION: NONE; }
DIV.URL A:VISITED{COLOR: #fff; TEXT-DECORATION: NONE; }
DIV.HEADER A:HOVER { COLOR: #888; TEXT-DECORATION: NONE; }


DIV.USERMENU{ FONT : 8PT/100% VERDANA; TEXT-ALIGN : center; MARGIN : 10PX; }

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{ width:200px; PADDING : 0PX; LINE-HEIGHT : 130%; TEXT-ALIGN:left;margin-top:10px;}

DIV.MN {width:200px; TEXT-ALIGN:LEFT;margin-left:15px; }
DIV.MNTTL { WIDTH : 180PX; PADDING : 2PX 0PX 0PX 10px; MARGIN : 25PX 0PX 10PX; background:#FF8C00; border-left:10px solid #000;}
DIV.MEMOBODY{ WIDTH : 200PX; OVERFLOW : HIDDEN; }
DIV.menu {width:200px;PADDING : 5PX 5PX 10PX;}
.MN a{line-height:125%;}
.menu a{width 200px;}

DIV.POST{ MARGIN-BOTTOM : 5PX; TEXT-ALIGN:LEFT; width : 600px;margin-top:30px;}

DIV.POST_HEAD{widh:100%; PADDING-top : 20PX;padding-left : 40px; background :url(http://pds.exblog.jp/pds/1/200604/14/20/franz_03.gif) no-repeat; font-weight: bold; font-size:18px;OVERFLOW : HIDDEN;margin:0px;}

DIV.POST_TTL{ FONT : BOLD 15Ppx/130%;width:557px; HEIGHT:43px; PADDING-top : 20PX;padding-left : 40px; background :url( http://pds.exblog.jp/pds/1/200604/14/20/franz_05.gif) no-repeat; font-weight: bold; font-size:13px;OVERFLOW : HIDDEN;margin:0px;}

td.POST_ADMIN{ TEXT-ALIGN : RIGHT;font:11px normal;}

DIV.POST_BODY{ LINE-HEIGHT : 150%; WIDTH : 530PX; MARGIN:0PX; OVERFLOW : HIDDEN; background:url(http://pds.exblog.jp/pds/1/200604/14/20/franz_05.gif) repeat-y; padding-left:30px;padding-right:30px; padding-top:20px;padding-bottom:15px;}

DIV.POST_TAIL{ FONT : 11PX/150% TAHOMA; MARGIN : 0PX; TEXT-ALIGN : RIGHT;WIDTH : 530PX; MARGIN:0PX; OVERFLOW : HIDDEN; background:url(http://pds.exblog.jp/pds/1/200604/14/20/franz_05.gif) repeat-y; padding-left:30px;padding-right:50px;padding-top:10px;padding-bottom:0px;}

DIV.COMMENT {width:530px; margin-top:20px;WIDTH : 530PX; MARGIN:0PX; OVERFLOW : HIDDEN; background:url(http://pds.exblog.jp/pds/1/200604/14/20/franz_05.gif) repeat-y; padding-left:30px;padding-right:50px; padding-top:20px;padding-bottom:15px;}
DIV.COMMENT_BODY{ width:530;MARGIN-BOTTOM : 20PX; LINE-HEIGHT : 130%;OVERFLOW : HIDDEN;}
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; }
.foot {WIDTH : 100%; MARGIN:0PX; background:url(http://pds.exblog.jp/pds/1/200604/14/16/franz_07.gif) no-repeat;height:19px;}


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; }
IMG.IMAGE_MID{ MARGIN-TOP : 15PX; MARGIN-BOTTOM : 15PX; }
IMG.BOOKMK{ MARGIN : 10PX; BORDER : 0PX; }
IMG.USERMENU{ }
IMG.LOGO{ MARGIN: 0PX;border: solid 10px #000;}

DIV.BANNER{ MARGIN : 15PX 0PX 10PX; border:solid 10px #000;padding : 0px; width:150px;}

.SMALL{ FONT-SIZE : 11PX; color :#999;}
.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 : #E3E3E3; COLOR : #3D5586; TEXT-ALIGN : CENTER; }
.CAL_TR { }

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

Franz Ferdinand  スキン配布_d0064720_0235983.gif ←スキン保存用アイコン
お好みでどうぞ~♪

POSTの位置が結構低いので、お好みで変更しやすくしてみました。
全体のHTMLのソースの5行目に、<br>がたくさん並んでるので、減らしたり増やしたりしてお好きな位置に調整してくださいな!!
by peach-j | 2006-04-15 01:06 | skin |
<< えぇぇ!?Richie Kot... [最新の記事に戻る] さて、これは劇場へ行くべきか? >>

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