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

アメブロを素材屋風にしたいんですが… アメブロで、素材屋風のスキンを...

アメブロを素材屋風にしたいんですが… アメブロで、素材屋風のスキンを使いたいんですけど、
下の画像と記事の部分が合わないんです><

ピンクのとこと記事があえばいいんですけど…
サイズがよく分からなくて・

つけたCSSはこれです
/* ------------------------------------------------------------ */
/* ■ 背景スキンの絶対配置 */
/* ------------------------------------------------------------ */
#frame{/* ウインドウの大きさを変えても絶対配置の位置を変えない */
position:relative;;
}
/* ------------------------------------------------------------ */
/* ◆ 不要なものを取り除く */
/* ------------------------------------------------------------ */
#sub_b{/* 右サイドバーは右端へ */
position:absolute;/* 絶対配置 */
left:900px;
top:100px;
height:300px;
overflow:auto;
}
#overHeader #userNaviArea{/* ヘッダー上(オーバーヘッダー)を消す */
display:none !important;
}
#header{/* スキンを消す */
display:none;
}
div#footerArea{/* フッターを消す */
display:none;
}
/* ------------------------------------------------------------ */
/* ◆ 各配置設定 */
/* ------------------------------------------------------------ */
#skn01{/* 背景スキン 位置調整 */
position:absolute;/* 絶対配置 */
left:70px;
top:100px;
z-index:-10;/* 画像が重なった場合の優先順位を下げる */
}
#main{
position:absolute;/* 絶対配置 */
left:100px;
top:150px;
height:240px;
overflow:auto;
width:200px;

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

/* ------------------------------------------------------------ */




サイズ変えてもらってもいいですか?
Yahoo!知恵袋 4865日前
コメントする
お気に入り
1
質問者が選んだベストソリューション
このちっちゃい画像を幅1000pxに等倍したと仮定して算出した座標なので、誤差があるかもしれません。
あと、実際のソースコードがわからないので、cssについては他のhtmlやcssによって影響されるなどでこの記述だけでは足りないかもしれません。
とりあえず試してみて下さい。

まず、□の左上の座標は画像の左上から算出して、
左:32px、上:62pxぐらいだと思われます。
そして□のサイズは420x420くらいだと思います。

□の中に配置したいのは、#mainと#sub_bという認識でよいでしょうか?
であれば、上に述べた座標の範囲内にそれらが収まるようにレイアウトすればいいわけですが、
書いてあるcssだと#sub_aのwidthが指定されていませんね。
absoluteで配置する場合には特に理由がない限りは指定するべきです。
指定しないと、ボックスの幅が内包するコンテンツに左右されて、レイアウトが崩れてしまう原因になります。

質問と関連しないコードは割愛してありますが、レイアウト指定は以下のようなコードで大体良いと思います。
※widthとheightは収まる範囲で適当に設定したので、お好みで調整して下さい。

/*サンプルcss*/
#main{
position: absolute;
left: 42px;
top: 77px;
width: 220px;
height: 392px;
overflow: auto;
}
#sub_b{
position: absolute;
left: 277px;
top: 77px;
width: 165px;
height: 392px;
overflow: auto;
}

-----------------------------------------------------

えーと・・・・。
このちっちゃい縮小された画像にあわせるわけではないですよね?

実際に使用する背景画像のサイズと、どのあたりにどのボックスを配置したいのかが不明だと、値の設定も不可能です。
Yahoo!知恵袋 4861日前
シェア
 
コメントする
 

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

Share (facebook)
その他の解決方法を知っていますか?
回答する
全般
44
Views
質問者が納得html <div id="hc"> <div id="header"> <h1><a href="<%url>"><%blog_name></a></h1> <div id="description"><h2><%introduction></h2></div> </...
3713日前view44
全般
38
Views
質問者が納得補足ありがとうございます^^ ★まず切り取りの範囲ですが【table {border-collapse: collapse;}】だけ切り取って、共通内は全て消しちゃって下さい。で、【】内のタグを小説機能のHEAD内『<style type="text/css">~</style>』の間に入れ込んで下さい。 ★「する」になっているのでしたら、恐らく行間を空け過ぎてるのだと思われます。HEAD内の「body,td」の中に【line-height:1.5;】とあると...
3779日前view38
全般
26
Views
質問者が納得それをCSSに貼って高さ、幅などを調節するだけです!!!>< 分からなかったらID⇒sakuranbo5-4まで。
4639日前view26
全般
25
Views
質問者が納得指定箇所にURLをコピーしても「flv file not found」になってしまいます。~~~ そのURLをコピーしても多分駄目だろうと思います。 FLVファイルのURLは下です。 http://www.youtube.com/v/jk_Lkvz4cTM?version=3&feature=player_detailpage 1.何処のブログか分かりませんが、サービス(CMS)のブログなら殆どがJavaScriptは使えないだろうと思います。 2.埋め込みコードをコピーしたらどうですか?、フラ...
4635日前view25
全般
44
Views
質問者が納得EPSON Scanのトラブルは多くあるみたいですね。。 チョット現象は違いますが、以下のサイトに改善につながりそうな 情報がありました。 http://blog.iiidea8.com/archives/2008/01/08-224953.php 内容を簡単に書くと ①PCに別アカウントを作成、EPSON Scanをインストール ②問題なく動けば、現在使用中アカウントのEPSON関連のデータが 悪さをしている可能性があるので、関連するアプリケーション、 データ、レジストリを削除 ※レジストリの操作を誤...
4643日前view44

取扱説明書・マニュアル

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

関連製品のQ&A