○ ブログ素材 ○

♡壁紙素材の利用♡・・・画像貼り付け方法

https://blogs.yahoo.co.jp/IMG/ybi/1/75/62/mimirin022/folder/1416801/img_1416801_40911496_0?20070109013458

お友達から『壁紙の背景の中に画像を入れるには　どうしたらいいのでしょうか？　との質問があったので追加で記事UPしますね(^∇⌒*)⌒☆

https://blogs.yahoo.co.jp/IMG/ybi/1/75/62/mimirin022/folder/1174488/img_1174488_22899804_18?20060218082751.gif

『背景の中に画像』　[[attached(1)]]

||<#ffffff'style='background-image:url(http&＃５８//img.blogs.yahoo.co.jp/ybi/1/75/62/mimirin022/folder/1468833/img_1468833_40865072_0?2006-09-02);width:560;height:397;font:30px;text-align:center;word-spacing:560;line-height:60px;color:#000000'``『背景の中に画像』　[[attached(1)]]||

画像を入れたい場所に
　　　↓
[[attached(●)]]　　　　　　　　　　　。

[[attached(●,left)]]　[[attached(●,center)]]　[[attached(●,right)]]）

●に添付したい数字を入れてください

そしてもう一つ文字を左寄せにしたい時の表示方法もUPしますね(^∇⌒*)⌒☆

文字を左寄せにします♡(*^m^*)ﾑﾌｯ☆　是非参考にしてみてくださいね(^∇⌒*)⌒

||<#ffffff'style='background-image:url(http＆＃５８//img.blogs.yahoo.co.jp/ybi/1/75/62/mimirin022/folder/1174488/img_1174488_41876918_19?2006-09-27);width:560;height:397;font:25px;text-align:left;word-spacing:560;line-height:70px;color:#003AEA'``文字を左寄せにします♡(*^m^*)ﾑﾌｯ☆　是非参考にしてみてくださいね(^∇⌒*)⌒||

☆このソースをコピーして使えます☆

