- ベストアンサー
ブログ
今、アメブロでブログをやっているんですが・・・。 ブログを可愛くしたいです!! 簡単に言うと・・・。 ☆背景をハートとかリボンとかにしたい。 ★タイトルの所のトップ画を、オレンジ系で、可愛くしたい。 ☆カーソルを、変えたい。 ★『読者になる』とかの欄を、変えたい。 ☆上から、シャボン玉とかが降ってるように変えたい。 です。説明分かりにくくてすいません!! よろしくお願いします!!
- sarasara01
- お礼率78% (11/14)
- ブログ
- 回答数3
- ありがとう数1
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
＃DOUGLAS_ です。たびたび失礼いたします。 ＞アメブロ の場合、[自分でできる 簡単スキンカスタマイズ] の場合、 ＞CSS しか触れない（HTML は弄れない）ようですので、 ＞「無理！」（できません）です。 とは書きましたが、何だか、癪に障りますので、頑張ってやってみましたヮ。 http://ameblo.jp/tenkasa/ 【ブログを可愛くしたいです!!】について １）[ブログ] - [デザイン変更] - [スキンの選択] - [カワイイ・キレイ] をクリックし、[Ribbon] の ラジオボタン を オン にして、[プレビュー] をクリックします。 ※これよりさきは、[Ribbon] を例に記載します。 ２）ブラウザのメニューから「ソースの表示」をクリックします（Internet Explorer でしたら、[表示(V)] - [ソース(C)]）。 ３）現われた ソースウィンドウ の中から <link rel="stylesheet" media="screen,print" type="text/css" ～～ というようなコードを見つけます。 同じコードから始まる行が幾つもあると存じますので、その中から「girlsblog_38/css/common.css」・「girlsblog_38/css/type_c.css」を含む行の「href="」と「" charset="UTF-8" />」との間にある CSS ファイルの URL をコピーしてメモ帳などに控えておきます。 この作業が終了したら、[プレビュー] の画面は閉じます。 ４）新規にメモ帳を２つ開き、[ファイル(F)] - [開く(O)] で、[ファイル名(N)] に(３)で取得した URL をコピペして、[開く(O)] をクリックします（１つは「common.css」、他方は「type_c.css」です。）。 ５）(４)で開いた２つの CSS ファイル において、[編集(E)] - [置換(R)] で [置換] ダイアログ を開き、[検索する文字列(N):] に「url(../」を [置換後の文字列(P):] に「url(ｈttp://stat100.ameba.jp/p_skin/girlsblog_38/」を入力して、[すべて置換(A)] をクリックします。 ここで「ｈttp://stat100.ameba.jp/p_skin/girlsblog_38/」の部分は、(３)で取得した URL の「css/common.css」・「css/type_c.css」の前の部分です。 ６）再びブログ管理画面に戻り、[ブログ] - [デザインの変更] - [自分でできる 簡単スキンカスタマイズ] をクリックします。 ７）[STEP1.まずはスキンを選択] をクリックし、[ベーシックスキンを選択] をクリック、さらに [保存] をクリックします。 ８）[ブログ] - [デザインの変更] - [スキンCSSの編集] をクリックします。 ９）現われたページの テキストボックス をクリックし、すべて選択（[Ctrl] + [A]）して削除（[Delete]）します。 10）「common.css」に戻り、すべて選択（[Ctrl] + [A]）してコピー（[Ctrl] + [C]）し、そのメモ帳を閉じます。 11）ブログ管理画面に戻り、テキストボックスにペースト（[Ctrl] + [V]）します。 12）「type_c.css」に戻り、すべて選択（[Ctrl] + [A]）してコピー（[Ctrl] + [C]）し、そのメモ帳を閉じます。 13）ブログ管理画面に戻り、(11)でペーストしたコードの最後にペースト（[Ctrl] + [V]）します。 14）[保存] をクリックします。 15）この時点で自分のブログを確認します（すでに開いている場合は [F5] キーで画面の更新をする）。 いかがでしょうか？ ほぼ [Ribbon] と同じ体裁になっていると存じますが、[読者になる]・[ブログを作る] などのボタンは [Ribbon] のデザインではなくて、[カスタマイズ用スキン「ベーシック」] のデザインになっています。 【★タイトルの所のトップ画を、オレンジ系で、可愛くしたい。】について 16）[ブログ] - [デザインの変更] - [スキンCSSの編集] をクリックします。 17）現われたページの テキストボックス の中から #header{ height:185px; background-image: url の行を見つけ、その後にある「http～～jpg」の部分を、ご自分で用意した「オレンジ系」の画像の URL に変更します。 なお、元々の header 画像は 810 × 185 ピクセル になっています。 【☆背景をハートとかリボンとかにしたい。】について 18）同じく(17)の テキストボックス の中から /* ----------------------- background-color-control ----------------------- */ の行を見つけ、その後にある body { の後に background-image:url(「ハートとかリボンとか」の URL); と記述します。 これで、ブログの左右の余白に「ハートとかリボンとか」の画像が入ります。 ブログ自体の背景も「ハートとかリボンとか」にしたい場合は、 #subFrame { の後にも同じコードを記述します。 【☆カーソルを、変えたい。】について 19）同じく(17)の テキストボックス の中から /* ----------------------- font-information ----------------------- */ の行を見つけ、その後にある body{ の後に http://www.tagindex.com/stylesheet/page/cursor.html をご参考にして cursor: crosshair; というようなコードを記述します。 body{ の後に記述すれば、ブログ部全体でそのカーソルが有効になり、 .entry .contents{ の後に記述すれば、記事本文の部分でカーソルが有効になりますので、それぞれ別のカーソルを指定することもできます。 もちろん、他の部分に指定することもできますので、いろいろとお試しください。 20）以上で、[ブログ] - [デザインの変更] - [スキンCSSの編集] は終わりですので、[保存] をクリックします。 【☆上から、シャボン玉とかが降ってるように変えたい。】について 21）[ブログ] - [サイドバーの設定] - [プラグインの追加] をクリックし、ドロップダウンリスト の中から「フリープラグイン」を選択して、[下記にプラグインの指定のタグを追加してください。] の下の テキストボックスに、 http://www.awcs.org/dhtml/sample/bubbledrop.html のページにある [以下テキストエリア内のタグを <BODY> 内に貼り付けてください。] の下のコードをコピペし、[追加] ボタンをクリックします。 22）[ブログ] - [サイドバーの設定] - [サイドバーの配置] のページで、[使用しない機能] に追加された [フリープラグイン] を [使用する機能] の一番下にでもドラッグして、[保存] ボタンをクリックします。 【★『読者になる』とかの欄を、変えたい。】について この件につきましては、(15)にも書きましたが、 ＞ほぼ [Ribbon] と同じ体裁になっていると存じますが、 ＞[読者になる]・[ブログを作る] などのボタンは [Ribbon] のデザインではなくて、 ＞[カスタマイズ用スキン「ベーシック」] のデザインになっています。 で、どこでこのボタンを変更するのか、ちょっと分かりませんでした。 面目ありません。 <(_ _)>
その他の回答 (2)
- DOUGLAS_
- ベストアンサー率74% (397/534)
[回答番号：No.1] の DOUGLAS_ です。 回答してから、自分自身で確認してみましたが、[回答番号：No.1] は全然イケてないですね。[回答番号：No.1] は取り消します。 大変、失礼いたしました。 <(_ _)> アメブロ の場合、[自分でできる 簡単スキンカスタマイズ] の場合、CSS しか触れない（HTML は弄れない）ようですので、 ☆カーソルを、変えたい。 ☆上から、シャボン玉とかが降ってるように変えたい。 につきましては、「無理！」（できません）です。 ☆背景をハートとかリボンとかにしたい。 ★タイトルの所のトップ画を、オレンジ系で、可愛くしたい。 ★『読者になる』とかの欄を、変えたい。 につきましては、前回答のあたりを触ればできないことはありませんが、そもそもの [カスタマイズ用スキン「ベーシック」] が余りにもシンプルで、全然可愛くありませんので、お望みのようなスキンになさりたい場合は、[ブログ] - [デザインの変更] - [スキンの選択] - [カワイイ・キレイ] から選ぶしかないでしょうか。。。
- DOUGLAS_
- ベストアンサー率74% (397/534)
＞ブログを可愛くしたいです!! はぃはぃ。。 ＞簡単に言うと・・・。 ん～。。簡単に言うなぁ～っ！ って感じですが。。 ワラ ＞☆背景をハートとかリボンとかにしたい。 ＞★タイトルの所のトップ画を、オレンジ系で、可愛くしたい。 ＞☆カーソルを、変えたい。 ＞★『読者になる』とかの欄を、変えたい。 ＞☆上から、シャボン玉とかが降ってるように変えたい。 ふむふむ。。。 ＞です。説明分かりにくくてすいません!! ぃぇぃぇ、とっても分かりやすぃですゎ。 ＞よろしくお願いします!! そぉですねぇ。。 先ず、お示しの条件から拝察して、sarasara01 さんが参考にされたアメブロがあるのではないかと存じますが、その方の使っていらっしゃるスキンのソースでもご覧になるのがよいかと存じますね。 で、アメブロの場合は、スキンの構成を変更できるのは、 ・カスタマイズ用スキン「ベーシック」を選択して自分でカスタマイズする ・アメゴールドを購入してプロのデザイナーに依頼する のいずれかになるようですね。 こんなトコロに依頼していらっしゃるトコロを見ると、アメゴールドご購入の意志は持っていらっしゃらないようですので、ご自分でフルカスタマイズということになろうかと存じますが、その場合は、HTML や CSS、さらにお示しの条件では JavaScript の知識も必要になります。 ということで、先ずは、[ブログ管理画面] - [ブログ] タブ - [デザインの変更] タブ をクリックして、[自分でできる 簡単スキンカスタマイズ] をクリックなさってみてください。 ＞☆背景をハートとかリボンとかにしたい。 これは [ページ背景に画像を入れる] の項目になります。 ＞★タイトルの所のトップ画を、オレンジ系で、可愛くしたい。 ご自分で「オレンジ系」の可愛い画像をご用意の上、[ヘッダーに画像を入れる] をご覧ください。 ＞☆カーソルを、変えたい。 これは、特殊な操作になりますが、簡単なところで下記をどうぞ。 ●カーソルの形を変更する：http://www.tagindex.com/stylesheet/page/cursor.html ＞★『読者になる』とかの欄を、変えたい。 こちらは、[サイドバーの見出し背景色を変更する] あたりでしょうか。 ＞☆上から、シャボン玉とかが降ってるように変えたい。 普通でしたら、JavaScript になろうかと存じますので、下記をご参考に。 ●画面にシャボン玉を降らせる：http://www.awcs.org/dhtml/sample/bubbledrop.html
