Lilialice - テンプレを作ってます

08« 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 »10
--

--

--:--
--
--

No.0

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
06

10

23:23
Thu
2010

No.066

記事部分を広く!

>>記事幅を広くしてカラム幅を狭めたいと思っているものの上手くいきません。。

DLありがとう御座います!
説明しづらいので、例だけですみません!
長くなるので追記で書きます

右のカラムメニューを220pxから40px引いた180pxにして、左の記事カラムの幅に40px足しました
下ので上手く表示されなかったり、的外れな回答だったらすみません!
少しでも参考になればいいのですが

/* エントリーカラム
------------------------------------------------------------ */
.mainbg1 {width: 590px;margin-bottom: 100px;}
.mainbg2 {
width: 590px;clear: both;overflow: hidden;
background-image:url(http://blog-imgs-38.fc2.com/x/x/x/xxxml/hmf_yybor.gif);
background-repeat: no-repeat;
background-position: 580px 0px;
}
.date {clear: both;
float : right;text-align: center;
width : 50px;
font-size: 10px;
color: #484848;
margin-right:7px;
}
.date span {font-weight: bold;}
.day {font-size: 25px;color: #000000;font-family: "Arial Black";margin: 5px;}
.entry {width: 530px;float: left;overflow: hidden;padding: 0px;margin-right: 0px;}
.number {color: #484848;margin: 0px;}
.entry h2 {font-weight: bold;font-size: 14px;margin:0px 0px 10px;}
/* ▼日記内の画像を真ん中表示 */
.entry img {
display: block;
text-align: center;
margin:10px auto 0px;
border:1px solid #000000;
padding: 2px;
}
.emoji{display: inline!important;
text-align: left!important;
margin:0!important;}
/* ▼拍手ボタンを左よりに */
div.fc2_footer img {
display: block;text-align: left;
margin-left: 0px;margin-right: auto;margin-top:10px;
}
/* ▼引用文 */
blockquote {
margin: 10px 0px;
padding: 0.5em;
color: #000000;
border: 0px;
background: url(http://blog-imgs-38.fc2.com/x/x/x/xxxml/hmf_q.gif) #dddddd;
}
.entryfooter1 {
clear: both;
float: right;text-align: center;
font-size: 10px;
color: #484848;
margin-top:10px;
margin-right:7px;
}
.entryfooter2 {overflow: hidden;float: left;width: 510px;margin: 10px 0px 0px;}
#entry-more{padding-top: 24px;}

/* コメント・トラバ
------------------------------------------------------------ */
#COM_ALL,#TB_ALL {
background-image:url(http://blog-imgs-38.fc2.com/x/x/x/xxxml/hmf_yborg.gif);
background-repeat: repeat-y;
background-position: 580px 0px;
width: 600px;
clear: both;overflow: hidden;
padding-top:15px;
color: #484848;
margin-bottom: 100px;
margin-top: -100px;
}
.com_tb {
width: 600px;clear: both;overflow: hidden;
background-image:url(http://blog-imgs-38.fc2.com/x/x/x/xxxml/hmf_yyborg.gif);
background-position: 580px 0px;
background-repeat: no-repeat;
margin-bottom:40px;
}
.com_tb2 {
width: 600px;clear: both;overflow: hidden;
background-image:url(http://blog-imgs-38.fc2.com/x/x/x/xxxml/hmf_yyborg.gif);
background-position: 580px 0px;
background-repeat: no-repeat;
text-align:right;
}
.com_tb3 {margin: 0px 30px 30px;}
#COM_ALL table tr,#COM_ALL table tb{text-align: left;}
#COM_ALL .date,#TB_ALL .date,.edit {color: #484848;margin-right:15px;}
#COM_ALL .day,#TB_ALL .day {color: #484848;}
#COM_ALL .entry img,#TB_ALL .entry img {display: inline!important;text-align: left!important;margin:0!important;}
#COM_ALL h3,#TB_ALL h3 {font-weight: bold;font-size: 14px;margin:0px;}
.tb-url {color: #484848;border:0px;width: 65%;text-align: right;background-color: #ffffff;background-image: url();}
.postform {width: 270px;text-align: left;}
.com_tb_from img{border: 0px;}
#comment {width: 250px;height: 90px;}
#himitu {border-width: 1px;}

/* メニューカラム
------------------------------------------------------------ */
#SECONDARY b {text-transform: capitalize;}
.search,.menubox {margin: 0px 0px 30px;}
.menubox img {border:1px solid #000000;padding: 2px;}
.search input {
color: #848484;border:0px;text-align: left;
background: url() transparent;
}

/* 全体
------------------------------------------------------------ */
div#CENTER {
width: 780px;margin-left: auto;margin-right: auto;text-align: left;
background-image:url(http://blog-imgs-38.fc2.com/x/x/x/xxxml/hmf_ybor.gif);
background-repeat: repeat-y;
background-position: 580px 0px;
height: 100%;
}
div#PRIMARY {float : left;width : 600px;overflow: hidden;}
div#SECONDARY {float : right;width : 180px;overflow: hidden;margin-top:40px;}
div#AD{clear: both;text-align: center;height: 15px;width: 100%;background:#000000;color: #dddddd;}
.pagenavi {text-align :center;margin-bottom: 30px;}

Trackback

10

23

 [No.3 - 09:05 2012]
管理人の承認後に表示されます....
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。