黄色い蛇足＠日立柏酒場裏

wiki文法でタイトルっぽく作る２(修正済み)

また作ってみました。今度のも気に入っていただけると嬉しいです。

コピペすると右側に空きスペースできるので詰めてください。
そうしますと↓のようになります。タイトル部分は俺のブログタイトルが入ってますが、自分のブログタイトルに変えてください。色なども変えて自分の好きなように変えてみてください。
wiki文法使用にチェックをお忘れなく!!

色はカラーチャート一覧またはカラーネーム一覧をご覧ください

背景色変え枠つき

||<#FF99CC' style='width:560px;border:double 5px pink;color:pink;text-align:center;font-size:30pt;color:white'``☆虹色素材☆||

☆虹色素材☆

グラデラインつき

||<#FFFFFF' style='width:560px;height:4;text-align:center;color:white;font:bold 12pt ;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=DodgerBlue,endcolorstr=Turquoise,gradienttype=0)' ``||
||<#FFFFFF' style='width:560px;text-align:center;color:white;font-size:30pt;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=DodgerBlue,endcolorstr=Turquoise,gradienttype=0)' ``☆虹色素材☆||
||<#FFFFFF' style='width:560px;height:4;text-align:center;color:white;font:bold 12pt ;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=DodgerBlue,endcolorstr=Turquoise,gradienttype=0)' ``||

☆虹色素材☆

グラデ枠つき

||<#FFFFFF' style='border-top:dotted 5px DarkOrange;border-bottom:dotted 5px DarkOrange;width:560px;text-align:center;color:white;font-size:30pt;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=red,endcolorstr=LightPink,gradienttype=0)' ``☆虹色素材☆||

☆虹色素材☆

影バージョン

||<#FFCC00' style='width:560px;text-align:center;font-size:30pt;filter:Blur(strength=12,direction=100);color:FFFFFF;``☆虹色素材☆||

☆虹色素材☆

☆虹色素材☆ﾜﾝｺとﾊﾞｽｹとwikiと♪

転載元: ☆虹色素材☆ﾜﾝｺとﾊﾞｽｹとwikiと♪

wiki文法でタイトルっぽく作る(修正済み)

wiki文法でタイトルっぽくなるように作ってみました。
他の人のブログでタイトルっぽく作っているのを見たので自分も作ってみました笑。

コピペすると右側に空きスペースできるので詰めてください。
そうしますと↓のようになります。タイトル部分は俺のブログタイトルが入ってますが、自分のブログタイトルに変えてください。色なども変えて自分の好きなように変えてみてください。

色はカラーチャート一覧またはカラーネーム一覧をご覧ください

シングルライン付き

||<#cc99cc' colspan=4 style='width:560px;padding:0px'``||
||<#FFFFFF' style='width:560px;text-align:center;color:white;font-size:30pt;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=Plum,endcolorstr=pink,gradienttype=0)' ``☆虹色素材☆||
||<#cc99cc' colspan=4 style='width:560px;padding:0px'``||

☆虹色素材☆

ダブルライン付き

||<#ffcc00' colspan=4 style='width:560px;padding:0px'``||
||<#ffcc00' colspan=4 style='width:560px;padding:0px'``||
||<#FFFFFF' style='width:560px;text-align:center;color:white;font-size:30pt;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=gold,endcolorstr=Khaki,gradienttype=0)' ``☆虹色素材☆||
||<#ffcc00' colspan=4 style='width:560px;padding:0px'``||
||<#ffcc00' colspan=4 style='width:560px;padding:0px'``||

☆虹色素材☆

枠付き

||<#FFFFFF' style='border:outset 4px green;color:Salmon;font-size:30pt;width:560px;text-align:center;color:white;font-size:20pt;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=Lime,endcolorstr=greenyellow,gradienttype=0)' ``☆虹色素材☆||

☆虹色素材☆

影バージョン

||<#0033FF' style='width:560px;height:6;text-align:center;font-size:20pt;filter:Blur(strength=12,direction=100);color:99FF33;``||
||<#0033FF' style='width:560px;text-align:center;font-size:30pt;filter:Blur(strength=12,direction=100);color:#FFFFFF;``☆虹色素材☆||
||<#0033FF' style='width:560px;height:6;text-align:center;font-size:20pt;filter:Blur(strength=12,direction=100);color:99FF33;``||

☆虹色素材☆

☆虹色素材☆ﾜﾝｺとﾊﾞｽｹとwikiと♪

転載元: ☆虹色素材☆ﾜﾝｺとﾊﾞｽｹとwikiと♪

wiki文法で画像の横に枠やライン(修正済み)

wiki文法で画像の横に枠やライン

画像の位置などはやりましたが画像の横に枠やラインを作りたい思います。
画像は画像添付でUPしてください。
いつものように[wiki文法使用]にチェックしてください。

