Ads by Google
その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の新着記事一覧で、記事はでるけど
名無しになってしまいます。)
と、こんな感じで。
<<その8〜文字の色〜 | ホーム | その6〜blogのデザイン考え中〜>>
(ばんざ〜い)
とりあえず、一番目につくところの「バナー」を
自前の写真でつくりました。
トガキューで「青系」写真を集めて表示させることは、
無理だそうであります。でも、お師匠さんが、別の案を
ご紹介してくださるということなので(ありがたいです 拝)
びおにできるんだったら、そちらをやってみようかと。。
それまで、この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の新着記事一覧で、記事はでるけど
名無しになってしまいます。)
と、こんな感じで。
Thanks Comment !
文字の影
鮮やかなブルーのバナー、きれいですね。文字の影は、Photoshopだと、上のメニューのレイヤー→レイヤーのスタイル→ドロップシャドウでもできます。ぼんやりした影とかはっきりした影とかいろいろ調節できますよ。レイヤーをずらす方法とどっちがいいのかなんてことはわかんないんですけどね。。。
Seesaaがまだ、メンテナンス中。5時間延長って、びおの自由時間がなくなるじゃないか。。
あ、あった!あたまが「手作業」人間なので、そういう機能があることすら、考えつかなかったです。もしかして、今まで手作業でやってたことももしかして、全部やってくれる機能があるのかもしれない。。
今日は、Potoshop探検だなあ。。
ありがとうございます!
あ、あった!あたまが「手作業」人間なので、そういう機能があることすら、考えつかなかったです。もしかして、今まで手作業でやってたことももしかして、全部やってくれる機能があるのかもしれない。。
今日は、Potoshop探検だなあ。。
ありがとうございます!
- 2005/01/21(Fri) 08:25:27 |
- URL |
- びおびお #-
- [ちょと手直し]
これは個人的な好みかも知れませんが…。
左右のサイドバーの枠、#666 だと外側のキレイな青い線とあまり合わないようなので、#9999FF あたりにしてみてはいかがでしょうか?
左右のサイドバーの枠、#666 だと外側のキレイな青い線とあまり合わないようなので、#9999FF あたりにしてみてはいかがでしょうか?
- 2005/01/21(Fri) 09:24:53 |
- URL |
- V.J.Catkick #qbIq4rIg
- [ちょと手直し]
してみました。#9999FF。
いかがでしょう? クールだあ!
ここのところが、なんとなく、上がつまってる感じがして、すこし下げようかなとも思っていたところで。。
左右サイドバーは、まだ、改造前で
もしかしたら、この枠もはずすかもしれません。
なぜだか、ごちゃっとなっている感じがするんですよお。文字を小さくしてみるとか、文字の色を変えてみるとか、いろいろ考え中でございます。へへへ。
いかがでしょう? クールだあ!
ここのところが、なんとなく、上がつまってる感じがして、すこし下げようかなとも思っていたところで。。
左右サイドバーは、まだ、改造前で
もしかしたら、この枠もはずすかもしれません。
なぜだか、ごちゃっとなっている感じがするんですよお。文字を小さくしてみるとか、文字の色を変えてみるとか、いろいろ考え中でございます。へへへ。
- 2005/01/21(Fri) 11:05:47 |
- URL |
- びおびお #-
- [ちょと手直し]
頑張ってますね!
Myblogへのコメントありがとうございます。('-'*)オヒサ♪です。
さて───。
独力の成果をしっかり拝見させて戴きましたが、かなりブログらしく(笑)なってきましたね。ちょっと文字サイズが小さいのが気になりましたが、引き続きお互いにp(^^)qガンバりましょう。
さて───。
独力の成果をしっかり拝見させて戴きましたが、かなりブログらしく(笑)なってきましたね。ちょっと文字サイズが小さいのが気になりましたが、引き続きお互いにp(^^)qガンバりましょう。
- 2005/01/25(Tue) 22:26:17 |
- URL |
- hkom #SEUMlIo6
- [ちょと手直し]
なんとか、ここまでやってみました。
がんばります。
ところで、文字小さいですか?
大き過ぎると疲れるという話もあって
このくらいかな〜とやってみたんですけど。。
サイドはちょっとちいさいか。。
考え中。。
がんばります。
ところで、文字小さいですか?
大き過ぎると疲れるという話もあって
このくらいかな〜とやってみたんですけど。。
サイドはちょっとちいさいか。。
考え中。。
- 2005/01/26(Wed) 00:32:53 |
- URL |
- びおびお #-
- [ちょと手直し]



びおびお(02/21)
せんちゃん(02/20)
高橋孤舟(02/19)
びおびお(11/28)
みんなのプロフィール
(09/04)