Freepage List

タグのテスト


< 新しい記事

新着記事一覧(全345件)

過去の記事 >

2005.10.28
XML

【解説】写真に額縁（フレーム・枠）を付ける

(20)
テーマ： ホームページ作成の悩み(550)
カテゴリ： 楽天ブログ便利帳

写真に枠をつけて遊ぶ








額に入れて、写真がキレイに飾られた様に見えます。

写真の境目がハッキリして、写真が引き立つ効果もあります。




タグの仕組み


これも『テーブル・タグ』を使っています。
<table border="4" bordercolorlight=" #ebd699 " bgcolor=" #e0c266 " bordercolordark=" #cc9900 "><tr><td>画像</td></tr></table>


■ 枠の太さ ■
table border="4"


枠（ボーダー）に色を着けて表現しています。

色は、枠を左から見て、順番に、


■ 明るい色（ライト） ■
bordercolorlight=" #ebd699 "


■ 中間色（バックグラウンド） ■
bgcolor=" #e0c266 "


■ 暗い色（ダーク） ■
bordercolordark=" #cc9900 "


となっています。

「どれ」 が 「どの場所」の色か、分かり易くしてみます。

table border="10"
bordercolorlight=" #bbbbbb " bgcolor=" #487dba " bordercolordark=" #a32f69 "


このカラーコード（ #cc9900 ）を変える事で、色を変更できます。

自分好みの枠を作ってみましょう。

（何色にしようかなぁ～）と悩むのも楽しいですね。

沢山の色を用意してます。

お好きな色をどうぞ → 【色見本帳】




写真と、額の色


「写真」と、「額の色」の組み合わせで、

どんな違いがあるでしょうか。

実験してみます。


■ 思い切り明るい色 ■
リードの色とたまたま同じになりました。


■ 茶色 ■
このページの背景と合う様です。



■ 灰色 ■
灰色は「全ての中間色」と言われています。
これは濃い灰色なので、少し暗く見えますが、
薄い灰色なら、どんな背景、写真、にも合います。


■ 黒 ■
縁起でもありません。



■ 意図的に黒を使う ■


写：spiky09
写真が引き締まって見えます。
カッコイイですね。


■白い四角を写真の上下に並べてみます■
■　■　■　■　■　■　■　■　■　■　■　■　■



■　■　■　■　■　■　■　■　■　■　写：spiky09
 フィルムの様な効果が出ました。
<font style="font-size:14px;"><font color="#ffffff"><table border="4" bordercolorlight="#333333" bgcolor="#333333" bordercolordark="#333333"><tr><td>■　■　■　■　■　■　■　■　■　■　■　■　■

画像

■　■　■　■　■　■　■　■　■　■　■　■　■
</td></tr></table></font></font>



枠の太さ、枠の色、それぞれお好みに変えて、遊んでみて下さい＾＾

■基本タグ■
<table border="太" bordercolorlight="明" bgcolor="中" bordercolordark="暗"><tr><td>画像</td></tr></table>

【色見本帳】





【ブログランキング】
今日もクリック（投票）してニャ＾＾
クリックして投票してニャ＾＾




☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆

【写 真 集】 【中 華 街】

【楽天ブログ便利帳】
「色見本帳・カラーチャート」
「タグ帳」 「画像置き場」 「便利ソフト」
「楽天ブログQ&A　よくある質問」 「ホームページ スペース」
楽天ブログニュース ・【画像オプション】 「５MB」 → 「１５MB」に。詳しくはここをクリック 2005/10/27　　・【アルバム機能】 が追加されました。 2005/09/29　　・【トラックバック】 悪質なトラックバック・スパムに対応。迷惑行為が確認されているサイトからのトラックバックを、一括で受け取らないように設定を行った。今後も迷惑行為が見られた場合、随時対応を行っていく。 2005/09/21　　・【日記・記事の投稿】 １日の投稿 「３件まで」→「５件まで」に変更。 2005/08/22　　・【対応】 ツールを使った自動巡回行為への対応強化。 2005/06/23

☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆






お気に入りの記事を「いいね！」で応援しよう

Last updated  2005.11.03 22:44:24
コメント(20) | コメントを書く

もっと見る



■コメント

お名前
タイトル
メッセージ
画像認証
別の画像を表示
上の画像で表示されている数字を入力して下さい。


利用規約 に同意してコメントを
※コメントに関するよくある質問は、 こちら をご確認ください。


