Ninja☆BT トップタイトルを画像に。

Info

日々、ニンブロのテンプレート製作に励んでいます。お見苦しい箇所があるかと思いますが、お許し下さいマセ。また、お気付きの点などございましたらお知らせして下さると嬉しく思います。

各テンプレの質問などは、遠慮なくご質問下さい。カスタマイズ方法もOKです！

本館「MY HEALING☆彡」もよろしくお願いします。

NewEntry

Category

NINJA BLOG TBP

Bookmark

☆PR☆

◆何かおいしい話はないかなあ？　ハイここにあります！
◆［無料講座］絶対に社員には教えたくない!
◆ロリポップならMovableType設置マニュアルも充実。
あなたも月々２６３円でブログデビューしてみよう！！
◆読むだけで人生が変わる本「幸せの仮説」

Profile

ＨＮ：

Urara

性別：

女性

アクセス解析

MASTER : WRITE

日々、ニンブロテンプレート＆カスタマイズの研究・製作に励んでいるブログ

2025/02/01 (Sat)

[PR]

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

2006/07/29 (Sat)

[ツレヅレ]カスタマイズ

トップタイトルを画像に。

わざわざ、記事にする必要性はあるのか悩んでしまいましたが・・一応。

ブログのタイトルを画像に変えてみました。
前々から画像にしようと思っていたんですが、いつも他の事に気を取られ忘れていました。
オシャレなフォントを使うと、それだけでブログの見栄えが違いますよね＾＾

方法はとっても簡単でございます。

画像制作ソフトなどで、タイトル画像を用意します。
画像をアップロードします。
HTMLを編集します。
本来のHTMLタグ

<div id="TopTitle">
<a href=""><span class="TopTitleFont"></span></a>
</div>

変更後のHTMLタグ

<div id="TopTitle">
<a href=""><img src="画像のアドレス" border="0" alt="(ブログのタイトル)"></a>
</div>

赤文字部分を削除し追加したタグになります。

これで、タイトルを画像に出来ました！
ねっ！簡単でしょ？記事にするほどの事じゃなかったかしら・・(＞▽＜;;

*注意*
万が一、訪問者の方が「画像非表示」にしているといけないので、alt属性はタイトルにしておく事をオススメします。

お勧めフリーフォントサイト様
・=FUKUTAYO=様　当ブログのタイトルフォントに使わせて頂いてます。
・04様　カッコイイフォントがあります。
・マニアッカーズデザイン様　可愛い系など多数のフォントがあります。
・アバウトフォント様　種類別に分類してあり見やすいです。

他にも、ステキなフリーフォントが多数あります。
お気に入りのフォントでブログを飾りましょう♪

Trackback() Comment(4)

この記事にコメントする

実は最近・・・

フォントフェチだったりします(爆)
さっそくサイトに行ってみたりしました。

(・∀・)

Ｐａｖｌｏｂａ URL
2006/07/30(Sun)21:41:38 EDIT | RES

Re:実は最近・・・

>フォントフェチだったりします(爆)
>さっそくサイトに行ってみたりしました。
>

(・∀・)

私も、フォント探しは大好きであります♪
新しいフォントを見つけると、何に使おうか悩んだり(笑)
見るだけでも、楽しかったりしますよね＾＾

【2006/07/31 07:20】

それはそうと・・・

ＢｌｏｇＴｉｔｌｅの代わりに画像を持ってきた時、見た人が非表示だと意味ナイなぁって思ってたんですよね。
ａｌｔ属性にタイトル入れておけば対策ＯＫってコトですか(ﾟ▽ﾟ*)ﾅﾙﾎﾄﾞｰ

フツーに画像使う時には考えつくのに、ナゼかカスタムしてるとそんなコトにも気づけない・・・
まだまだ修行が足りないみたいです（。。；）

フォントは私の場合、ほとんど使い道がありません(爆)
でも何かの時に役立つに違いないと、ひっそりと意味なく溜め込んでますね～(ﾟ▽ﾟ；)

Ｐａｖｌｏｂａ URL
2006/07/31(Mon)17:56:20 EDIT | RES

Re:それはそうと・・・

そーですね＾＾
alt属性を使っておけば、見た目はイマイチでもとりあえず、タイトル名として見えてるので、いいかなぁーと思ってます＾＾

＞フツーに画像使う時には考えつくのに、ナゼかカスタムしてるとそんなコトにも気づけない・・・まだまだ修行が足りないみたいです
よくある事ですよ＾＾
私も、よく「そーじゃん！何で気が付かないのさぁー」と独り言を言ってる時があります(笑)

【2006/07/31 22:06】

早速♪

前に、「MY HEALING☆彡」さんに
おじゃましたことのある、イト茶です！

早速、タイトルを画像にしてみました☆
「PHOTO」のテンプレが超お気に入りで
カスタマイズも楽しませてもらってます☆

これからも、テンプレ楽しみにしてますね

イト茶 URL
2006/07/31(Mon)21:57:50 EDIT | RES

Re:早速♪

>前に、「MY HEALING☆彡」さんに
>おじゃましたことのある、イト茶です！
はい～♪覚えておりますぅ～(*゜▽゜)ノ
たまに、覗きに行ってみたりしてたりして・・・＾＾；
コメントも残さず、ゴメンナサイね。。

>早速、タイトルを画像にしてみました☆
こんなヘボカスタマイズがお役に立てたようでペコリ(o_ _)ｏ))
ありがとうございます♪

>「PHOTO」のテンプレが超お気に入りで
>カスタマイズも楽しませてもらってます☆
ありがとうございます♪
一人でも、気に入ってもらえてるとこれからの、励みにもなります♪
カスタマイズ、いつもステキですよね♪
ステキな写真もお使いのようで、嬉しい限りです(*´∀｀)
>
>

【2006/07/31 22:10】

わぁ！！！これやってみたい！！

こんにちは、はじめまして！忍者ブログ超初心者です(^^; 画像貼りたい貼りたいと思ってるんですが、、さっぱりわからず。。。やっと<div id="TopTitle">の記述をみつけたところです＿（＿）＿　画像の記述ですが、これがわかりません(^^;どこか別のサーバーに画像を置いておく必要があるのでしょうか？教えてください（＠＠）よろしくおねがいしますー！

つんつん
2007/02/07(Wed)18:46:12 EDIT | RES

この記事へのトラックバック

TRACKBACK URL ：

<< ラインの付け方 || 一口メモ HOME フッターテンプレートの使用例 >>

Calendar

2025/02