[[attached(1,right)]]

訪問ありがとうございます よろしくお願いします

訪問ありがとうございます よろしくお願いします

訪問ありがとうございます よろしくお願いします
訪問ありがとうございます よろしくお願いします
訪問ありがとうございます よろしくお願いします

[[attached(１,right)]]
||<#FFFFFF'style='border:double 4px pink;color:pink;font-size:10pt``訪問ありがとうございます  よろしくお願いします||
||<#FFFFFF'style='border:dotted 4px red;color:pink;font-size:10pt``訪問ありがとうございます  よろしくお願いします||
訪問ありがとうございます よろしくお願いします
||<#FF00FF' style='width:560px'` `||
訪問ありがとうございます よろしくお願いします
||<#FF0000' style='width:560px'` `||
訪問ありがとうございます よろしくお願いします
||<#0000FF' style='width:560px'` `||

まずは[[attached()]]で画像位置を指定して(数字も半角で)

右に画像なら左に枠や文字。左に画像なら右に枠や文字が出ます。

画像の位置に関してはwiki文法で画像の位置を指定するを参考にしてください。

枠の改行部分を変えたい場合はdotted 4px(枠の種類)の前に幅(width:180px)を入れて

数字を変えて幅の長さを指定して改行部分を変えてください。

お役に立てたら傑作ポチっとしてくれると大変嬉しいです。

転載すると画像の位置が元の位置にずれます。

☆虹色素材☆ﾜﾝｺとﾊﾞｽｹとwikiと♪

転載元: ☆虹色素材☆ﾜﾝｺとﾊﾞｽｹとwikiと♪

wiki文法でimg画像の大きさを変える

wiki文法でimg画像の大きさを変える

[[img( )]]を使うとＵＰした以外の画像が表示できますよね。

その画像の大きさを変えていきたいと思います。

今回使うのはこれです。→

これの大きさを変えたいと思います。[wiki文法使用]にチェックをお忘れなく!!

[[img(http://img.yahoo.co.jp/i/jp/blog/p2/images/visit/blog_star.gif)]]
　　　　　　↑画像のアドレス

普通の大きさで表示する場合は↑のようにすれば貼れるのですが

大きさを変えたい場合は

[[img(http://img.yahoo.co.jp/i/jp/blog/p2/images/visit/blog_star.gif,50,50)]]
                                                                    ↑横幅↑縦幅

横幅50　縦幅50の場合

横幅と縦幅を加えれば大きさが変わります。

では幅を変えてみましょう。

横幅20　縦幅200の場合

横幅200　縦幅20の場合

横幅200　縦幅200の場合

横幅、縦幅が同じの時は

[[img(http://img.yahoo.co.jp/i/jp/blog/p2/images/visit/blog_star.gif,50)]]

縦横50の場合、↑こんな感でもなります。

しかしこのままだと画像の上にカーソルを乗せたときにアドレスがそのまま表示されるので

見映えがよくありません。そんな時は

[[img(http://img.yahoo.co.jp/i/jp/blog/p2/images/visit/blog_star.gif,50,50,星点灯)]]

↑縦幅と横幅の後に文字を入れれば、カーソルを乗せたときにその文字がでてきます。

お役に立てたら傑作ポチッとしていただけると大変嬉しいです。

☆虹色素材☆ﾜﾝｺとﾊﾞｽｹとwikiと♪

転載元: ☆虹色素材☆ﾜﾝｺとﾊﾞｽｹとwikiと♪

wiki文法で画像を並べる

wiki文法で画像を並べる

wiki文法を使ってＵＰした画像を並べたいと思います。

今回も使うのはこの画像です。[[attached(1)]]

いつものようにwiki文法使用にチェック!!

画像添付にＵＰしたい画像を開いておきます。

[[attached(１)]][[attached(１)]][[attached(１)]][[attached(１)]][[attached(１)]][[attached(１)]]

↑こうすると
[[attached(1)]][[attached(1)]][[attached(1)]][[attached(1)]][[attached(1)]][[attached(1)]]
↑こうなります。(数字も半角で!!)画像の大きさによっては並べられません。

複数の違う画像を並べたい場合は

[[attached(１)]][[attached(２)]][[attached(１)]][[attached(２)]]

１は１枚目のＵＰ画像、２は２枚目のＵＰ画像です。以降３、４としてください。
[[attached(1)]][[attached(2)]][[attached(1)]][[attached(2)]]

転載すると画像の位置が元の位置に戻ってしまいます。

お役に立てたら傑作ポチしてくれると大変嬉し〜です。

☆虹色素材☆ﾜﾝｺとﾊﾞｽｹとwikiと♪

転載元: ☆虹色素材☆ﾜﾝｺとﾊﾞｽｹとwikiと♪