$header$>
移転しました!こちらへどうぞ♪ 2006年 04月 15日
スキン編集遊びが楽しいです。
しかし、なかなか難しいものですなぁ…見えないテーブルと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; } ←スキン保存用アイコン お好みでどうぞ~♪ POSTの位置が結構低いので、お好みで変更しやすくしてみました。 全体のHTMLのソースの5行目に、<br>がたくさん並んでるので、減らしたり増やしたりしてお好きな位置に調整してくださいな!!
by peach-j
| 2006-04-15 01:06
| 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
その他のジャンル
ファン
記事ランキング
ブログジャンル
画像一覧
|
ファン申請 |
||