スポンサーサイト

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

横幅を1100pxにして、サイドバーを左にずらす、メイン記事を広げるには

>画像を800pixぐらいのサイズでアップしたいのですが、
>横幅を広げる事が出来ません。
>それと、サイドバーをもう少し左に移動したいと思います。
とのご要望にお応えします。

kpt_star01のテンプレは横幅1000pxとなっていますが、
それを1100pxに広げ、メイン記事が多少はみ出ても表示されるように変更してみます。

css編集画面の、

/* Layout
------------------------------------------------------------ */

div#container {
width: 1100px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

div#header {
width: 1000px;height: 236px;
background-image: url("http://blog-imgs-44.fc2.com/k/o/p/kopantsblog/kpt_star01_header01c.gif");
background-repeat: no-repeat;
text-align: center;
margin-left: auto;
margin-right: auto;

text-align: center;margin-bottom: 20px;

}

div#main {
float: right;
width:800px;
padding-right: 30px;
}

と書き換える/加える。

/* Main Contents
------------------------------------------------------------ */

div.content {
margin-bottom: 50px;
text-align: left;
width: 700px;
line-height: 1.5;
}

と書き換える。
(overflow:hidden;を削除する)

testttt.jpg
この画像は800px幅です。

ちなみに、1000px以上の幅になりますと、パソコンによっては横スクロールが表示されることがあります。
1000pxのままで画像だけははみ出して表示したい、というときはMain Contentsのoverflow:hidden;を削除するだけにしてください。
関連記事

コメント

Re: No title

鍵コメ様

変更できてよかったです♪
Secre

カテゴリ
プロフィール

素材屋kopants

Author:素材屋kopants
テンプレ作ってます。お花のデザインが多めかも。
かなーり気まぐれに製作中(^^ゞ
期待しないで待っててね♪

頂いたコメントはリコメしてませんが、すべて有難く読ませていただいています(^^)
カスタマイズの質問にはお答えできません_(._.)_

最新記事
最新コメント
最新トラックバック
月別アーカイブ
カレンダー
07 | 2017/08 | 09
- - 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 31 - -
検索フォーム
RSSリンクの表示
リンク
QRコード
QRコード
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。