アメブロのCSSが上手くできません。
作成済みの、ヘッダー画像を載せたいと思っています。
オンランで調べながらやっても、なぜかつまづきます。
超初心者です。分かり易く教えて下さる方、どうぞよろしくお願いします!
アメブロにて、CSS編集用デザインにしました。
現在使用中のブログデザインCSSを少し載せてみました。
だいたいこの辺りに
アップロードされた画像のパス
http://stat.blogskin.ameba.jp/blogskin_images/20 …
を挿入するのかと思って何度かやってみたのですが、いっこうに画面は変わりません。
/* (3-2) ブログヘッダー
--------------------------------------------*/
/* skinHeaderArea ブログヘッダー980pxエリア */
.skinHeaderArea{}/* ←ブログヘッダーに背景画像を敷きたいとき */
/* skinBlogHeadingGroupArea タイトルと説明を囲うエリア */
.skinBlogHeadingGroupArea{
padding:20px 0 30px;
}
/* skinTitleArea ブログタイトルのエリア */
どうぞよろしくお願いします!
No.1ベストアンサー
- 回答日時:
skinHeaderArea{}/* ←ブログヘッダーに背景画像を敷きたいとき */
ここでいいのだが、CSS には CSS なりに「決まり」があって、決まりから外れていると、表示されないということ。
つまり、URL だけを記述してもダメ。中学生の初心者に多い。
.skinHeaderArea{
background-image: url(画像 URL); /* 画像 URL */
background-repeat: no-repeat; /* 画像を繰り返すか繰り返さないか */
height: ***px; /* 画像の高さ */
}/* ←ブログヘッダーに背景画像を敷きたいとき */
ameblo では画像を埋め込むのではなく、ブログタイトルを含むヘッダーに対する背景画像という扱い。
同じ質問はよくある。
「決まり」ということはたとえ小さくても、ドットやコンマとか大カッコの記号とかコロン・セミコロンもそれぞれ大きな意味がある。
これらが決まり通りでない時、ブログが壊れた表示になることもある。
それで、上記 CSS も「CSS 末尾に」追加という方が『無難』。
背景画像という事はブログタイトルやブログ説明を表示しないことにはならない。
オフィシャルブログのように、画像をクリックしてトップページに戻るようにするか、単純にただ消すだけかによって CSS も異なる。
素早いご回答、どうもありがとうございます!
なんせ全くの素人ですので、時間はかかると思いますが・・・
参考にさせていただき、頑張ってみます!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(ブログ) シーサーブログのタイトル文字位置とブログ説明文字位置の変更方法 2 2022/09/22 20:55
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- Ameba(アメーバブログ) アメブロ テンプレート 1 2022/06/27 00:54
- HTML・CSS 検索窓とcssハックについて 3 2022/04/22 12:21
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS 【HTML】【CSS】【Swiper】 元の画像は横1200×縦600なのですが、実際のサイト上に反 5 2022/07/16 13:57
- HTML・CSS サイトをマルチデバイス対応にする為の準備や、CSSなどのおすすめサンプル集やアドバイスを頂きたいです 1 2022/07/13 22:15
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
- ホームページ作成・プログラミング アメーバ・ブログは"HTMLタグ"を許可してないのですか? 2 2023/06/17 21:08
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
gooブログ。過去の記事から写真...
-
アメブロにアップした画像が表...
-
ブログのURL変えて同じ記事を書...
-
20代まで乾燥肌でなかったので...
-
ビットマップ(bmp)形式で背景...
-
編集が出来ません(JPEGフ...
-
アイコンとバナーの違いについて
-
画像のペイントについて
-
サーブレット/JSPでブラウザの...
-
HTML 表の上に文字がきてしま...
-
画像に人の目では見えない文字...
-
画像の拡大
-
質問です。 K-POPアイドルの公...
-
<td>中の文字列に<p>は必要?
-
画像の背景の透明部分だけを広...
-
gooブログ。
-
質問です。 彼女がこれを見せて...
-
最初に一回だけリロード
-
色のHTMLタグについて
-
「ペイント」で.JPG保存ができない
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
早く答えてください。
-
gooブログ.クリックした画像の...
-
ブログ写真の転載対策 【困っ...
-
gooブログ。過去の記事から写真...
-
gooで写真を複数枚貼るには?
-
はてなダイアリーで複数の写真...
-
ブログ初心者です。gooブログで...
-
アメブロのCSS編集・ヘッダ...
-
gooブログ
-
アンテナシェア ブログパーツ...
-
画像の貼りつけ
-
画像審査中とはどういう意味で...
-
みれる場所
-
amebaのアメブロメールについて
-
ブログ複数画像の掲載
-
ブログに写真掲載。ほかのPCで...
-
ブログでネット上にある画像を...
-
Blog Petの背景を変えたいので...
-
Amebaのブログプロフィールの画...
-
アメーバーブログの画像呼び込...
おすすめ情報
