坦坦（こぶた）のマイブーム

ロゼワインにドはまり中・・・・。

転載記事（ブログ作成）

[ リスト | 詳細 ]

記事検索
検索

全3ページ

[1] [2] [3]

[ 次のページ ]

イラスト素材

https://blogs.yahoo.co.jp/IMG/ybi/1/f5/f1/china_rika/folder/1289827/img_1289827_24906159_0?20061205044216

https://blogs.yahoo.co.jp/IMG/ybi/1/f5/f1/china_rika/folder/1289827/img_1289827_24906159_1?20061205044216

https://blogs.yahoo.co.jp/IMG/ybi/1/f5/f1/china_rika/folder/1289827/img_1289827_24906159_2?20061205044216

https://blogs.yahoo.co.jp/IMG/ybi/1/f5/f1/china_rika/folder/1289827/img_1289827_24906159_3?20061205044216

https://blogs.yahoo.co.jp/IMG/ybi/1/f5/f1/china_rika/folder/1289827/img_1289827_24906159_4?20061205044216

https://blogs.yahoo.co.jp/IMG/ybi/1/f5/f1/china_rika/folder/1289827/img_1289827_24906159_5?20061205044216

https://blogs.yahoo.co.jp/IMG/ybi/1/f5/f1/china_rika/folder/1289827/img_1289827_24906159_6?20061205044216

https://blogs.yahoo.co.jp/IMG/ybi/1/f5/f1/china_rika/folder/1289827/img_1289827_24906159_7?20061205044216

[[attached(1,center)]]

[[attached(2,center)]]

[[attached(3,center)]]

[[attached(4,center)]]

[[attached(5,center)]]

[[attached(6,center)]]

[[attached(7,center)]]

[[attached(8,center)]]







　　　　　　　　　　　　　　　参考：素材屋ロロ’s...http://blogs.yahoo.co.jp/punpkinrorojp

転載元転載元: ★魅惑の福清★

開く トラックバック（0）

クリスマスソング♪

コピーするだけでＯＫ！だよ〜　楽しんでね〜(o^^o)ふふっ♪

http://dingo.care-mail.com/cards/flash/5407/deerz2.swf


