アメブロの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ランキング
-
リンク先URLとは何を意味し...
-
gooブログの写真を大きくしたい...
-
画像審査中とはどういう意味で...
-
WordPressにアップした画像の編...
-
gooブログ.クリックした画像の...
-
フル画像に拡大できるリンクが...
-
ビットマップ(bmp)形式で背景...
-
編集が出来ません(JPEGフ...
-
複数の写真を1枚にして載せたい
-
tiffファイルをトリミングして...
-
HTML 表の上に文字がきてしま...
-
GIFをJPEGに変換出来ますか?
-
アメブロ記事投稿時の文字色
-
画像のペイントについて
-
FC2ブログで、画像の画面中...
-
CDジャケットの著作権について
-
上司から10メガバイトの画像...
-
アメブロのモバイル版CSSの変更...
-
JWCADで書いた図をモノクロにし...
-
画像の縮小
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
フル画像に拡大できるリンクが...
-
アメブロの画像アップロードに...
-
レンタルサーバーを借りて、物...
-
画像審査中とはどういう意味で...
-
アメブロの画像挿入について
-
URLはどこを見ればわかる
-
早く答えてください。
-
[アメブロ]クリックできない...
-
アメブロcss 画像を好きな...
-
アメブロのヘッダーが変わらない
-
FC2ブログの画像サムネイルが変...
-
アメブロのCSS編集・ヘッダ...
-
ブログの見出し画像が小さい
-
リンク先URLとは何を意味し...
-
gooブログ.クリックした画像の...
-
gooブログ。過去の記事から写真...
-
スマホ(アンドロイド)から画...
-
gooブログのプロフィール画...
-
サムネイルをクリックで拡大す...
-
gooブログの写真を大きくしたい...
おすすめ情報