Re:【解説】写真に額縁（フレーム・枠）を付ける(10/28)  
77NANA  さん
おぉ！コレはすごくいいですね～（＾＾）
さっそくやってみたいです！！（額をつけるほどの写真はないけど！笑）

下の２枚の写真、いいですね～！
さっすが、カメラマン！（＾＾） (2005.10.28 11:44:56)

Re:【解説】写真に額縁（フレーム・枠）を付ける(10/28)  
彦蔵  さん
こんなの欲しかったんです～！
タグの本など買わず（もったいないし　めんどくさいから）
ネットで紹介してる　タグをコピペして使ってるので　助かります。
よそでは　分かりにくくて　断念してたんですが・・・
こちらのは　使いやすそうです。　今度お借りしに来ます～♪ (2005.10.28 12:10:44)

Re:【解説】写真に額縁（フレーム・枠）を付ける(10/28)  
猫の机  さん
すぱさん！こんにちは♪
さっそく、トップページの猫祭りの画像に枠をつけました。♪
額縁の絵を描かなくても、タグで出来るなんて便利ですね～。
ありがとうございました～。 (2005.10.28 12:26:35)

★　77NANAさん へ  
spiky09  さん
●おぉ！コレはすごくいいですね～（＾＾）
さっそくやってみたいです！！（額をつけるほどの写真はないけど！笑）


★色々遊べますよ。
どんな色を使うのか、人それぞれ、十人十色ですから、
見させて頂くのが楽しみです。楽しみにしてます。
分からない所があったり、上手く行かない時には、
気軽に声を掛けて下さいね＾＾


●下の２枚の写真、いいですね～！
さっすが、カメラマン！（＾＾）


★えへへ *＾＾*
とっておきの写真です＾＾
フィルム効果は、この日記を書いている内に思い付きました。
ラッキ～～～＾＾ (2005.10.28 13:05:21)

★　彦蔵さん へ  
spiky09  さん
●こんなの欲しかったんです～！
タグの本など買わず（もったいないし　めんどくさいから）
ネットで紹介してる　タグをコピペして使ってるので　助かります。
よそでは　分かりにくくて　断念してたんですが・・・
こちらのは　使いやすそうです。　今度お借りしに来ます～♪


★今日の猫ちゃんの写真、いいですね～＾＾

　「こんなの欲しかった」、「使い易そう」とは、嬉しいです＾＾
作った甲斐がありました。６時間かかって書きましたので・・・ｗ
上手くいかなかったり、分からない所があったら、また声掛けて下さいね。 (2005.10.28 13:08:48)

★　猫の机さん へ  
spiky09  さん
●すぱさん！こんにちは♪
さっそく、トップページの猫祭りの画像に枠をつけました。♪
額縁の絵を描かなくても、タグで出来るなんて便利ですね～。
ありがとうございました～。


★こんにちは＾＾
さっそく使って下さって、うれし～＾＾

　日記って、１０，０００文字までしか書けないんですね。
色を変えたり、文字の大きさ変えたり、と、タグを沢山使うと、
あっと言う間にスペースがなくなります。
もっともっと沢山の例を書きたかったんですけどね＾＾；
数例しか書けませんでした。

■枠の太さも変えられるので、写真の大きさに合わせてデザイン出来ます。

■日記で使う場合は、

<TABLE BORDER><TR><TD>画像</TD></TR></TABLE>

と一気に並べて書かないと駄目よ。

等々、まだまだ書きたい事があったんですけどね＾＾；

写真については、まだまだ紹介したいタグがあるので、
次回も写真関連のタグを紹介しようと思ってます。 (2005.10.28 13:20:26)

Re:【解説】写真に額縁（フレーム・枠）を付ける(10/28)  
☆まるめぐ☆  さん
ふぇ～。こんなに簡単に…というかわかりやすくフレームがつけられたんですね！
私は今まで素材屋さんみたいなところのを使っていました。
で、画像を枠の大きさに合わせなきゃいけないものだと思って四苦八苦していたんですよね…。

それと画像オプションが大きくなったんですね！
今日画像を登録したら、「利用中のスペース」っていう赤い棒が短くなっていたので
おかいしなぁと思っていたのです。あ、でも画像倉庫の中身を移動しなくちゃですね。

タメになるコラムだわぁ。
ついでにニュースなんかも噛み砕いて教えていただけたら…なんて。
横着者ですね。 (2005.10.28 16:58:38)