①画像URLのhttpの後ろの「：」を　文字コード「＆＃58」(半角）に置き換えてください。
　修正のたびに書き換えるのを忘れないで下さいね☆

②（http～の部分に、自分の好きな素材のアドレスをコピーして貼り付ける。）

③width:560;height:397は、素材の大きさ（width＝幅、height＝高さ）

④font:30pxは、文字の大きさ☆

⑤文字に段落をつけたい時は、全角スペースをあけると改行になります☆

⑥このソースをそのままコピーすると、余分な空白ができているので、隙間をを消去して、
　全部つなげて使ってね☆

⑦『center』で文字が真ん中に『left』で文字が左寄せになります。

転載元: ♡*’’*，すまいる♪，*’’*，♡

コメント（2）

トラックバック（0）

wiki文法・・・お勉強・・・『画像の配置』編

https://blogs.yahoo.co.jp/IMG/ybi/1/75/62/mimirin022/folder/857094/img_857094_36333432_0?20061006080247

https://blogs.yahoo.co.jp/IMG/ybi/1/75/62/mimirin022/folder/857094/img_857094_36333432_1?20061006080247

https://blogs.yahoo.co.jp/IMG/ybi/1/75/62/mimirin022/folder/857094/img_857094_36333432_2?20061006080247

https://blogs.yahoo.co.jp/IMG/ybi/1/75/62/mimirin022/folder/857094/img_857094_36333432_3?20061006080247

https://blogs.yahoo.co.jp/IMG/ybi/1/75/62/mimirin022/folder/857094/img_857094_36333432_4?20061006080247

https://blogs.yahoo.co.jp/IMG/ybi/1/75/62/mimirin022/folder/857094/img_857094_36333432_5?20061006080247

https://blogs.yahoo.co.jp/IMG/ybi/1/75/62/mimirin022/folder/857094/img_857094_36333432_6?20061006080247

https://blogs.yahoo.co.jp/IMG/ybi/1/75/62/mimirin022/folder/857094/img_857094_36333432_7?20061006080247

今回は【写真・画像の配置】のお勉強です（＾＾）

①「wiki文法」と「HTML文法」の併用はできません☆ 

②新規投稿の際には必ず「□wiki文法使用」にチェックを忘れずにいれてください☆

③wiki文法は全て半角で入力して下さい☆

https://blogs.yahoo.co.jp/IMG/ybi/1/75/62/mimirin022/folder/1415466/img_1415466_33068437_17?2006-05-15

[[attached(7)]]

これから説明に出てくる『画像番号』は上記を参考にして見て下さいね！！

①まず写真を左寄せにしたいときは・・・

[[attached(画像番号,left)]]

[[attached(1,left)]]

②写真を中央にしたい時は・・・・・

[[attached(画像番号,center)]]

[[attached(2,center)]]

③写真を右寄せにする時は・・・・

[[attached(画像番号,right)]]

[[attached(3,right)]]

そして画像を並べたい時は・・・・・

[[attached(画像番号)]]　　[[attached(画像番号)]]　　[[attached(画像番号)]]

[[attached(4)]]　　[[attached(5)]]　　[[attached(6)]]

文章の間に画像を表示させる時は・・・

 文章の間に``[[attached(画像番号)]]``画像を表示させます

文章の間に[[attached(8)]]画像を表示させます。

私の場合『単語登録』を利用して

『みぎ』『まんなか』『ひだり』で入力すれば

[[attached(,right)]]　[[attached(,center)]]　[[attached(,left)]]

と簡単に変換できるように登録してるんですよ。

『画像番号』は表示させずにすぐに数字を入れるだけにしてます。

『画像番号』の位置に数字を入れるだけなので

このほうが便利なのでお勧めですよ。　　

追加

[[Img(http://リンクURL)]]←この文法で横並びには出来ますか？？
とのご質問があったので調べてみました☆


左	中央	右

||<#ffffff'``||
||<#FFAAEA'style='text-align:left'``[[img(http://img.blogs.yahoo.co.jp/ybi/1/75/62/mimirin022/folder/1384085/img_1384085_35546148_0?2006-05-19)]]　左　
||<#ffffaa'style='text-align:center'``[[img(http://img.blogs.yahoo.co.jp/ybi/1/75/62/mimirin022/folder/1384085/img_1384085_26144708_0?2006-02-171)]]　中央　　
||<#ffff66'style='text-align:right'``[[img(http://img.blogs.yahoo.co.jp/ybi/1/75/62/mimirin022/folder/1384085/img_1384085_25620398_0?20060207162109.gif)]]　右　

☆　||<#ffffff'style='text-align:right'　＞ center　＞ right　で文字の位置指定をします。
　　　　↑背景色指定　↑文字位置↑指定

修正しました～～o(^－^o)(o^－^)o

記事参考にさせて貰ったＳＵＺＵＴＡさんから　
文字位置がきになるとのご意見を頂き早速手直しをしました。


左ｱﾊﾞﾀｰ画像	中央ﾌﾟﾛﾌ画像①	右ﾌﾟﾛﾌ画像②

||<#ffffff'``||
||<#FFAAEA'style='width:100;text-align:left'``左 [[img(http://img.blogs.yahoo.co.jp/ybi/1/75/62/mimirin022/folder/1384085/img_1384085_35546148_0?2006-05-19)]] ｱﾊﾞﾀｰ画像
||<#ffffaa'style='width:100;text-align:center'``中央 [[img(http://img.blogs.yahoo.co.jp/ybi/1/75/62/mimirin022/folder/1384085/img_1384085_26144708_0?2006-02-171)]] ﾌﾟﾛﾌ画像①
||<#ffff66'style='width:100;text-align:right'``右 [[img(http://img.blogs.yahoo.co.jp/ybi/1/75/62/mimirin022/folder/1384085/img_1384085_25620398_0?20060207162109.gif)]] ﾌﾟﾛﾌ画像②

カラーパレットこちらを参考にしてくださいね☆

詳しいことは京都写真日記：Wiki文法を使いこなそうこちらで詳しく説明してくれてますので
どうぞこちらを参考にされるといいと思います。

転載元: ♡*’’*，すまいる♪，*’’*，♡

コメント（0）

トラックバック（0）

wiki文法・・・お勉強・・・『ノート風』編

https://blogs.yahoo.co.jp/IMG/ybi/1/75/62/mimirin022/folder/1415466/img_1415466_33068437_4?20060418202650.gif

私がいつも使ってる『ノート』のように書く線の紹介です♡

こうやって線を引くと可愛く見えるでしょう～～♬

今回は特に使いやすいカラーを紹介してみました。

単色でも良いし。。。。

私はカラーミックスして使うのが好きかな

みなさんもいかがでしょうか～～～

https://blogs.yahoo.co.jp/IMG/ybi/1/75/62/mimirin022/folder/1174488/img_1174488_31926712_8?20060405094044.gif

青線

薄青線

水色線

うす水色線

赤線

濃ﾋﾟﾝｸ

薄ﾋﾟﾝｸ

紫線

薄紫線

黄色線

薄黄色線

緑線

黄緑線

うす黄緑線

wiki文法にチェック忘れないでね！！！

参考になれば嬉しいです♡そして『傑作ポチ』してくれるともっと嬉しいかも♬(＾＾)♬(＾Ｏ＾)♬(＾＾)♬(*

そのまま↓をコピーすればすぐに使えますよ☆もちろん転載もＯＫですよ！！

青線
||<#0000FF' style=width:560px;` `||
薄青線
||<#809FFF' style=width:560px;` `||
水色線
||<#2BCFFF' style=width:560px;` `||
うす水色線
||<#AAFFEA' style=width:560px;` `||

赤線
||<#FF0000' style=width:560px;` `||
濃ﾋﾟﾝｸ
||<#FF00BF' style=width:560px;` `||
薄ﾋﾟﾝｸ
||<#FF95E4' style=width:560px;` `||
紫線
||<#753AAF' style=width:560px;` `||
薄紫線
||<#C88FDA' style=width:560px;` `||

黄色線
||<#FFFF2B' style=width:560px;` `||
薄黄色線
||<#FFFF80' style=width:560px;` `||

緑線
||<#00BF30' style=width:560px;` `||
黄緑線
||<#00FF40' style=width:560px;` `||
うす黄緑線
||<#80FF9F' style=width:560px;` `||

その他の線を引きたい人は↓のカラーパレットを参考にして見てね(∂∇≦)=☆

カラーパレット参照

転載は→すまいる♪からどうぞo(^－^o)(o^－^)o

転載元: ♡*’’*，すまいる♪，*’’*，♡