■ タイトルを画像にする

posted at 2005-08-18 22:55
このblogではタイトルを画像にしてます。初めは好きなフォントが使いたかったからだけだけど、画像にすることによってblogのイメージがけっこう決まるらしい(ウチの招き猫のように)

seesaaでは去年まではHTMLをいじるどころかコンテンツの位置さえもいじれなかったので、#bannerの背景に画像を無理矢理忍ばせることをやっていたけど、今は不要なわけです。

->(むかし)■ タイトルを画像にしてみる

今はコンテンツ追加の「自由形式」で設定すればOK!


画像追加

そこで普通に画像とリンクを追加


<a href="http://blog.travelstar.jp/" title="ありふれた生活"><img src="http://blog.travelstar.jp/base/banner.png" width="180" height="200" border="0" alt="ありふれた生活"></a>


青いとこは適宜修正。border="0"をつけないと画像の周りに線ができるので必要。

コンテンツには「ブログロゴ画像」があるけど、なぜかこのborder="0"がない。ちょっと不便。
でもこの「自由形式」は自由に何でも書けるから便利。使わない手はない。
posted by hirotomo | ☀ | permalink | Comment(5) | TrackBack(0) | カスタマイズ
comments
あぁ、これ困ってたんですよ。
さっそくパクりました。
常にヒロトモくんに助けてもらってるなぁ。
いつもいつも(一方的に)ありがとう。
Posted by march at 2005-08-19 09:33
お役に立ててなにより。

愛のあるパクリならいつでもウェルカム!
Posted by ヒロトモ at 2005-08-22 02:29
はじめまして。
Tsing Yiと申します。
seesaaのブログを改造しようと調べ物をしていて、
ヒロトモさんのブログにたどり着きました。
タイトルの背景画像そのものに、
TOPページに戻るリンクを貼ろうとしているのですが、
なかなかうまくいきません。
記事に書かれている説明どおりに入力しているのですが・・・
よければご指導ください!
Posted by Tsing Yi at 2007-01-03 09:46
はじめまして

Tsing Yiさんは、タイトル画像をスタイルシートの#bannerの背景に設定していますが、コンテンツの追加で「ブログロゴ画像」で設定すると画像全体にリンクが貼られます。

ただしこうすると「ブログ名」と「ブログ説明」が画像の下に書かれてしまうので削除する必要があります。
ブログ名とかは画像に書き込んでしまうか、自由形式で書いて無理矢理画像の上に移動させましょう。

手っ取り早いのは画像にブログ名も書いちゃう方ですね。僕もそうしてます。

わかりづらかったらまた聞いてください。
Posted by ヒロトモ at 2007-01-03 18:24
ヒロトモさん、こんにちは。
アドバイスありがとうございました。
画像全体にリンクを貼ることを試みたのですが、
レイアウトが崩れてしまい、てんやわんやしていました。
cssを書き換えることで対処してみたのですが、
結局タイトルを画像化して、リンクを貼ることで収束させました。
もう少し勉強して、自分の目指すものを造れるよう頑張ります。
どうもありがとうございました。
Posted by Tsing Yi at 2007-01-06 11:24

post a comment
name: [必須入力]

e-mail:

URL:

保存しますか?

comment:

認証コード: [必須入力]


・画像の中の文字を半角で入力してください



・半角英数字のみのコメントは投稿できません



×

この広告は90日以上新しい記事の投稿がないブログに表示されております。