こんにちはぁ～  
yu～26  さん
来る度に勉強になりますねーーー（＾∀＾）
すごい！！ (2005.10.28 18:14:28)

うわわわわわ♪  
呑んベえ  さん
枠ってこんなに遊べたのか～～～（＞▽＜）ノ”
たのしそ～～～♪

すごい、すごいですね！ね！ね！（大興奮）

もうsupikyさんを師匠と呼ぶしかない～！！
師匠！
いつか、
『パソコン研修＋猫写真撮影会＋中華街穴場紹介』なオフ会を開催してください～（＞▽＜）

あ、相方Fujiaiとの会話でspikyさんのことが出るんですが、相方ってば『どうしてもスパイシーさんって読んじゃうんだよなあ』ですって。ぴりりっとな。 (2005.10.28 22:05:12)

★　☆まるめぐ☆さん へ  
spiky09  さん
●ふぇ～。こんなに簡単に…というかわかりやすくフレームがつけられたんですね！
私は今まで素材屋さんみたいなところのを使っていました。
で、画像を枠の大きさに合わせなきゃいけないものだと思って四苦八苦していたんですよね…。


★色んな枠を用意した方が良いかなぁ、と思ったのですが、
自分好みの枠を作る楽しさもあるよなぁ～、、、と思って、
作り方の紹介だけさせて頂きました。

　「画像を枠の大きさに合わせないと、、、」という件、なるほどぉ。
当然な疑問ですよね～。うんうん。

　基本的に『テーブル枠』は、中身に合わせて、大きさが勝手に広がってくれます。
たまに、文章を「勝手に折り返して」くれたりしますが、、、、＾＾；
写真の場合、枠を、写真より小さくなる指定をしても、
「枠が写真より小さく」なる事はありませんよ。
サランラップだと思って下さい。
サランラップが「お皿」を小さくしてしまう事はありませんよね。


●タメになるコラムだわぁ。
ついでにニュースなんかも噛み砕いて教えていただけたら…なんて。
横着者ですね。


★ニュースというのは、世論とか政治について、、、、じゃないですよね？ｗｗｗ

　『楽天NEWS』については、
重要な事なのに分かり難い、という点があれば、説明入りで載せたいと思ってます。
質問を頂ければ、積極的にお答えしますよ～＾＾ (2005.10.28 22:12:02)

★　yu～26さん へ  
spiky09  さん
●来る度に勉強になりますねーーー（＾∀＾）
すごい！！


★うふ♪＾＾
そう言って頂けると、頑張って作った甲斐があります＾＾
時間は掛かりますが、【色見本帳】もまだまだ色んな「色」を載せて行きます。
役に立つ「小技」や、タグも、沢山紹介して行く予定です。
次は、またまた画像について。
それから、バナーの貼り方の注意点なんかも紹介する予定です。
ご要望も大歓迎です。
これからも宜しくお願いします＾＾ (2005.10.28 22:16:16)

★　呑んベえさん へ  
spiky09  さん
●枠ってこんなに遊べたのか～～～（＞▽＜）ノ”
たのしそ～～～♪

すごい、すごいですね！ね！ね！（大興奮）


★遊べますよ～～～。
思う様遊んじゃって下さ～～～い＾＾


●もうsupikyさんを師匠と呼ぶしかない～！！
師匠！
いつか、
『パソコン研修＋猫写真撮影会＋中華街穴場紹介』なオフ会を開催してください～（＞▽＜）


★面白そ～～。
フルコースですねｗｗｗ
ご要望があれば、『第一回チキチキ楽天ブログ大会』なんてのもやってみたいｗｗｗ
パペットマペットの衣装で現われますのでヨロシクｗｗｗ
運動会の季節ですし（意味不明）


●あ、相方Fujiaiとの会話でspikyさんのことが出るんですが、
相方ってば『どうしてもスパイシーさんって読んじゃうんだよなあ』ですって。ぴりりっとな。


★おぉぉぉぉ、私の名前ば出るとね？（何弁？ｗ）　光栄です～＾＾
以前の会社で、「スパイシー」と呼び続けていた人、居ましたよｗ
あながち間違いでは ありません。
「spicy」にすれば、問題解決です。＾＾ (2005.10.28 22:24:48)

Re:【解説】写真に額縁（フレーム・枠）を付ける(10/28)  
やっしーぃ  さん
すっごーい！！！こんな技があったんだ（驚）
さっそく使ってみなければ！！！ぴきゅ～～ん☆ (2005.10.29 00:08:50)

