Ads by Google

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

その7〜バナー画像を貼る〜

さて、デザイン!に手を付けるところまで来ました。
(ばんざ〜い)
とりあえず、一番目につくところの「バナー」を
自前の写真でつくりました。

トガキューで「青系」写真を集めて表示させることは、
無理だそうであります。でも、お師匠さんが、別の案を
ご紹介してくださるということなので(ありがたいです 拝)
びおにできるんだったら、そちらをやってみようかと。。
それまで、このblogのイメージの助けということで、これを。
また、ちょくちょく変わるかもしれません。

バナー画像のをどうやってつくったか。。って
みなさまのほうが詳しいので、びおのはいいですね。
(もっと、いい手順があれば、教えていただきたい〜)
タイトルの影は、同じものを2つ作って、一つをグレーにして
レイヤーで順番を入れ替え、ずらして作ったのであります。
サイズは800x100。

[CSS]
#bannerのところの[background-color:〜;]をはずして
[background-image:url(〜);]を入れました。
[〜]にはファイルアップロードにいれて、出したタグから
http〜ingのところを抜き出して、貼ったです。

FC2のファイルアップロード。画像を貼るためのタグが
長いです〜。最初、[http〜jpg]を抜き出して貼った時
表示されず、ええ?と思って、全部貼っても表示されず。
この繰返しをしていて、うむむ。jpgの後に入れていた
[borber="0"]をはずしてみて、表示できました。
入れれないのかなあ。Mac+Firefoxでは枠なしだけど。
大丈夫なのかな。後で、確認しておこう。

このままだと、前のタイトルとサブタイトルが出てしまうので
[HTML]
<div id="banner">内の
<h1><a href="./"><%blog_name></a></h1>
↑タイトル
<h2><%introduction></h2>
↑サブタイトル
を全部消しました。

あ、「設定した情報の変更」に行って、タイトル部分と説明を
空欄にするだけでもいいみたいです。
(↑あ、ダメです。FC2の新着記事一覧で、記事はでるけど
  名無しになってしまいます。)

と、こんな感じで。