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

アメブロ改造についてです。 スキンとメインの間にグローバルメニューを...

アメブロ改造についてです。 スキンとメインの間にグローバルメニューをはさんでみたのですが、グローバルメニューはスキンとメインの間には入らず、記事の上でかぶっています。
どうしたらスキンとメインの間を離すことができますか?
回答よろしくお願いします。

私のは新CCSです。↓

/* その他、拡張があれば記述 */

/* ブログタイトルとブログ説明文を消す */
.skinTitleArea{ /* ブログタイトルを消す */
display:none;
}
.skinDescriptionArea{ /* ブログ説明文を消す */
display:none;
}

/* ヘッダー画像設定 */
#header,.skinHeaderArea{
height:300px;
background-image:url(http://stat.blogskin.ameba.jp/blogskin_images/20120209/20/73/92/j/o05880300sho0125-31041328785614117.jpg);
background-repeat:no-repeat;
background-position:center top;
}

/*フリースペース*/
.freespaceArea{
overflow:auto;
height:500px;/*数字は好みで調整*/
}

/* ------------------------------------------------------- */
/* 記事個別に枠 */
/* ------------------------------------------------------- */
.skinArticle{
border:1px solid #ff3399;/* 枠 solid dashed dotted double groove ridge inset outset */
width:470px !important;/* 幅を調整してください */
}

/*広告があるほうのサイドバー*/
.skinSubA{
width:300px !important;/*横幅*/
height:550px;/*縦幅*/
overflow:auto;
border:1px solid #ff3399;/*枠の太さ 種類 色*/
background-color:#ffffff;/*背景色*/
}
/*広告がないほうのサイドバー*/
.layoutContentsB{
width:180px !important;/*横幅*/
height:550px;/*縦幅*/
overflow:auto;
border:1px solid #ff3399;/*枠の太さ 種類 色*/
background-color:#ffffff;/*背景色*/
}

/*記事にスクロールバー表示*/
div.skinArticle{height:500px;
overflow-y:scroll;}

/*ブログ背景*/
html{
background-image:url(http://stat.blogskin.ameba.jp/blogskin_images/20120211/16/47/66/p/o02400320sho0125-31041328944019621.png);/*画像URL*/
background-repeat:repeat;
background-attachment:fixed;
}

/*ページナビを消す*/
a.pagingList.skinPagingListColor{
display:none !important;
}

/*記事部分のみ中央寄せ*/
.skinArticleHeader,
.skinArticleBody{
text-align:center;
}

.skinFrame2{
position:relative;
margin:auto;
width:1000px;
}
#topmenu {
widt
Yahoo!知恵袋 4550日前
コメントする
お気に入り
1
質問者が選んだベストソリューション
#topmenu {
width:1000px;/*横メニュー全体の横幅*/
line-height:1;
display: block;
position:absolute;
top:350px;/*横メニューの上からの位置*/
left:50px;/*横メニューの左からの位置*/
z-index:999;
}
/*スキンとメインの間をあける*/
.skinBlogHeadingGroupArea{
margin-bottom:50px;/*空けたい分の幅*/
}
ヘッダー画像に 300px のものを使って 50px の空きを作っても、350px の位置にメニューを置けば重なることになる。
しかも、margin-bottom:50px;/*空けたい分の幅*/ が働かない。
つまり、350px はもう少し小さくすること。
そして最後は下のように書き換え。
.skinContentsArea2 {
margin-top:50px;
}
または
.skinHeadderArea2{
margin-bottom:50px;/*空けたい分の幅*/
}
Yahoo!知恵袋 4550日前
シェア
 
コメントする
 

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

Share (facebook)
その他の解決方法を知っていますか?
回答する
全般
34
Views
質問者が納得ドコモのデータ通信カードはWi-Fiではなく、ドコモの回線に接続されているのでは? 無線LANルーター買えば出来ますが、有線でもカマわないのでしたらUSBケーブルをご購入下さい。Amazonなどネットでも購入可能です。
3877日前view34
全般
31
Views
質問者が納得『保存』を押しましたか? F5を押してください http://ameblo.jp/new-blue-777/entry-11142937784.html
4453日前view31
全般
26
Views
質問者が納得#topmenu { width:1000px;/*横メニュー全体の横幅*/ line-height:1; display: block; position:absolute; top:350px;/*横メニューの上からの位置*/ left:50px;/*横メニューの左からの位置*/ z-index:999; } /*スキンとメインの間をあける*/ .skinBlogHeadingGroupArea{ margin-bottom:50px;/*空けたい分の幅*/ } ヘッダー画像に 300px のものを使っ...
4550日前view26
全般
74
Views
質問者が納得下記ページからWin-7 32bit用プリンタードライバーをパソコンにダウンロードしてインストールします。 解説をよく読んでから作業しましょう。 http://www.epson.jp/dl_soft/readme/5444.htm
4608日前view74
全般
170
Views
質問者が納得ずっと以前の事ですが私も友人に聞いたのですが 素人ではパッド交換も解除も難しくダメみたいです。 パッドを新品に交換してもICチップ(インクにも付いている)のようなものがありそれも同時に解除しないと「パッド交換済み」と認識しないようです。逆に言えばパッド交換しないで(汚れたままで)ICチップさえ解除できれば「交換済み」と認識するようです。 インクの「ICチップリセッター」のようなものかもしれませんが明確ではありません。
4693日前view170

取扱説明書・マニュアル

560view
http://dl.epson.jp/.../4051806_00.PDF
5 ページ0.23 MB
もっと見る

関連製品のQ&A