こういうファンタジーな絵っていいですよね～
絵と本文は、べらぼうに関係ございません
この記事では、ブログ自体の横幅の広げ方のご紹介
コチラはオススメの、他の方の記事
↓
http://resonance222.at.webry.info/200503/article_6.html ↑
コチラの方が詳しく、分かりやすく書いてくださっています＾＾
そのまんま、コピペして
１ 編集記事一覧のページの左側の
「 設定 」をクリック
２ 編集記事一覧のページの左側の
「 オプション 」をクリック
３ 右側の欄の
「 ＣＳＳ編集 」をクリック
４ ＣＳＳ編集画面で、コピペで書き換え♪
です＾＾
編集する領域を間違わないようにして
出来ればバックアップをとって、お試しください
ブログの横幅が広がると
写真の幅を、記事編集の時に変えれますし
大きくて見やすくなります
あと、コメント欄も大きく出来るのがいいです＾＾
コチラの方の記事も、とても分かりやすく解説して下さっていますので
どうぞ参考になさって下さいませ＾＾
↓
http://mairis.at.webry.info/200802/article_19.html ややこしい～っと、思われて
この
オッサンのブログと同じでもいいから～っと思われる方は
（れい）
以下、やじるしより下をコピペして、ＣＳＳ編集欄を書き換えてみて下さい
↓↓↓
/*----------------------------------------------*/
/* 共通スタイル */
/* (トップ、月別、テーマ別、記事ページ共通) */
/*----------------------------------------------*/
body{
}
/* コンテナ(広告・フッタを除くメイン領域) */
#container{width:800px;
}
/* カウンタ領域 */
#counter{
}
/* アンカー */
a,
a:link,
a:active,
a:visited,
a:hover{
}
/*-------------- ページフッタ領域 --------------*/
#footer{
}
/* フッタ内のアンカー */
#footer a{
}
/* リンク領域 */
#footer #links{
}
/* ウェブリブログトップへのリンクバナー */
#footer #sbanner img{
}
/*----------------------------------------------*/
/* トップ、月別、テーマ別ページ */
/*----------------------------------------------*/
/*---------------- タイトル(大) ----------------*/
#banner{
/* 包含要素を相対位置指定できるようにします */
background-position:center;
}
/* タイトル領域内のアンカー */
#banner a{
}
/* タイトルテキスト */
#banner h1{
/* タイトル領域内での位置を指定します */
position:absolute;
left:40px;
}
/* ログインボタン */
#banner #login{
/* タイトル領域内での位置を指定します */
}
/*---------------- プロフィール ----------------*/
#profile{
}
/* ラベル(「ブログ名」「自己紹介」) */
#profile dt{
}
/* プロフィールテキスト */
#profile dd{
}
/*------------------ 新着記事 ------------------*/
#contents{width:600px;
}
/* 見出し */
#contents #postlist h2{
}
/* 一覧ヘッダセル */
#contents #postlist th{
}
/* 一覧データセル */
#contents #postlist td{
}
/* 一覧概要表示 */
#contents #postlist blockquote{
}
/* 月別リンク項目 */
#contents #archives li{
}
/*-------------- コンポーネント群 --------------*/
#utilities{
}
/* コンポーネント見出し(共通) */
#utilities h2{
}
/* コンポーネント内リスト(共通) */
#utilities ul{
}
/* ●カレンダー */
#utilities #calendar{
}
/* 年月 */
#utilities #calendar table caption{
}
/* 曜日 */
#utilities #calendar th{
}
/* ●テーマカテゴリ */
#utilities #categories{
}
/* ●アルバム */
/* サムネイル画像 */
#utilities #albums a img{
}
/* ●フリースペース */
#utilities #freespace{
}
/* トラックバック数／コメント数 */
.response{
}
/* 投稿日時 */
.date{
}
/*----------------------------------------------*/
/* 記事ページ */
/*----------------------------------------------*/
/*---------------- タイトル(小) ----------------*/
#subbanner{
/* 包含要素を相対位置指定できるようにします */
}
/* タイトル領域内のアンカー */
#subbanner a{
}
/* タイトルテキスト */
#subbanner h1{
/* タイトル領域内での位置を指定します */
}
/* ログインアンカー */
#subbanner #login{
/* タイトル領域内での位置を指定します */
}
/*-- ブログ(記事＋トラックバック＋コメント) --*/
#blog{width:560px;
}
/* ナビゲーション */
#blog .navi{
}
/* 月別リンク項目 */
#blog #archives li{
}
/*----------------- 記事ヘッダ -----------------*/
#blog-head{
}
/* 記事タイトル */
#blog-head h2{
}
/* トラックバック数／コメント数 */
#blog-head .response{
}
/* 投稿日時 */
#blog-head .date{
}
/* 投稿日時左右のナビゲーション */
#blog-head .date a{
}
/*------------------ 記事本体 ------------------*/
#blog-body{
}
/* アップロード画像 */
#blog-body a img#upload-image{
}
/* タグスタイル再定義(段落) */
#blog-body p{
}
/* タグスタイル再定義(引用) */
#blog-body blockquote{
}
/* タグスタイル再定義(コード) */
#blog-body code{
}
/* タグスタイル再定義(セパレータ) */
#blog-body hr{
}
/*----------------- 記事フッタ -----------------*/
#blog-foot{
}
/* 関連テーマ */
#blog-foot #theme{
}
/* 関連テーマ見出し */
#blog-foot #theme h2{
}
/* テーマレーダボタン */
#blog-foot #theme #rader{
}
/*-------- トラックバック、コメント領域 --------*/
#blog #trackback,
#blog #comment{
}
/* 見出し */
#blog #trackback h2,
#blog #comment h2{
}
/* 見出し補足(トラックバック・コメント件数など) */
.supple{
}
/* 一覧ヘッダセル */
#blog #trackback th,
#blog #comment th{
}
/* 一覧データセル */
#blog #trackback td,
#blog #comment td{
}
/* 一覧概要表示 */
#blog #trackback blockquote{
}
#blog #comment blockquote{
}
/* フォーム ラベル */
#blog #trackback dt,
#blog #comment dt{
}
/* フォーム フィールド */
#blog textarea{
height: 24em;
}
/* コメント欄の幅調整 */
#comment TABLE .cont {
WIDTH: 75%
}
#comment TABLE .sub {
WIDTH: 75%
}
/*----------------------------------------------*/
/* トラックバックＵＲＬ表示ウィンドウ */
/*----------------------------------------------*/
#miniwin{
}
/* メッセージ */
#miniwin .message{
}
#miniwin .notice{
}
/* トラックバックＵＲＬ */
#miniwin .url{
}
/* 閉じるボタン領域 */
#miniwin .buttons{
}
↑↑↑
この矢印の上までをコピペして
１ 編集記事一覧のページの左側の
「 設定 」をクリック
２ 編集記事一覧のページの左側の
「 オプション 」をクリック
３ 右側の欄の
「 ＣＳＳ編集 」をクリック
４ ＣＳＳ編集画面で、コピペで書き換え
５ 設定ボタンをクリック
以上です＾＾
少しでも参考になりますように
