ＢＬＯＧＳＴＵＤＹＲＯＯＭ

【Wiki】エビちゃんで遊んでみようヽ(^∇^)丿

画像を使っても出来ないかってことで、早速ヾ(∇^〃)

今回も、エビちゃん登場！！

https://blogs.yahoo.co.jp/IMG/ybi/1/86/ab/kazu_pharmacist2/folder/1031328/img_1031328_8922471_0?2006-06-21

①　さて、誰でしょう！？

||<#ffbfff' style='filter:progid:DXImageTransform.Microsoft.Pixelate(maxsquare=10)' 
``[[attached(①)]]||

||<#ffbfff' style='filter:progid:DXImageTransform.Microsoft.Pixelate(maxsquare=5)' 
``[[attached(①)]]||

||<#ffbfff' style='filter:progid:DXImageTransform.Microsoft.Pixelate(maxsquare=2)' 
``[[attached(①)]]||

②　朝日が眩しいよぉ！！

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

③　あ！エビちゃんが消えてゆく～！！

||<#ffffff' style='filter:alpha(style=3,opacity=100,finishopacity=100)'``[[attached(①)]]||

||<#ffffff' style='filter:alpha(style=3,opacity=100,finishopacity=50)'``[[attached(①)]]||

||<#ffffff' style='filter:alpha(style=3,opacity=100,finishopacity=0)'``[[attached(①)]]||

||<#ffffff' style='filter:alpha(style=3,opacity=50,finishopacity=0)'``[[attached(①)]]||

④　かわいいヾ(∇^〃)

||<#ffffff' style='filter: alpha(style=2,opacity=100,finishopacity=0)' ``[[attached(①)]]||

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
opacity(開始)・finishopacity(終了)=0(薄い)～100(濃い)

⑤　白黒

||<#ffffff' style='filter:gray' ``[[attached(①)]]||

⑥　白黒ネガ

||<#ffffff' style='filter:xray' ``[[attached(①)]]||

アバの回りも、白を指定してるのに、黒くなってるし･･･

⑦　カラーネガ

||<#ffbfff' style='filter:invert'　``[[attached(①)]]||

①には、画像の番号を半角で入れてくださいヾ(∇^〃)

文字間(改行部分)に空白ができるので、そこはキチンと詰めてください^^

使っていただける時、傑作押してもらったらうれしいですヽ(^∇^)丿

SILKの愉快な仲馬たち ━ヽ(ﾟ∀ﾟ )ﾉ━ ←転載は元記事からお願いします^^

https://blogs.yahoo.co.jp/IMG/ybi/1/8f/95/kazu_pharmacist/folder/1131398/img_1131398_32930661_0?20060426164824.gif

転載元: SILKの愉快な仲馬たち ━ヽ(ﾟ∀ﾟ )ﾉ━

コメント（8）

トラックバック（0）

【Wiki復刻】愉快な仲馬たちデザイン・・・ちょっとまとめ^^

ちょっと面倒かもしれないけど、これでお気に入りのデザインタイトル？が出来ないかな^^

SILKの愉快な仲馬たち ━ヽ(ﾟ∀ﾟ )ﾉ━

||<#FFFFFF' style='font-family: "ＭＳ Ｐゴシック";font-size:15pt;color:#0000FF;
text-align:center;vertical-align:middle;border: double 5px #000000;' width=550px height=100px
``SILKの愉快な仲馬たち ━ヽ(ﾟ∀ﾟ )ﾉ━||

で、上の表示になります^^

||<#FFFFFF' style='font-family: "①";font-size:②pt;color:#0000FF;text-align:③;
vertical-align:④;border: ⑤ 5px #000000;' width=550px height=100px
``SILKの愉快な仲馬たち ━ヽ(ﾟ∀ﾟ )ﾉ━||

①font-family;  フォント書体を指定

ＭＳＰゴシック

ＭＳＰ明朝

HGP創英角ﾎﾟｯﾌﾟ体

HG丸ｺﾞｼｯｸM-PRO

Arial Black

HGP行書体

HGP教科書体

恋文ペン字

②font-size;  文字の大きさ指定

10

15

20

③text-align;  文字横の位置

left

center

right

④vertical-align;  文字縦の位置

top
middle
bottom

⑤border;  枠の種類指定

double
solid
dotted
dashed
ridge

上の文字をそのままコピペして、置き換えたらいいですよヾ(∇^〃)

不要な時は、その部分を除いてね^^

文字間(改行部分)に空白ができるので、そこはキチンと詰めてください^^

使っていただける時、傑作押してもらったらうれしいですヽ(^∇^)丿

↓転載は元記事からお願いします^^

SILKの愉快な仲馬たち ━ヽ(ﾟ∀ﾟ )ﾉ━　【Wiki復刻】愉快な仲馬たちデザイン・・・ちょっとまとめて^^

転載元: SILKの愉快な仲馬たち ━ヽ(ﾟ∀ﾟ )ﾉ━