[[embed(http://dingo.care-mail.com/cards/flash/5407/deerz2.swf,0,380,350)]]

転載元転載元: ★魅惑の福清★

開く トラックバック（0）

画像に背景色と枠をつける方法��〜説明文を入れよう、その２！！〜

https://blogs.yahoo.co.jp/IMG/ybi/1/b8/71/yankee_in_shanghai/folder/1419991/img_1419991_44330490_0?20061126075946

https://blogs.yahoo.co.jp/IMG/ybi/1/b8/71/yankee_in_shanghai/folder/1419991/img_1419991_44330490_1?20061126075946

https://blogs.yahoo.co.jp/IMG/ybi/1/b8/71/yankee_in_shanghai/folder/1419991/img_1419991_44330490_2?20061126075946

https://blogs.yahoo.co.jp/IMG/ybi/1/b8/71/yankee_in_shanghai/folder/1419991/img_1419991_44330490_3?20061126075946

前回からの続きです


�げ菫�を入れよう！！

「セル２」を消して、[[attached(画像番号)]]入れて下さい。
||<#ffffff' ``||
||<#A6BCAF' style='width:269px;text-align:center;border:2px #28492C double' ``セル１
||<#A6BCAF'  style='width:269px;border:4px #28492C double' ``[[attached(２)]]
||<#ffffff' ``||
注意点として、挿入する画像の幅です！！
この場合は、269pxに縮小された画像を入れて下さいね！！
結果↓
セル１ [[attached(2)]]



�デ愀覆良�を設定しよう！！

背景の幅の設定には「padding:」を使います。
「padding:」の横に希望の背景幅の数値を記入します⇒例)padding:4px 4px 4px 4px;
||<#ffffff' ``||
||<#A6BCAF' style='width:269px;text-align:center;padding:4px 4px 4px 4px;border:2px #28492C double' ``セル１
||<#A6BCAF'  style='width:269px;padding:4px 4px 4px 4px;border:4px #28492C double' ``[[attached(２)]]
||<#ffffff' ``||
注意点として、挿入する画像の幅です！！
この場合は、269pxに縮小された画像を入れて下さいね！！
結果↓
セル１ [[attached(2)]]
「padding:」は省略してもいいのですが、省略すると自動的(既定)で8pxの幅になってしまいます。
⇒�い鉢イ侶覯未如�背景の幅が違うでしょ！！
私、個人的には8pxは太すぎると思ってますので、4pxを指定してます。
もちろん、太くして、視覚的効果を狙っても面白いですよ！！
⇒目には見えませんが、セル１にも背景幅があって、これも「padding:」を設定するかどうかで、
多少変わります。



�κ源�の色を設定しよう！！

文字の色の設定には「color:」を使います。
「color:」の横に希望の色番号(#＋6桁)の数値を記入します⇒例)color:#28492C
||<#ffffff' ``||
||<#A6BCAF' style='width:269px;text-align:center;padding:4px 4px 4px 4px;border:2px #28492C double;color:#28492C' ``セル１
||<#A6BCAF'  style='width:269px;padding:4px 4px 4px 4px;border:4px #28492C double' ``[[attached(２)]]
||<#ffffff' ``||
注意点として、挿入する画像の幅です！！
この場合は、269pxに縮小された画像を入れて下さいね！！
結果↓
セル１ [[attached(2)]]


�С読�を調整して見やすくしよう！！

�Δ泙任任蓮∧源�のセルと、画像のセルの幅が同じ(全幅を２等分)してました。
これでは、あまりカッコよくないですね。
文字のセルと画像のセルの幅を色々と変えてみて、自分にぴったりの幅の振り分けをトライして下さい
パターンＡ/セル１幅(文字部分幅)=309px、画像幅=227px(8cm) [[attached(3)]]

パターンＢ/セル１幅(文字部分幅)=269px、画像幅=269px(9.5cm) [[attached(2)]]

パターンＣ/セル１幅(文字部分幅)=196px、画像幅=340px(12cm) [[attached(4)]]

パターンＤ/セル１幅(文字部分幅)=74px、画像幅=462px(16cm) [[attached(1)]] 

私、個人的には、パターンＤが一番気に入ってます。
画像も大きく表示出来て、説明には十分の文章が入りますから。。。
パターンＤは、↓こうなってます！！これを基本に、幅とか色番号を変えれば楽と思います！！
||<#ffffff' ``||
||<#A6BCAF' style='width:74px;text-align:center;padding:4px 4px 4px 4px;border:2px #28492C double;color:#28492C' ``パターンＤ/セル１幅(文字部分幅)=74px、画像幅=462px(16cm)
||<#A6BCAF'  style='width:462px;padding:4px 4px 4px 4px;border:4px #28492C double' ``[[attached(1)]]
||<#ffffff' ``||

一応、これで、終わりなんですが。。。
CPONDさん、如何でしたか〜？？
判りましたか〜(笑)？？

転載元転載元: 上海わいわい

開く トラックバック（0）

クリスマス素材 ��

https://blogs.yahoo.co.jp/IMG/ybi/1/f5/f1/china_rika/folder/1289827/img_1289827_24431175_0?20061126032248

https://blogs.yahoo.co.jp/IMG/ybi/1/f5/f1/china_rika/folder/1289827/img_1289827_24431175_1?20061126032248

https://blogs.yahoo.co.jp/IMG/ybi/1/f5/f1/china_rika/folder/1289827/img_1289827_24431175_2?20061126032248

https://blogs.yahoo.co.jp/IMG/ybi/1/f5/f1/china_rika/folder/1289827/img_1289827_24431175_3?20061126032248

https://blogs.yahoo.co.jp/IMG/ybi/1/f5/f1/china_rika/folder/1289827/img_1289827_24431175_4?20061126032248

https://blogs.yahoo.co.jp/IMG/ybi/1/f5/f1/china_rika/folder/1289827/img_1289827_24431175_5?20061126032248

https://blogs.yahoo.co.jp/IMG/ybi/1/f5/f1/china_rika/folder/1289827/img_1289827_24431175_6?20061126032248

https://blogs.yahoo.co.jp/IMG/ybi/1/f5/f1/china_rika/folder/1289827/img_1289827_24431175_7?20061126032248

https://blogs.yahoo.co.jp/IMG/ybi/1/f5/f1/china_rika/folder/1289827/img_1289827_24431175_8?20061126032248

https://blogs.yahoo.co.jp/IMG/ybi/1/f5/f1/china_rika/folder/1289827/img_1289827_24431175_9?20061126032248

https://blogs.yahoo.co.jp/IMG/ybi/1/f5/f1/china_rika/folder/1289827/img_1289827_24431175_10?20061126032248

[[attached(1,center)]]

[[attached(2,center)]]

[[attached(3,center)]]

[[attached(4,center)]]

[[attached(5,center)]]

[[attached(6,center)]]

[[attached(7,center)]]

[[attached(8,center)]]

[[attached(9,center)]]

[[attached(10,center)]]

[[attached(11,center)]]



　　　　　　　　　　　　　　　参考：素材屋ロロ’s...http://blogs.yahoo.co.jp/punpkinrorojp

転載元転載元: ★魅惑の福清★

開く トラックバック（0）

画像に背景色と枠をつける方法��〜説明文を入れよう、その１！！〜

https://blogs.yahoo.co.jp/IMG/ybi/1/b8/71/yankee_in_shanghai/folder/1039823/img_1039823_44296675_1?20061125041525

今回より、最終的に、この様な画像の横に、説明文を付ける方法です！！長くなりますので、2回に分けて、説明しますね！！ [[attached(1)]]

�．札襪鯤造戮�
この項が、全ての基本になります。
この構文に、色々と付け加えていくと、最終的に、一番上↑の様になります
２つのセルを並べる場合
||<#ffffff' ``||
||<#C7B9DA' style='width:280px' ``セル１
||<#C7B9DA' style='width:280px' ``セル２
||<#ffffff' ``||
注意⇒widthの巾の合計が、567pxを超えないように！！
結果↓
セル１ セル２ 


３つのセルを並べる場合
||<#ffffff' ``||
||<#C7B9DA' style='width:185px' ``セル１
||<#C7B9DA' style='width:185px' ``セル２
||<#C7B9DA' style='width:185px' ``セル３
||<#ffffff' ``||
注意⇒widthの巾の合計が、567pxを超えないように！！
結果↓
セル１ セル２ セル３ 


widthの数値は、同じにしなくても、いいですよ〜
||<#ffffff' ``||
||<#C7B9DA' style='width:100px' ``セル１
||<#ffffff' style='width:50px' ``セル２
||<#C7B9DA' style='width:405px' ``セル３
||<#ffffff' ``||
注意⇒widthの巾の合計が、567pxを超えないように！！
結果↓
セル１ セル２ セル３
↑セル２の背景がありませんね。。。これは背景色を「白=#ffffff」に指定したからです。
背景色をなしにしたい場合は、「白=#ffffff」にしましょう！！



�∀箸鯢佞韻茲�

「border:」を入れて、枠の太さ(px)、枠の色番号(#＋6桁)、枠の種類の順に指定します
||<#ffffff' ``||
||<#C7B9DA' style='width:269px;border:2px #A9518B double' ``セル１
||<#C7B9DA' style='width:269px;border:4px #A9518B double' ``セル２
||<#ffffff' ``||
注意⇒widthの巾と枠の巾の合計が、567pxを超えないように！！(枠の巾は左右あるので2倍になります)
結果↓
セル１ セル２
枠の種類をdoubleに指定すると、2pxなら太線、4pxなら太線+細線、6pxなら太線2本。。。となります



�Ｊ源�を真ん中にもっていこう！！

セル１の文字を真ん中にもってきましょう(センターリング)
「text-align:center;」と入れて下さい。
||<#ffffff' ``||
||<#C7B9DA' style='width:269px;text-align:center;border:2px #A9518B double' ``セル１
||<#C7B9DA'  style='width:269px;border:4px #A9518B double' ``セル２
||<#ffffff' ``||
結果↓
セル１ セル２

はい、今回は、ここまで！！
次回は、いよいよ、画像の添付です！！

いかがですか〜？？
判りましたか〜(笑)？？

転載元転載元: 上海わいわい

開く トラックバック（0）

全3ページ

[1] [2] [3]

[ 次のページ ]

Yahoo!ブログからのお知らせ

よしもとブログランキング

もっと見る

[PR]お得情報

ふるさと納税サイト『さとふる』
11／30まで５周年記念キャンペーン中！
Amazonギフト券1000円分当たる！
いまならもらえる！ウィスパーうすさら
薄いしモレを防ぐ尿ケアパッド
話題の新製品を10,000名様にプレゼント
ふるさと納税サイト『さとふる』
お米、お肉などの好きなお礼品を選べる
毎日人気ランキング更新中！
コンタクトレンズで遠近両用？
「2WEEKメニコンプレミオ遠近両用」
無料モニター募集中！
いまならもらえる！ウィスパーＷガード
薄いしモレを防ぐパンティライナー
話題の新製品を10,000名様にプレゼント

その他のキャンペーン

プライバシー -  利用規約 -  メディアステートメント -  ガイドライン -  順守事項 -  ご意見・ご要望 -  ヘルプ・お問い合わせ

Copyright (C) 2019 Yahoo Japan Corporation. All Rights Reserved.

みんなの更新記事
前へ 次へ