枠を作ってみよう・・・②Uo･ｪ-oU/^☆ ｳﾌｯ♪

☆HAPPY LIFE☆

||<#FFffFF' style='color:#33CCFF;border: inset 5px #33CCFF;' 
``☆HAPPY LIFE☆||

☆HAPPY LIFE☆

||<#FFffFF' style='color:#33CCFF;border: dashed 5px #33CCFF;' 
``☆HAPPY LIFE☆||

☆HAPPY LIFE☆

||<#FFffFF' style='color:#33CCFF;border: dotted 5px #33CCFF;' 
``☆HAPPY LIFE☆||

☆HAPPY LIFE☆

||<#FFffFF' style='color:#33CCFF;border: solid 15px #33CCFF;' 
``☆HAPPY LIFE☆||

☆HAPPY LIFE☆

||<#FFffFF' style='color:#FF66FF;border: double 15px #FF66FF;' 
``☆HAPPY LIFE☆||

☆HAPPY LIFE☆

||<#FFffFF' style='color:#FF66FF;border: dotted 15px #FF66FF;' 
``☆HAPPY LIFE☆||

☆HAPPY LIFE☆

||<#FFffFF' style='color:#FF66FF;border: dashed 15px #FF66FF;' 
``☆HAPPY LIFE☆||

☆上下グラデーションの枠にしてみよぅ(ﾟ▽^*)ﾉ⌒☆

||<#FFFFFF' style='text-align:center;color:#FFFFFF;font:bold 10pt ;
filter:progid:DXImageTransform.Microsoft.
Gradient(startcolorstr=#33FF33 ,endcolorstr=#FFFF2B,gradienttype=0)' 
``[[attached(※)]]||

gradienttype=0の数字を1にするとグラデーションが左右になるよ(o^－^o)

☆二重線と左右グラデーションの枠にしてみよぅ(ﾟ▽^*)ﾉ⌒☆

||<#FFFFFF' style='border:double #009900 5px;text-align:
center;color:#FFFFFF;font:bold 10pt;filter:progid:DXImageTransform.
Microsoft.Gradient(startcolorstr=#33FF33 ,endcolorstr=#FFFF2B,gradienttype=0)' 
``[[attached(※)]]||

gradienttype=1の数字を0にするとグラデーションが上下（縦）になるよ(o^－^o)

||<#FFFFFF' style='border:double #009900 5px;text-align:center;
color:#FFFFFF;font:bold 10pt;filter:progid:DXImageTransform.Microsoft.
Gradient(startcolorstr=#33FF33 ,endcolorstr=#FFFF2B,gradienttype=1)' 
``[[attached(※)]]||

☆枠付き写真の右側をぼかしてみよぅ(ﾟ▽^*)ﾉ⌒☆

||<#FF0099'style=' filter:alpha(style=1,opacity=100,finishopacity=0);' 
``[[attached(※)]]||

opacity=0,finishopacity=100にすると左側をぼかせるよ(o^－^o)

☆画像を中央に寄せてみよぅ(ﾟ▽^*)ﾉ⌒☆

||<#ffffff' ``||
||<#ffffff' style='width:100px' ``
||<#FFFFFF' style='border:double #009900 5px;text-align:
center;color:#FFFFFF;font:bold 10pt;filter:progid:DXImageTransform.
Microsoft.Gradient(startcolorstr=#33FF33 ,endcolorstr=#FFFF2B,gradienttype=1)' 
``[[attached(※)]]
||<#ffffff' ``||

||<#ffffff' ``||
||<#ffffff' style='width:100px' ``
||<ここに使いたい文法を入れてね♡　（最後に||がついてたら消してね）
||<#ffffff' ``||

↑こうすると左にスペースが入れれます。width:のあとの数字は左側のスペースダヨ。画像の幅に応じて色々試してみてね(ﾟ∇^*)

☆色を分けて並べてみよぅ(ﾟ▽^*)ﾉ⌒☆

||<#FFFFFF' ``||
||<#FF0000' ``[[attached(※)]]
||<#0066FF' ``[[attached(※)]]
||<#FFFF00' ``[[attached(※)]]
||<#FFFFFF' ``||

画像の最大幅は560ピクセル÷並べる枚数(ﾟ∇^*)

「♥･Wiki･♥」書庫の記事一覧

日	月	火	水	木	金	土
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30

♥･:..｡♡HAPPY LIFE♥･:..｡♡

♥･Wiki･♥