- ベストアンサー
アメブロのヘッダー
アメブロ。ヘッダー画像についてです。 時間を決めて画像を自動的に変えることは可能でしょうか？たとえば朝５時から夕５時まではA画像、それ以外の時間はB画像というようにオートで変更できるようにです。スクリプトはほとんどわからないのでCSSで出来たらいいのですが・・・。 よろしくお願いします。
- yoshicl
- お礼率100% (22/22)
- JavaScript
- 回答数1
- ありがとう数3
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
CSSだけでは不可能だと思います。 アメブロでjavascriptを動かすハックを見つけました。 サイドバーにフリープラグインとして、本文中にマークアップした タグの中身を、javascriptのeval()で動かしてしまうという技みたいです。 http://d.hatena.ne.jp/shunsuk/20080902/1220354891 時間を決めて画像を変更するについては、ここの質問カテゴリーで たまに見かけるような。 http://oshiete1.goo.ne.jp/qa5601548.html とか、 スクリプトはほとんどわからないなら、最初は苦労するかも．．． 挑戦するなら、また質問してください。
関連するQ&A
- アメブロのヘッダー画像変更
アメブロのヘッダー画像を変更したいのですが、 スキンのカスタマイズから、画像をｕｐして、 保存しても変わりません。（プレビューはちゃんと表示される） 次に、画像を自分のサーバーにｕｐして、 ｃｓｓの１番したのバックグラウンドｕｒｌを、 変更し、保存をクリックしましたが、 これでも変わりません。 どなたかわかる方、いらっしゃいましたら、 よろしくお願い致します。 テンプレートはベーステンプレートです。
- ベストアンサー
- ブログ
- アメブロのヘッダー画像について教えていただけませんか？
アメブロのヘッダー画像について教えていただけませんか？ http://ameblo.jp/lifechanging/ 上記のブログなのですが、最初の設定では ヘッダー画像が出ていたのですが、タイトルと 説明文を消したかったので、下記のタグを 張りました。 #header h1{ display:none; /* 表示しない */ } #header h2{ display: none; /* 表示しない */ } ■ＣＳＳ編集できないスキンの場合フリープラグインへ追加 <style type="text/css"> #header h1{ display:none; /* 表示しない */ } #header h2{ display: none; /* 表示しない */ } </style> すると、タイトルと説明文は消えたのですが、ヘッダー画像まで 消えてしまって。。。 どうすれば表示されますでしょうか。 アメブロやｃｓｓなどに詳しい方おられましたら ご教授をお願いできますと幸いです。 どうかよろしくお願いいたします。
- ベストアンサー
- ブログ
- アメブロのヘッダー画像をクリックするとホームに戻るＣＳＳがわかりません
アメブロのヘッダー画像をクリックするとホームに戻るＣＳＳがわかりません。 アメブロのカスタマイズで、自作ヘッダーに変え、タイトル文などを消すところまでできました。 そこから、芸能人ブログのように、ヘッダー画像をクリックすると、ホームに戻る方法がわかりません。 どのようにリンクを貼ればいいのでしょうか？ ＣＳＳなど教えてください。 私のブログ http://ameblo.jp/salon-mywish/ です。
- ベストアンサー
- ブログ
- アメブロのＣＳＳ編集・ヘッダー教えて！
アメブロのＣＳＳが上手くできません。 作成済みの、ヘッダー画像を載せたいと思っています。 オンランで調べながらやっても、なぜかつまづきます。 超初心者です。分かり易く教えて下さる方、どうぞよろしくお願いします！ アメブロにて、ＣＳＳ編集用デザインにしました。 現在使用中のブログデザインCSSを少し載せてみました。 だいたいこの辺りに アップロードされた画像のパス http://stat.blogskin.ameba.jp/blogskin_images/20130828/16/14/fe/j/o09800300amebawakana1377674800007.jpg を挿入するのかと思って何度かやってみたのですが、いっこうに画面は変わりません。 /* (3-2) ブログヘッダー --------------------------------------------*/ /* skinHeaderArea ブログヘッダー980pxエリア */ .skinHeaderArea{}/* ←ブログヘッダーに背景画像を敷きたいとき */ /* skinBlogHeadingGroupArea タイトルと説明を囲うエリア */ .skinBlogHeadingGroupArea{ padding:20px 0 30px; } /* skinTitleArea ブログタイトルのエリア */ どうぞよろしくお願いします！
- ベストアンサー
- ブログ
- アメブロのデザイン(ヘッダ部分)
アメブロのデザインの変更でスキンのカスタマイズからヘッダの所を見て画像の追加をクリックすると、それまでに追加した画像が出ますよね。 これを削除するにはどうしたらいいんですか？ 分かる方いたら教えてください。 よろしくお願いします。
- ベストアンサー
- ブログ
- アメブロでいろいろデザイン変更
アメブロをはじめたのですが、背景の画像を変えたり、ヘッダーの画像を変えたり、メニューをつけたりとするには、CSSの知識が必要のようです ネット上でいろいろ、コピペをすることでとりあえずできましたが、もう少し勉強をしたいと思います そのときには、どのような本を購入すればよいでしょうか、 ・アメブロをカスタマイズ魅せるブログデザインを作ろう！ ・10日でおぼえるCSS／CSS3入門教室 上記のような本がありました、できればアメブロで実践できるようなオススメ本をご紹介いただけないでしょうか どうか、ご指導のほどよろしくおねがいいたします
- 締切済み
- ブログ
- アメブロカスタマイズの質問
アメブロでブログをやってる者なんですけど CSSでメニューバーのロールオーバーでヘッダの画像を変更する、というのはどうすればできるのでしょうか？ このサイトのような感じにhttp://ameblo.jp/sky-blue-96/ よければ簡単な方法で教えてください!? お願いします
- 締切済み
- JavaScript
- アメブロでヘッダーのダウンメニューが機能しない。
以前、http://okwave.jp/qa/q8557729.htmlにて ｊQueryを使ったメニューが機能しないので質問しましたが 解決しなかったので再度の質問させていただきます。 以前の質問に回答してくれた方は記載してない部分に問題があるかもと指摘していただき ｃｓｓを全て書こうとしましたが文字数の関係でほとんど書けません…。 一応、cssに手を加えているのはアメブロから提供されているカスタマイズできるｃｓｓで ２箇所のみになります。以前の質問と重複してしまうかもしれませんが、 その２箇所は ヘッダー画像を変えるために /* skinHeaderArea ブログヘッダー980pxエリア */ .skinHeaderArea{ height:300px; background-image:url(http://stat.blogskin.ameba.jp/blogskin_images/20121025/18/44/e9/p/o09000360●●●1351157583098.png); background-repeat:no-repeat; background-position:center top; } /* ←ブログヘッダーに背景画像を敷きたいとき */ の部分と 最後の追記する箇所で↓↓ #headermenu{ margin:10px auto; width:720px; position:absolute; top:200px; left:20px; } ul.menu li{ float:left; width:180px; height:35px; background:url("ここにマウスoff時の画像のURLを入れてます"); position:relative; } ul.menu li a{ display:block; width:100%; height:100%; position:relative; } ul.menu li a:hover{ background:url("ここにマウスon時の画像のURL入れてます"); } ul.sub{ display:none; } ul.sub li{ float:none; } ul.sub li ul.sub{ position:absolute; left:180px; top:0; } ul.menu{ zoom:1; } ul.menu:after { height:0; visibility:hidden; content:"."; display:block; clear:both; } と書いています。 プラグイン箇所は <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">google.load('jquery', '1.6.2');</script> <script type="text/javascript">(_JQ162_=jQuery)(function(){$=jQuery=_JQ162_;});</script> <script> $(function(){ $("ul.sub").hide(); $("ul.menu li").hover(function(){ $(">ul:not(:animated)",this).slideDown("fast"); }, function(){ $(">ul",this).slideUp("fast"); }); }); </script> フリースペース箇所は <div id="headermenu"><ul class="menu"><li> 字数の関係で省略させてもらいます。 </li></ul></div> っと書いています。 試しにfc2のブログで上記のをコピペしてやってみると メニューもマウスon時にきちんと降りて機能するんですが アメブロの場合、少し違った書き方をしなくてはいけないのでしょうか？ お分かりになる方、是非ともご教示ください。
- 締切済み
- CSS
- アメブロのブログのヘッダーのカスタマイズ
アメブロを始めたばかりの初心者です。 ブログのヘッダーをオリジナルの画像にしたいと思っています。 まず、デザインの変更で、カスタム可能のデザインを選びまして適用にしました。 そして、自分で用意したヘッダーの上に、ブログ名と説明文を書いたものを ヘッダーに適用したのですが、もともとあるブログ名、ブログ説明文の 消し方が分からず、ブログ名などがダブルで見えてしまいます。 ヘッダーの上に、自分でブログ名などを書いたものを使用する場合、 もとの黒字で書かれたブログ名などは、どのように削除できますか？ どうぞよろしくお願いいたします！
- 締切済み
- ブログ
- アメブロのタイトル表示の消し方
この前アメブロを開設してみました。 http://ameblo.jp/horisukeblog/ ヘッダー画像にタイトルが表示されてしまいます。 これを消すにはどのCSSを消せばよいのでしょうか？ ご存知の方よろしくお願いします。
- ベストアンサー
- HTML
お礼
スクリプトを別のことをしたくて何種類か使ってみましたが、一度も動作していません。 今回はせっかくご回答いただいたのでいただいたサイトを参考に挑戦してみます。 ありがとうございました。
補足
http://d.hatena.ne.jp/shunsuk/20080902/1220354891 このサイトからスクリプトをプラグインと本文にコピペしてみました。 文字はブログ中に表示されましたが、動きませんでした。