電子書籍の厳選無料作品が豊富!

すごく可愛いテンプレを見つけましたが
横幅がせまく画像を載せるのによくはみ出します。

検索して色々と試したのですが、どうもうまく広げることができません。


現在のバージョンv5.1 さんの
giarlspop_locus  と言うテンプレを使用させて頂いてるんですが
幅を広げることは出来ないのでしょうか?
ブログ初心者でさっぱりわかりません、、、、、どなたか教えて下さい><

A 回答 (1件)

html・スタイルシートともに手を加えなければならないという七メンドークサイテンプレートだこと。


<div style="position:relative; width:770px; margin:0 auto;">
<!--タイトルここまで-->
中略
<table width="770" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="550" valign="top">
<!--エントリーここから-->
<!--topentry-->
中略
<table width="500" class="entry_table" border="0" cellpadding="0" cellspacing="0">
中略
<!--ページ移動ここから-->
<!--comment_area-->
<table width="500" border="0" cellspacing="0" cellpadding="0" class="entry_table">
中略
<!--コメント表示ここから-->
<table width="500" class="entry_table" border="0" cellpadding="0" cellspacing="0">
中略
<!--トラックバックここから-->
<!--trackback_area-->

<table width="500" class="entry_table" border="0" cellpadding="0" cellspacing="0">
中略
<!--ナビここから-->
<table width="500" border="0" cellspacing="0" cellpadding="0" class="entry_table">

#layout {
width: 770px;
margin: 0px;
padding: 0px;
padding-right: 0px;
border-left: solid 1px #CFD3E2;
border-right: solid 1px #CFD3E2;
background-image: url(http://blog-imgs-29.fc2.com/0/1/0/010101/gl_labg … /* 770 x 300 */
background-position: center top;
background-repeat: repeat-y; /* -y を削除して repeat とする */
}
#header {
width : 770px;
height : 200px;
margin-top: 0px;
padding-top: 0px;
text-align: left;
}
#main {
width : 500px;
margin: 15px 25px 0px 25px;
padding: 0px;
text-align: left;
color: #666666;
}
.entry_table{
width: 500px;
margin-bottom: 30px;
color: gray;
}
.post_table {
width: 450px;
margin: 0px 60px 30px 40px;
color: gray;
}

これらの 770 や 500 と 450 に「同じ数字」を加える。
    • good
    • 0
この回答へのお礼

ものすごくわかり易く
無事、幅を広げることが出来ました。

ありがとうございました。

お礼日時:2013/07/16 11:43

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!