Gizport
1 回答
0
Share (facebook)
105
view
全般

アメブロ背景スキン位置について アメブロで背景スキンを使用したのは...

アメブロ背景スキン位置について

アメブロで背景スキンを使用したのはいいのですが、
何故か画像が右寄りに表示されてしまいます。

左に寄せる方法を教えてください。
コイン500枚です。 画像は右に寄った状態の背景スキンです・・・
赤い矢印の方向に動かしたいです。

ちなみに今CSSに入っているタグは
↓です。

できる限りの調整はしてみたのですが
できませんでした。

/* ------------------------------------------------------------ */
/* ■ 背景スキンの絶対配置 */
/* ------------------------------------------------------------ */
#frame{/* ウインドウの大きさを変えても絶対配置の位置を変えない */
position:relative;;
}
/* ------------------------------------------------------------ */
/* ◆ 不要なものを取り除く */
/* ------------------------------------------------------------ */
#sub_b{/* 右サイドバーは右端へ */
position:absolute;/* 絶対配置 */
left:500px;
top:100px;
height:300px;
overflow:auto;
}
#overHeader #userNaviArea{/* ヘッダー上(オーバーヘッダー)を消す */
display:none !important;
}
#header{/* スキンを消す */
display:none;
}
div#footerArea{/* フッターを消す */
display:none;
}
/* ------------------------------------------------------------ */
/* ◆ 各配置設定 */
/* ------------------------------------------------------------ */
#skn01{/* 背景スキン 位置調整 */
position:absolute;/* 絶対配置 */
left:0px;
top:70px;
}
#main{
position:absolute;/* 絶対配置 */
left:0px;
top:150px;
height:250px;
overflow:auto;
width:200px;

}
.entry,#comment_module,#message{
width:180px;
margin-center:auto;/* 位置中央寄せ */
margin-center:auto;/* 位置中央寄せ */
}
#frame,#wrap,#sub_a,#sub_b{
background-color:transparent;
}

/* ------------------------------------------------------------*/
Yahoo!知恵袋 4878日前
コメントする
お気に入り
1
質問者が選んだベストソリューション
● 位置調整は、ブログを見ないと分かりません。

それぞれ、ブログによって、スキン画像や、スキン画像に
置く記事の位置が異なるためです。

下記の★ の部分を変えれば調整ができます。


#skn01{/* 背景スキン 位置調整 */
position:absolute;/* 絶対配置 */
left:0px;/* ★ */
top:70px;
}
#main{
position:absolute;/* 絶対配置 */
left:0px;/* ★ */
top:150px;
height:250px;
overflow:auto;
width:200px;
}


● 左に寄せるのは下記(例です) left や top はマイナス値も使えます。

#skn01{/* 背景スキン 位置調整 */
position:absolute;/* 絶対配置 */
left:-100px;/* ★ */
top:70px;
}
#main{
position:absolute;/* 絶対配置 */
left:-100px;/* ★ */
top:150px;
height:250px;
overflow:auto;
width:200px;
}
Yahoo!知恵袋 4877日前
シェア
 
コメントする
 

参考になったと評価
  このQ&Aは参考になりましたか?

Share (facebook)
その他の解決方法を知っていますか?
回答する
全般
32
Views
質問者が納得× <http://kanmiyayomosugara.blog.fc2.com/" target="_blank">MEMO</a ○ <a href="http://kanmiyayomosugara.blog.fc2.com/" target="_blank">MEMO</a> 上の修正でも画像が表示されない場合は、 <body> <img src="img/m...
3829日前view32
全般
50
Views
質問者が納得詳しい訳ではないのですが…。 GIFのサイズを減らす方法として、 減色するというのがありますが、 いくら減色しても容量が減らない場合があります。 それは絵柄が複雑である場合です。 (減色についてはググってください。) 例えば、100×100pxのGIF画像の場合、 全面黒1色の場合は156バイト、 1ピクセルごとに白黒にした市松模様の場合は286バイトです。 (色数はどちらも#000000と#FFFFFFの2色です。) 私の経験的には、 同じ色が何ピクセルも続くような絵柄はファイル容量が軽くなりますが...
4093日前view50
全般
25
Views
質問者が納得① フリースペースのスキン設定を下記にする( ★は消してください) <img src="ht★tp://stat001.ameba.jp/user_images/20111211/16/maoonepiece/9a/58/p/o0800060011665343717.png" id="skn01"> ② 下記をCSSへ追記 #main{ height:450px; width:320px;; left:450px; top:130px; } #sk...
4613日前view25
全般
36
Views
質問者が納得★ CSS用のスキンはありません。 新しくなったスキンは、CSS編集用デザイン というスキンです。 新しいCSS編集用デザインでは、ベーシックスキンなどの 古いスキンの多くのCSSは使えません。 スキン名を正確に質問に書いてください。 又は、新しいくなったスキンと書いてください。 CSS編集用デザインの場合は下記。 http://ameblo.jp/new-blue-777/theme-10040457668.html ★ ベーシックスキンの場合、あなたのブログを見ないと回答はできません。 多くの...
4746日前view36
全般
56
Views
質問者が納得カスタム以前に、広告を非表示にしているブログを参考にするみたいですが、不正ですのでやめておいたほうが良いです。 アメーバから何言われても知りません。 sub_bがwidth:90px; は広告を表示させようとするとありえません。
4782日前view56

取扱説明書・マニュアル

582view
http://dl.epson.jp/.../4115819_00A.PDF
100 ページ5.24 MB
もっと見る

関連製品のQ&A