★　やっしーぃさん へ  
spiky09  さん
●すっごーい！！！こんな技があったんだ（驚）
さっそく使ってみなければ！！！ぴきゅ～～ん☆


★これ、お手軽便利でしょ？ｗ
紹介日記を書いている内に、一番最後のフィルム効果を思い付きました。
感動～～～TOT

　まだまだ色んな画像技、紹介して行きますよ。
お楽しみに～＾＾ (2005.10.29 02:52:44)

すぱさん・・・。  
marieve  さん
あのですね・・・。
ブログのトップに家の子たちを個別に紹介したいって常々思っているんです。

でもやり方わかんなくて・・・。
泣き寝入りなんですが、１匹１匹のお写真を
こういう風に額に入れたいんです。

ううう・・・(-_-；)

またしても役立つ情報！！
頑張らなきゃ！！ (2005.10.29 06:57:08)

★　marieveさん 　へ  
spiky09  さん
●あのですね・・・。
ブログのトップに家の子たちを個別に紹介したいって常々思っているんです。

でもやり方わかんなくて・・・。
泣き寝入りなんですが、１匹１匹のお写真を
こういう風に額に入れたいんです。


★おぉぉ、いいですね。
どういう風にしますか？イメージがあればお聞かせ下さい。
タグが苦手でしたら、私が作っちゃいますよ～＾＾
(2005.10.29 07:04:33)

Re:【解説】写真に額縁（フレーム・枠）を付ける(10/28)  
南風子  さん
すごいですね～＾＾

黒枠は。。。ちと。。。

な～んて思って見てたら
あんな使い方もあるんですね。＜（意図的に黒を使う）
すごく勉強になりました～～おもしろそ～～♪
暇な時にぜひトライしてみます＾＾
(2005.10.29 16:25:05)

★　南風子さん へ  
spiky09  さん
●すごいですね～＾＾

黒枠は。。。ちと。。。

な～んて思って見てたら
あんな使い方もあるんですね。＜（意図的に黒を使う）


★フィルム効果は、気に入ってしまいました。
またどっかで使おうと思います。


●すごく勉強になりました～～おもしろそ～～♪
暇な時にぜひトライしてみます＾＾


★ぜひチャレンジしてみて下さい。
色を選ぶのも楽しいですよ。
分からない所があったら、気軽に声を掛けて下さいね＾＾ (2005.10.30 00:26:12)

Re:【解説】写真に額縁（フレーム・枠）を付ける(10/28)  
えりもん♪  さん
こんにちは♪初めまして。
枠があると可愛いと思って、勉強しながらやってはみたものの位置がおかしくて困っていたのです。妙に隙間があいてしまって。
でも、このやり方でやってみたら隙間がなくなりました！
教えて欲しいのですけど、枠がついたまま写真を真ん中にしたい時はどうしたらいいですか？お願いします。 (2005.11.07 18:21:37)

★　えりもん♪さん へ  
spiky09  さん
●こんにちは♪初めまして。
枠があると可愛いと思って、
勉強しながらやってはみたものの位置がおかしくて困っていたのです。
妙に隙間があいてしまって。
でも、このやり方でやってみたら隙間がなくなりました！
教えて欲しいのですけど、
枠がついたまま写真を真ん中にしたい時はどうしたらいいですか？
お願いします。


★初めまして。
日記を拝見致しました。

■妙に隙間が空く：
これは、タグの途中で改行した為ですね。
これは既に解決されましたね。

■枠が付いたまま写真を真ん中に：

07，2005
りんごレーズンパン (1) [ pan ]

という日記を拝見した限りでは、
額縁の付いた写真が、中央に寄っていますね。
既に解決されたのでしょうか。
それとも、
額縁を大きくして、写真に余白を付ける、写真は額縁の中央に、
といった方法の事でしょうか。
もう少し詳しい話を お聞かせ頂けますでしょうか。
掲示板の方にてお知らせ頂けると幸いです。

　おっしゃる通り、額縁があると、お洒落ですね。
額縁のタグを、色んな種類作って、タグをコピーして
すぐに使える様にしたいなぁと思ってます。
額縁の素材屋さん、といった感じです＾＾ (2005.11.08 01:54:06)

【毎日開催】
15記事にいいね！で1ポイント
10秒滞在
いいね! -- / --
次の日記を探す
おめでとうございます！
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
X

PR

×

Profile

spiky09

spiky09

フォローする
© Rakuten Group, Inc.
Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
    Share by: