ブログのタイトルを画像に

質問

このブログの様にタイトルをテキストから
バナーに変えたいのですが、
ｃｓｓを超初心者でも判り易く編集方法お教え下さい。
http://ameblo.jp/chibatetsu/

回答No.4

Muller3 · ベストアンサー

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;　　　←この一文を追加
}

プレビューを見てみます。テキストが消え、リンクがされていたら、保存します。
これでできると思うのですが…

お礼

テキストは消えました。

補足

ありがとうございます。
リンク出来なかったです。

回答No.5

noname#89932

アメブロの場合、タイトルをバナー（リンク）にさせることは通常（カスタマイズ）出来ません。
CSSであれば出来ますが、元画像やその他などなど大変です。
メッセージボードを利用されては如何でしょうか。

お礼

ありがとうごぜいます。
そうしてみます。

回答No.3

Muller3

テキストを消す処理が必要ならCSSは関係大ありです。
まずどこのブログをお使いか（アメブロ？）を補足した方が、回答がもらいやすいと思います。ブログはサービス会社やテンプレートの種類によって文書の構造が違うため、一概に説明ができないからです。（やることは同じなんですけれども…）超初心者の方ならなおさら、手取り足取りでないとできないと思いますし。
FC2などHTML編集が可能なブログなら、#2の方がおっしゃる通りテンプレートの名前も補足が必要です。

お礼

ありがとうございます。

補足

すみません。
利用しているのはアメブロです。
編集してからブログを公開したい為、
同じサービスを利用されている
ちば先生のブログのＵＲＬを
引用させて頂いたのです。
http://ameblo.jp/chibatetsu/​

回答No.2

Musicful-hearts

どのテンプレートを使用しているのか教えていただけると
超簡単に教えられるかもしれません。

補足

すみません。
利用しているのはアメブロのテンプレートです。

回答No.1

times3

ＣＳＳ関係無いです。
　パソコンに付属のペイントやAdobe社のPhotoshopなどのソフトを使ってタイトルを作って保存して、ブログのトップに指定します（ブログのスタイルが自由にレイアウトできる所に限りますけどね(^^;）

お礼

ありがとうございました。

補足

タイトルをバナーでリンクしたいのです。