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

ブログをなおす方法教えてください。 お礼あります スキンの中に記事...

ブログをなおす方法教えてください。

お礼あります スキンの中に記事いれてるんですけど


すこしいじったらおかしくなってしまいました。


タグは

.skinFrame2{
position:relative;
width:800px !important;/*スキンの横幅*/
height:680px;/*スキンの縦幅*/
margin:auto;
margin-top:5px;/*上の広告との間の隙間*/
background-image:url( http://stat.blogskin.ameba.jp/blogskin_images/20120114/10/4a/3e/j/o08000663sizuka-3221326502927557.jpg);/*スキンの画像URL*/
border:100px ▲ # http://stat.blogskin.ameba.jp/blogskin_images/20120114/10/4a/3e/j/o08000663sizuka-3221326502927557.jpg;/*スキンの周りの枠の太さ 種類 色*/
}
.skinMainArea{
width:430px !important;/*記事部分の横幅*/
height:300px;/*記事部分の縦幅*/
overflow:auto;
position:absolute;
left:220px;/*記事の左からの位置*/
top:250px;/*記事の上からの位置*/
overflow-x:hidden;
}
.skinArticle{
background-color:transparent;
border:300;
}
.skinSubA{
width:200px !important;/*広告サイドバーの横幅*/
height:300px;/*広告サイドバーの縦幅*/
overflow:auto;
border:100px ▲ # http://stat.blogskin.ameba.jp/blogskin_images/20120114/10/4a/3e/j/o08000663sizuka-3221326502927557.jpg;/*広告サイドバーの枠の太さ 種類 色*/
background-color:# http://stat.blogskin.ameba.jp/blogskin_images/20120114/10/4a/3e/j/o08000663sizuka-3221326502927557.jpg;/*背景色*/
position:absolute;
left:40px;/*広告サイドバーの左からの位置*/
top:40px;/*広告サイドバーの上からの位置*/
}
.skinSubB{
width:100!important;
}
.skinContentsArea{
width:100px;
}

をつかっています。

フリースペースはいつもでてこなくて困っていたんですけど

いきなりひらいてみたら、ええ?!

みたいになってました。
真ん中にでていてよくわからなくなりましたw
わかる方お願いします。
フリースペースは設定されています。
みにyoutubeを2つつけかえたらなってしまいました。
CSSもいじりました。

お願いします

助けてくれる方


お礼します。

http://ameblo.jp/sizuka-322/
Yahoo!知恵袋 4605日前
コメントする
お気に入り
1
質問者が選んだベストソリューション
skinSubAの指定がおかしい気がする。

ひとまずskinSubAのleftとtopの値を0にしてみよう。

skinSubBはこうしてみよう。
.skinSubB{
width:100!important;
position:absolute;
top:300px;
}

これで壊滅的な状態は脱する可能性が高いんじゃないかな。
他にもおかしそうな点はあるけどまず実害のある部分を直すべき。
こういうときは、壊れる前の状態に戻すのが原則だと思うけどね。

この説明で分からなければCSSを勉強してから再挑戦がいいと思う。


各部分をどう配置したいかを明確にしよう。
そうしたらpositionと位置(leftとtop)と大きさ(widthとheight)を決める。
そうやって考えながら配置すればいい…理論上はね。
ただ知識がないと難しいとは思う。がんばって。
Yahoo!知恵袋 4601日前
シェア
 
コメントする
 

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

Share (facebook)
その他の解決方法を知っていますか?
回答する
全般
33
Views
質問者が納得① テーマ別に関しては下記を参照 http://ameblo.jp/new-blue-777/entry-11457557324.html あなたのブログのCSSを見ても、テーマ別のCSSは見当たりません。 例 .skinArticle.themeNumberテーマ番号 .skinArticleHeader{ /* タイトル部 */ margin:0 0 0 0; height:260px; width:540px; padding:15px 30px 5px 30px; /* タイトル周辺の余白(↑...
4024日前view33
全般
36
Views
質問者が納得javascript に getElementById('header') とある以上 「旧デザイン」でなければ、当然動作しない。 なんでもかんでも見境なしにコピーしてもダメということ。 「新デザイン」対応のものを探せばよい。 http://ameblo.jp/wazameba/entry-10890601224.html http://ameblo.jp/newcss/entry-11016446668.html
4145日前view36
全般
23
Views
質問者が納得/* リンクエリア */ #header div.nl li a { ここで、padding をつけているからですね。 <li><a style="padding:0" href="http://bijouyasuko.mame2plus.net/cart.jsp?listURL={http://bijouyasuko.mame2plus.net/list.jsp?categoryType=1&amp;categoryName=}">...
4162日前view23
全般
48
Views
質問者が納得元々KlispchのImage X5とX10は壊れやすい事で有名です。 残念ながら、ある程度は覚悟して使わないといけませんね。それ以外は良い機種なんですけど・・・
4358日前view48
全般
43
Views
質問者が納得http://ameblo.jp/css-staff/ 初心者さんならここを見るとわかりやすくて いいとおもいますよ
4502日前view43

取扱説明書・マニュアル

640view
http://mediacdn.shopatron.com/.../ImageX5X10Manual.pdf?1288055769
68 ページ4.24 MB
もっと見る

関連製品のQ&A