- ベストアンサー
ブログのタイトルを画像に
このブログの様にタイトルをテキストから バナーに変えたいのですが、 cssを超初心者でも判り易く編集方法お教え下さい。 http://ameblo.jp/chibatetsu/
- netsanpo
- お礼率85% (12/14)
- ブログ
- 回答数5
- ありがとう数4
- みんなの回答 (5)
- 専門家の回答
質問者が選んだベストアンサー
http://ameblo.jp/ameblo-trend/entry-10003745394.html こちらの記事通りにバナーをアップし設定します(STEP1~STEP5) 応用編のSTEP1~STEP3通りにCSSを編集します。 このままだと、タイトル部分のテキストがそのまま残りますので、更にCSSの編集をします。 /* --------------- header -------------- */ という記述を探します。 /* -------------- footArea -------------- */ の上に一行開いていると思いますので、そこに下記の記述をコピペしてください。 #header h1 a{ font-size: 1px; text-indent: -9999em; display: block; width: ○○px; height: △△px; } ○○と△△には、それぞれバナーの幅と高さの数値を半角数字で入れて下さい。 次に、以下の部分(上記のすぐ側にあります)に記述を追加します。 #header h2{ margin-left: 10px; display: none; ←この一文を追加 } プレビューを見てみます。テキストが消え、リンクがされていたら、保存します。 これでできると思うのですが…
その他の回答 (4)
アメブロの場合、タイトルをバナー(リンク)にさせることは通常(カスタマイズ)出来ません。 CSSであれば出来ますが、元画像やその他などなど大変です。 メッセージボードを利用されては如何でしょうか。
お礼
ありがとうごぜいます。 そうしてみます。
- Muller3
- ベストアンサー率81% (800/979)
テキストを消す処理が必要ならCSSは関係大ありです。 まずどこのブログをお使いか(アメブロ?)を補足した方が、回答がもらいやすいと思います。ブログはサービス会社やテンプレートの種類によって文書の構造が違うため、一概に説明ができないからです。(やることは同じなんですけれども…)超初心者の方ならなおさら、手取り足取りでないとできないと思いますし。 FC2などHTML編集が可能なブログなら、#2の方がおっしゃる通りテンプレートの名前も補足が必要です。
お礼
ありがとうございます。
補足
すみません。 利用しているのはアメブロです。 編集してからブログを公開したい為、 同じサービスを利用されている ちば先生のブログのURLを 引用させて頂いたのです。 http://ameblo.jp/chibatetsu/
- Musicful-hearts
- ベストアンサー率34% (62/179)
どのテンプレートを使用しているのか教えていただけると 超簡単に教えられるかもしれません。
補足
すみません。 利用しているのはアメブロのテンプレートです。
- times3
- ベストアンサー率23% (858/3649)
CSS関係無いです。 パソコンに付属のペイントやAdobe社のPhotoshopなどのソフトを使ってタイトルを作って保存して、ブログのトップに指定します(ブログのスタイルが自由にレイアウトできる所に限りますけどね(^^;)
お礼
ありがとうございました。
補足
タイトルをバナーでリンクしたいのです。
関連するQ&A
- ブログのTOPタイトルに画像を設定したいのですが・・・
Amebaでブログを作っているのですが、 http://ameblo.jp/oda-miffy/ こちらの方のようにタイトルをオリジナルで設定したいのですが、まったくわかりません・・・。 普通に設定すると http://ameblo.jp/funkycandy77/ の方のようなタイトルの表示をされるのですが・・・。 詳しい方教えてください。お願いします<m(__)m>
- ベストアンサー
- ブログ
- ブログタイトルで画像(文字画像)を使いたい
ブログのタイトルに画像(文字画像)を使いたいのですが方法を教えてください。CSSのどの部分をいじればいいのでしょうか? それと、記事タイトルにも画像(文字画像)を使いたいので方法を教えてください。 ブログはロリポップのロリポブログです。 超初心者なのでよろしくお願いします。
- ベストアンサー
- ブログ
- gooブログでタイトルに画像を張りたいのですが・・・
gooブログでタイトルのバックに画像を張りたいのですが、CSSの編修の説明を見ると以下の画面 http://blog.goo.ne.jp/info/blog_css2_img2.htmlが説明されているのですが、このなかの スタイルシートCSSを編修するというリンクが編集画面に表示されません。 どのようにしたら良いのでしょうか教えてください。
- ベストアンサー
- ブログ
- ブログのバナーの背景に2つ画像を入れたい
seesaaブログで小粋空間さんのテンプレートを使用しています。リキッドレイアウトです。 バナーの部分に背景となる画像をCSSで指定しています。 そしてバナーの左端にはブログのタイトルと説明があります。 ここからが質問なのですが、右端にバナーと同じ高さの画像を配置したいのですが どのような方法があるでしょうか?背景画像を二つ指定して重ねることなんて出来るのでしょうか? もしくはバナーを左右で二つに区切ったりしなければいけないのでしょうか? ご教授よろしくお願いいたします。
- ベストアンサー
- CSS
- livedoorブログのタイトル画像の変更方法
livedoorブログのタイトル画像の変更方法 http://blogpark.jp/shared_design/detail/474 このみんなのデザインのシンプルブラックのブログタイトル部分の変更のしかたがわかりません。 CSSのどこをいじればいいでしょうか?
- 締切済み
- ブログ
- ブログのタイトル部分に『画像のみ』の方法
ブログについて質問させていただきます。 タイトル部分に画像を配置したいにですが、今まで使っていたところは『タイトルの背景に画像』はできるのですがブログのタイトル部分に『画像のみ』ができません。どうしても上からタイトル文字が入ってしまいます。画像の中にタイトルも描いて、画像のみトップに置きたいのです。よく芸能人や公式のブログで見かける感じのやつです。 http://ameblo.jp/chiaki-777/ ↑はアメブロですが、今アメブロに会員登録して、やってみたのですが、出来ませんでした。(私のやり方がおかしいだけかもしれませんが・・・) そういう設定ができるブログはありますでしょうか。 よろしくお願いします。
- ベストアンサー
- ブログ
- アメーバブログでブログタイトルをテキストリンクで表示させず、
アメーバブログでブログタイトルをテキストリンクで表示させず、 ヘッダー画像にブログトップにリンクさせているブログを よく見かけます。 今はヘッダー画像をオリジナルのものを表示させていますが、 ブログタイトルをもっとデザイン的に修正したいので 上記のような設定にしたいと思っています。 アメーバではCSSの編集しかできないですが どのような記述でできるのでしょうか? ご存知の方よろしくお願いいたします。
- ベストアンサー
- ブログ
- ブログのタイトルバナーを作成する
ブログのタイトルバナーを作成したいのですが、文字のみのバナーを作成しようと思っています。 フリーソフトのPICTBEARという画像編集ソフトを使っていますが、どうも保存すると文字がはっきりせずぼやけた画像になってしまいます。 文字をくっきりさせたタイトルバナーを作りたいと思っているのですが、PICTBEARを使用されている方でおすすめの画像の保存方法ご存知の方、または別のフリーソフト使用されている方でこれいいよというものがあれば教えてください。 よろしくお願いします。
- 締切済み
- ブログ
- “FC2ブログ”タイトルへのリンク
最近FC2ブログで、既存テンプレートを若干カスタマイズして使用し始めました。 “記事の編集”の中の“タイトル”部分にリンクを貼る事が出来ずに困っています。“タイトル”部分はただ文字を入力する場所しか無く、色々探したのですがHTMLやCSSには“タイトル”に打ち込んだ文字が見当たりません。 どこでリンクを貼る記述を入れたらよいのでしょう?? まだブログが初心者の為、あまりよく分かっていないのですが、 どなたかお分かりの方、教えていただけませんか? 宜しくお願いします。
- 締切済み
- ブログ
- アメブロのヘッダー画像をクリックするとホームに戻るCSSがわかりません
アメブロのヘッダー画像をクリックするとホームに戻るCSSがわかりません。 アメブロのカスタマイズで、自作ヘッダーに変え、タイトル文などを消すところまでできました。 そこから、芸能人ブログのように、ヘッダー画像をクリックすると、ホームに戻る方法がわかりません。 どのようにリンクを貼ればいいのでしょうか? CSSなど教えてください。 私のブログ http://ameblo.jp/salon-mywish/ です。
- ベストアンサー
- ブログ
お礼
テキストは消えました。
補足
ありがとうございます。 リンク出来なかったです。