コメント（0）

トラックバック（0）

【Wiki】愉快な仲馬たちデザイン・・・色々④

グラデーションを作ってみよう！！

グラデタイプ①

SILKの愉快な仲馬たち ━ヽ(ﾟ∀ﾟ )ﾉ━

||<#80ff80' ``||
||<#ffffff' style='text-align:center;color:#ffffff;font:bold 10pt ;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#ff8080,endcolorstr=#ffff80,gradienttype=0)' ``SILKの愉快な仲馬たち ━ヽ(ﾟ∀ﾟ )ﾉ━
||<#80ff80' ``||
DXImageTransform.にできるスペースをなくすように^^

グラデタイプ②

SILKの愉快な仲馬たち ━ヽ(ﾟ∀ﾟ )ﾉ━

||<#00ffff' ``||
||<#ffffff' style='text-align:center;color:#0080ff;font:bold 10pt ;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#80bfff,endcolorstr=#80ff80,gradienttype=1)' ``SILKの愉快な仲馬たち ━ヽ(ﾟ∀ﾟ )ﾉ━
||<#00ffff' ``||
DXImageTransform.のとこにできるスペースをなくすように^^

で、自分でカラーコード変えてみよう！！

||<#①' ``||
||<#ffffff' style='text-align:center;color:#②;font:bold 10pt ;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#③,endcolorstr=#④,gradienttype=⑤)' ``SILKの愉快な仲馬たち ━ヽ(ﾟ∀ﾟ )ﾉ━
||<#⑥' ``||
①上の線
②真中文字色　③始まりの色　④終わりの色　⑤グラデタイプ半角で０or１
③下の線

グラデロングタイプ

SILKの愉快な仲馬たち ━ヽ(ﾟ∀ﾟ )ﾉ━

||<#ff0000' ``||
||<#ffffff' style='width:550px;text-align:center;color:#95004a;font:bold 10pt ;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#ff80ff,endcolorstr=#ff9e3c,gradienttype=0)' ``SILKの愉快な仲馬たち ━ヽ(ﾟ∀ﾟ )ﾉ━
||<#ff0000' ``||
progid:DXImageとgradienttype=0)のとこにできるスペースをなくすように^^
width:550pxここの550を変えることで、長さの調節^^ bold 10ptの10を変えれば文字の大きさ^^

- カラーコード早見表簡単ver.-


	#ffffff		#000000

#950000	#ff0000	#ff8080	#ffbfbf	#ffd5d5

#a15000	#ff8103	#ffb062	#ffd7b0	#ffe7cf

#959500	#ffff00	#ffff80	#ffffbf	#ffffd5

#009500	#80ff00	#80ff80	#bfffbf	#d5ffd5

#004a95	#0080ff	#80bfff	#bfdfff	#d5eaff

#950095	#ff00ff	#ff80ff	#ffbfff	#ffd5ff

使っていただける時、傑作押してもらったらうれしいですヽ(^∇^)丿

SILKの愉快な仲馬たち ━ヽ(ﾟ∀ﾟ )ﾉ━ ←転載は元記事からお願いします^^

転載元: SILKの愉快な仲馬たち ━ヽ(ﾟ∀ﾟ )ﾉ━

コメント（0）

トラックバック（0）

【Wiki】やってみよう愉快なデザイン④-線-

質問なんですが文字の下に線って置けないでしょうか？

ってことで、【Wiki】線の応用です^^

||<①' width=550``||

①に下からカラーコード選んで、書き換えてくださいd(^-^)

だから、コレを使って･･･

こんな感じにすれば、文字の下に線が引けます！

'''こんな感じにすれば、文字の下に線が引けます！'''
||<#0080ff' width=260``||

こんな感じに並べて書いていくと、

最近、流行ってる便箋みたいな感じにもなりますよ^^

SILKの愉快な仲馬たち ━ヽ(ﾟ∀ﾟ )ﾉ━ かず

||<#ff8103' width=550``||
||<#ffffff' style='font:bold 10pt;color:#00ff00' ``こんな感じに並べて書いていくと、
||<#ff8103'  width=550``||
||<#ffffff' style='font:bold 10pt;color:#00ff00' ``最近、流行ってる便箋みたいな感じにもなりますよ^^
||<#ff8103'  width=550``||
||<#ffffff' style='font:bold 10pt;color:00FF00' ``SILKの愉快な仲馬たち ━ヽ(ﾟ∀ﾟ )ﾉ━    かず
||<#ff8103' width=550``||

文字間(改行部分)に空白ができるので、そこはキチンと詰めてください^^

色はしたから選んでねd(^-^)


	#ffffff		#000000

#4a4a4a	#7f7f7f	#bfbfbf	#dfdfdf	#e9e9e9

#950000	#ff0000	#ff8080	#ffbfbf	#ffd5d5

#959500	#ffff00	#ffff80	#ffffbf	#ffffd5

