広告のないブログを求めて、GoogleのBloggerに行き着いたのですが、
スタイルシート記述がVariable nameという馴染みのない記述で手探り状態なので御知恵を拝借したいです。
目下ヘッダー上にあったツールバーを
#navbar-iframe {
display: none !important;
}
の記述で消したまでは良かったのですが、そのあとの余白がうまく詰まりません。
下の余白も然り。
marginやpadding記述を追加してもどうもうまくいきません。
余白の詰め方を教えていただければ言うことはないのですが
ひょっとして公式テンプレート改変だとここまでが限界なのでしょうか?
もしそうなら、比較的デザインのいじりやすいシンプルなテンプレートなどお教えいただければ幸いです。
製作中のブログアドレス
http://shitumonyou.blogspot.com/
ソースが編集段階とページ表示で変わってくるので編集時のものを
http://ll.la/a.7u
DLパス:okweb
No.1ベストアンサー
- 回答日時:
上の余白は #navbar {height:0;} で。
下は body { にある padding: 0 40px 40px 40px; を padding: 0 40px; にするといけるはず。
https://plus.google.com/u/0/10174503091161472967 …
参考URL:https://plus.google.com/u/0/10174503091161472967 …
この回答への補足
どうもBloggerの仕様は相当クセモノですね。
まずは上の余白が消えただけでもよしとして、下の余白は諦めます・・・
皆様、回答有り難うございました。
上の入力は見事に消えました!ありがとうございます。
ただ、下の余白が変化なしです・・・
body{のpadding記述は編集画面では
padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);
$(body.background.override)
になっておりまして、そこを全て消してご教授通りに入れてもダメでした。
上書きされてしまうんでしょうか・・・?
No.3
- 回答日時:
各要素の左側の+をクリックして広げていくと、そのようぞがどの部分かわかります。
たぶん、全体の高さを100%にしているのに、中身が短い・・
この回答への補足
おぼろげながら、見えてきた、ような・・・
ただし、ページ表示されてる状態のソースと
Bloggerの編集ツールで出てくるソースとが違うので・・・
Bloggerもなんでこんな仕様にしているのか・・・?
このへんも言葉だけでは説明しづらいので、
よろしければ上の質問に付記してあるソースをご覧になって下さい
No.2
- 回答日時:
どの部分かわからないのですが。
見出し部分と、本体の隙間なら
<div class="descriptionwrapper">
か
<p class="description">
・・
firefox + fireBug( https://addons.mozilla.jp/firefox/details/1843 )
でたちどころにわかります。firebugを使って、どの要素がどのように表示されているかを調べたり、スタイルシートやHTMLを修正してどう変わるかを試せます。
firefoxのアドオン( https://addons.mozilla.jp/firefox/ )の開発者向け( https://addons.mozilla.jp/firefox/extensions/dev … )には、たくさんの便利なアドオンがあります。
この回答への補足
説明ではわかりにくかったかもしれないので画像にて
http://4.bp.blogspot.com/-d3Q1V-oa24Y/Tyo92hNlxo …
ファイヤーフォックス+ファイヤーバグで中央要素を選択すると全画面選択されますね
http://3.bp.blogspot.com/-fzsMexqK66g/Tyo98DsA6V …
この件についてファイヤーバグの有効な使い方はまだよくわかりません・・・
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
CSSで背景画像を一番下にもって...
-
form input テキストを上下中央...
-
HTMLで文字が重なって表示されます
-
【CSS】ヘッダーの高さが不明の...
-
背景が下まで表示されないんです。
-
Win IE5.5~6.0での余白に関す...
-
表示倍率を変えるとレイアウト...
-
CSSがなぜかfont-sizeだけ効か...
-
divタグ+CSSでのレイアウトで、...
-
指定したborderの一部が表示さ...
-
CSS(0の単位)について
-
W3Cのソースコードの検証サービ...
-
font-sizeが効かない
-
画像と一緒にスライドするリン...
-
4枚の画像を均等間隔で一列に...
-
余分な縦スクロールバーが出て...
-
z-indexで上になっている要素だ...
-
ホームページのCSSについて
-
CSS:animation開始位置の設定
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
widthやheightの数値に単位(px...
-
css初心者 フレックスボックス...
-
CSSがなぜかfont-sizeだけ効か...
-
【CSS】ヘッダーの高さが不明の...
-
画像イメージの上下左右、欲し...
-
CSS、width100%でもできる余白
-
スクロールボックスを中央に配...
-
<div>と<div>の間の10px程の...
-
CSSで背景画像を一番下にもって...
-
余分な縦スクロールバーが出て...
-
CSS:animation開始位置の設定
-
form input テキストを上下中央...
-
Media Queries 4 で 非推奨とな...
-
CSSでボックスのheightが0になる
-
W3Cのソースコードの検証サービ...
-
表示倍率を変えるとレイアウト...
-
定義リストに下線をつけたいと...
-
背景が下まで表示されないんです。
-
footer を横幅いっぱいに広げる...
おすすめ情報