「紅葉」スキンをいじくりまわす。

http://www.excite.co.jp/bbs/blog/technic/thread-1020653.html
スキン名「紅葉」の本文記入欄の長さ(横幅)を長くしたいのです


えーと。正直に率直に書きます。やってみるかどうか、迷いました。
これは、私のスキルと質問内容のバランスの問題なんですけどね。
私にとってはけっこう大変な課題だったから。

でも、このスキンを幅広げたらどうなるんだろう、って、まず私が見てみたくなっちゃったんです。だから、つくってみました。
http://www.exblog.jp/blog/blog_preview.asp?eid=a0024690&depth=22&fmt=myskin



でも、次に同等の課題が掲示板で出たときに、ここまでやるか/できるかわかりません。
あの人にあれだけ答えてるのに、アテクシはスルーなのっっていうクレームはナシでお願いしま。>他の方



もうどこを何箇所かえたか、わかんなくなってるので、全文。

「外枠」HTML
<div id="main">
<div class="main_img" align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td width="180">
<DIV CLASS=MN_L><$menuleft$></DIV>
<br/>
<br/>
</td>
<td >
<div class="header_line">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="93">
<tr>
<td rowspan="2" valign="top">
<DIV CLASS=HEADER><$header$></DIV>
<DIV CLASS=URL><$blogurl$></DIV>
</td>
<td align="right" valign="top">
<DIV CLASS=USERMENU><$adminmenu type=1$></DIV>
</td>
</tr>
<tr>
<td align="right" valign="bottom" class="garbolink"><a href="http://woman.excite.co.jp/garbo/"><img src="http://md.exblog.jp/skn/img/a/01/02/4/tr.gif" alt="Woman.excite ガルボ" height="40" width="125" border="0"/></a></td>
</tr>
</table>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td><$post$>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<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/>
<br/>
</td>
<td width="20"/>
<td width="165">
<DIV CLASS=MN_R>
<DIV CLASS=PROFILE>
<CENTER><$logoimage type=1$></CENTER>
<$description$>
<$nick$>
</DIV>
<$calendar type=1$>
<$menuright$>
<$banner type=1$>
<$xml$></DIV>
<br/>
<br/></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</div>


css 「width」関係の設定と「background:#fff;」関係の設定しか変更してません。
紅葉のほかのがお好みでしたら、それをメインに見比べて動かしてみてください^^
/* excite blog garbo skin html */

BODY { background: #faf0e5 url(http://md.exblog.jp/skn/img/a/01/02/4/body_bg3.gif); margin: 0px; padding: 0px }
BODY,TD,DIV,LI { color: #333; font-size: small; line-height: 140%; font-family: Osaka, VERDANA }

A:LINK { color: #f35d40; text-decoration: none }
A:VISITED { color: #f35d40; text-decoration: none }
A:ACTIVE { color: #f48676; text-decoration: none }
A:HOVER { color: #f48676; text-decoration: underline }
#main { background: #fff repeat-y; margin-right: 50px; margin-left: 50px; }
.main_img { background: url(http://md.exblog.jp/skn/img/a/01/02/4/main_img3.jpg) no-repeat }
.header_line { margin-bottom: 12px; border-bottom: 2px solid #f35d40; }
.garbolink { background: url(http://md.exblog.jp/skn/img/a/01/02/4/poweredbygarbo3.gif) no-repeat right bottom }
DIV.HEADER { font: bold large/100% Osaka, "Courier New"; text-align: left; margin-top: 14px ;background:#fff;}
DIV.HEADER A:LINK { color: #333; text-decoration: none }
DIV.HEADER A:VISITED { color: #333; text-decoration: none }
DIV.HEADER A:HOVER { color: #696969; text-decoration: none }

DIV.URL { font: x-small/100% VERDANA; text-align: left; margin: 4px 0px 20px ;background:#fff;}
DIV.USERMENU { font: 8pt/100% Osaka, VERDANA; text-align: right; margin-top: 14px; margin-bottom: 7px }

DIV.USERMENU A:LINK { color: #727272; text-decoration: none }
DIV.USERMENU A:VISITED { color: #727272; text-decoration: none }
DIV.USERMENU A:HOVER { color: #f90; text-decoration: underline }

DIV.PROFILE { line-height: 120%; text-align: left; padding: 0px 0px 8px; width: 150px; overflow: hidden }
DIV.MN_R { text-align: left; margin-left: 5px }
DIV.MNTTL_R { font-weight: bold; text-align: left; margin: 20px 0px 10px; padding: 2px 0px 0px; border-bottom: 1px solid #f35d40; width: 150px }
DIV.MN_L { text-align: left; margin-top: 510px; margin-left: 8px }
DIV.MNTTL_L { font-weight: bold; text-align: left; margin: 20px 0px 10px; padding: 2px 0px 0px; border-bottom: 1px solid #f35d40; width: 150px }
DIV.MEMOBODY { width: 150px; overflow: hidden }

DIV.POST { text-align: left; margin-bottom: 10px; padding-bottom: 30px; border-bottom: 1px solid #d3d3d3 ;}
DIV.POST_HEAD { margin-bottom: 4px; padding-bottom: 3px ;background:#fff;}
DIV.POST_TTL { font: bold medium/130% Osaka }
DIV.POST_ADMIN { text-align: right }
DIV.POST_BODY { line-height: 150%; margin-bottom: 18px; overflow: hidden; background:#fff;}
DIV.POST_TAIL { font: 10px/150% Verdana; text-align: right; margin-top: 6px }

DIV.COMMENT { background-color: #f7f7f7; margin: 20px 0px 4px; padding: 15px 10px; border: solid 1px #d3d3d3 }
DIV.COMMENT_BODY{ MARGIN-BOTTOM : 20PX; LINE-HEIGHT : 130%; }
DIV.COMMENT_TAIL { color: #777; font: 8pt/150% Verdana; margin: 8px 0px 5px }
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; }
IMG.IMAGE_MID{ MARGIN-TOP : 15PX; MARGIN-BOTTOM : 15PX; }
IMG.BOOKMK{ MARGIN : 10PX; BORDER : 0PX; }
IMG.USERMENU{ MARGIN-LEFT : 8PX; }
IMG.LOGO { margin-bottom: 2px }

DIV.BANNER { margin: 50px 0px 10px }

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

DIV.CAL_TOP { }
DIV.CAL { text-align: center; margin: 8px 0px; border-top: 1px solid #f35d40; border-bottom: 1px solid #f35d40; width: 150px }
DIV.CAL_HEAD { font: 8pt/150% VERDANA; text-align: center; margin-bottom: 4px; padding: 4px 0px; border-bottom: 1px dotted #f35d40; width: 150px }
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 { color: #ff6347; font: bold 7pt/170% VERDANA; background-image: url(http://md.exblog.jp/skn/img/a/01/02/4/cal_today3.gif); text-align: center }
.CAL_TR { }

DIV.XML { font: 8pt/150% VERDANA; text-align: center; margin-bottom: 50px }

[PR]
by as-o2 | 2006-10-31 00:21 | eXciteBlog-HowTo | Comments(0)