#009500	#80ff00	#80ff80	#bfffbf	#d5ffd5

#009595	#00ffff	#80ffff	#bfffff	#d5ffff

#004a95	#0080ff	#80bfff	#bfdfff	#d5eaff

#95004a	#ff0080	#ff80c0	#ffbfdf	#ffd5ea

#950095	#ff00ff	#ff80ff	#ffbfff	#ffd5ff

#703800	#ff8103	#ffb062	#ffd7b0	#ffe7cf

使っていただける時、傑作押してもらったらうれしいですヽ(^∇^)丿

↓転載は元記事からお願いします^^

SILKの愉快な仲馬たち ━ヽ(ﾟ∀ﾟ )ﾉ━　【Wiki】やってみよう愉快なデザイン④-線-

転載元: SILKの愉快な仲馬たち ━ヽ(ﾟ∀ﾟ )ﾉ━

コメント（0）

トラックバック（0）

【Wiki】アバター表示

今更なんですが、知らない人もいるかな…ってことで^^

Yahoo!IDのトコを、入れ替えて下さい･･･

普通(Nomal)

https://avtimg.yahoo.co.jp/yai/kazu_pharmacist_100x180xn.gif

[http://avtimg.yahoo.co.jp/yai/Yahoo!ID_100x180xn.gif]

笑い(Smile)

https://avtimg.yahoo.co.jp/yai/kazu_pharmacist_100x180xs.gif

[http://avtimg.yahoo.co.jp/yai/Yahoo!ID_100x180xs.gif]

怒り(Angry)

https://avtimg.yahoo.co.jp/yai/kazu_pharmacist_100x180xa.gif

[http://avtimg.yahoo.co.jp/yai/Yahoo!ID_100x180xa.gif]

泣き(Cry)

https://avtimg.yahoo.co.jp/yai/kazu_pharmacist_100x180xc.gif

[http://avtimg.yahoo.co.jp/yai/Yahoo!ID_100x180xc.gif]

画像を貼り付けてる訳じゃないんで、アバターが変わったら一緒にコレも変わります^^

で、応用としては…

ブログ開設して半年になりました^^でも使ってるのが、


順位	アバター	ブログタイトル	名前	コメント数

①		SILKの愉快な仲馬たち ━ヽ(ﾟ∀ﾟ )ﾉ━	かず	100

||||<#eaeaff' width=30' ``'''順位'''
||||<#eaeaff' width=50' ``'''アバター'''
||||<#eaeaff' width=150' ``'''ブログタイトル'''
||||<#eaeaff' width=50' ``'''名前'''
||||<#eaeaff' width=60' ``'''コメント数'''
||<#ffffff' ``||
||||<#FFD700' ``①
||||<#FFD700' ``[http://avtimg.yahoo.co.jp/yai/kazu_pharmacist_100x180xs.gif 笑顔]
||||<#F0E68C' style='color:#ffffff' ``[http://blogs.yahoo.co.jp/kazu_pharmacist SILKの愉快な仲馬たち ━ヽ(ﾟ∀ﾟ )ﾉ━]
||||<#F0E68C' style='color:#000000' ``'''かず'''
||||<#F0E68C' style='color:#ff0000' ``'''100'''
||<#ffffff' ``||

ってな感じですねd(^-^)

コレを繰り返していけば、表ができるし。。。

また、小さく表示することもできますヾ(∇^〃)

https://avtimg.yahoo.co.jp/yai/kazu_pharmacist_64x64.gif

[http://avtimg.yahoo.co.jp/yai/kazu_pharmacist_64x64.gif]

↑これが表情入れたら、表示できないんですよね。。。多分^^;

https://avtimg.yahoo.co.jp/yai/kazu_pharmacist_32x32xn.gif

[http://avtimg.yahoo.co.jp/yai/kazu_pharmacist_32x32xn.gif]

使っていただける時、傑作押してもらったらうれしいですヽ(^∇^)丿

SILKの愉快な仲馬たち ━ヽ(ﾟ∀ﾟ )ﾉ━ ←転載は元記事からお願いします^^

転載元: SILKの愉快な仲馬たち ━ヽ(ﾟ∀ﾟ )ﾉ━

げんちゃんの日々是好日

【Wiki】エビちゃんで遊んでみようヽ(^∇^)丿

コメント（8）

トラックバック（0）

【Wiki復刻】愉快な仲馬たちデザイン・・・ちょっとまとめ^^

コメント（0）

トラックバック（0）

【Wiki】愉快な仲馬たちデザイン・・・色々④

コメント（0）

トラックバック（0）

【Wiki】やってみよう愉快なデザイン④-線-

コメント（0）

トラックバック（0）

【Wiki】アバター表示

コメント（4）

トラックバック（0）

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

最新のコメント

最新のトラックバック

最新の画像つき記事一覧

訪問者履歴

ブログリンク

標準グループ

Yahoo!からのお知らせ

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