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

wiki文法で画像を枠で囲む

wiki文法で画像を枠で囲む

今度は画像を枠で囲みたいと思います
wiki文法使用にチェックを入れてください。
画像の位置については画像の位置についてをご覧ください。枠についてはwiki文法で枠をつけるをご覧ください。
囲みたい画像を画像添付に開いてください。
↓枠の種類です　border：の後につけたい枠の種類をいれてください。

double

solid

dashed

dotted

ridge

groove

inset

outset

まずsolidの枠で囲んでみたいと思います。

||||<#FFFFFF'style='border:solid 2px Aqua;color:Aqua;font-size:10pt'``[[attached(１,left)]]||

[[attached(1,left)]]

囲んでみました。でもなんかこれだけだとさびしいですね。

文字も入れてみましょう。

||||<#FFFFFF'style='width:180px;border:solid 2px Aqua;color:Aqua;font-size:10pt'``[[attached(１,left)]]画像に枠をはめてみました||

[[attached(1,left)]]画像に枠をはめてみました

背景色も変えてみましょう。

||||<#FFFF00'style='width:180px;border:solid 2px Aqua;color:Aqua;font-size:10pt'``[[attached(１,left)]]画像に枠をはめてみました||

[[attached(1,left)]]画像に枠をはめてみました

良くなりました。

他の枠でも作ってみましょう。

[[attached(1,left)]]画像に枠をはめてみました doubleの枠

[[attached(1,left)]]画像に枠をはめてみました dashedの枠

[[attached(1,left)]]画像に枠をはめてみました dottedの枠

[[attached(1,left)]]画像に枠をはめてみました ridgeの枠

[[attached(1,left)]]画像に枠をはめてみました grooveの枠

[[attached(1,left)]]画像に枠をはめてみました insetの枠

[[attached(1,left)]]画像に枠をはめてみました outsetの枠

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

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

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

wiki文法で画像を表で囲む

wiki文法で画像を表で囲む

画像だけではなんか物足りないって思うときありますよね。
そこで画像を表で囲んで見やすいようにしたいと思います。
wiki文法使用にチェックを入れてください。
画像の位置については画像の位置についてをご覧ください。
囲みたい画像を画像添付に開いてください。

まず普通に囲ってみます。

||[[attached(１,left)]]||ワンコ画像使ってみました。ちゃんとできてますか？||

[[attached(1,left)]]

ワンコ画像使ってみました。ちゃんとできてますか？

↑これでも良いのですが、端に行くまで文字が改行できません。

なので幅を指定してみました。

　　　　↓背景色　　　↓幅　　　　　　　　　　　↓画像位置(数字も半角)　　　　　　　↓文字
||||<#ff00ff'style='width:180px;``[[attached(１,left)]]ワンコ画像を使ってみました。ちゃんとできてますか？||

[[attached(1,left)]]ワンコ画像を使ってみました。ちゃんとできてますか？

ff00ffの部分は背景色を決めている部分です、ここを変えれば背景色が変わります。

||<#ff0000'style='width:180px;``[[attached(１,left)]]うまく幅を指定すれば改行がされます。背景色も変えられます。||

[[attached(1,left)]]うまく幅を指定すれば改行がされます。背景色も変えられます。

並べたりもできます

[[attached(1,left)]]　　　　　　　　　　　　　　　ワンコ画像を使ってみました。ちゃんとできてますか？	[[attached(1,center)]]　　　　　　　　　　　　　　ワンコ画像を使ってみました。ちゃんとできてますか？	[[attached(1,right)]]　　　　　　　　　　　　　　ワンコ画像を使ってみました。ちゃんとできてますか？

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

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

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

wiki文法で画像の位置を指定する

画像の位置を指定の位置にする

画像を添付して、そのまま記事をＵＰすると１番上に画像が表示されますよね。

wiki文法を使って好きな場所に表示させるにはまずwiki文法使用にチェックを入れてください。

画像添付の所に画像を開いておき、本文中の表示させたい所に文中に[[attached(１)]]と入れえてみてください。(数字も半角で)
今までは一番上に表示されていたのが、文章の間とかに写真をＵＰすることができます。

さらに応用です。
今度は記事の右側や左側に指定する場合です。[[attached(１,位置)]]とします。

例えば

[[attached(2,center)]]    ←複数UPしたときに２枚目の画像を真ん中に持ってくる場合

数字、位置は半角で入れてください。

試しに画像を左に表示しました [[attached(1,left)]]

( )の中の１は１枚目の画像の位置の指定ということです。

位置のところは右に表示させたい場合はright　左はleft　真ん中はcenterとします。

画像を複数ＵＰさせる場合は２枚めは[[attached(2,位置)]]

以降３枚目なら[[attached(3)]] ４枚目なら[[attached(4)]]としてください。

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

---

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

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

転載用wiki文法一覧表(修正済み)

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

wiki文法一覧表です。

転載すれば自分のブログから各記事に行けます。

基本編	文字の色を変える	文字のサイズを大きく	文字を大きくして色を変える
手紙風にする	文字の背景色を変える	枠を作る	背景色をグラデーション
文字位置を指定する	影文字を作る	タイトルっぽく作る１	タイトルっぽく作る２
ハート♡を作る	色の仕組み

これは一部です。他にもあります。

ファン限定もあります(^o^)丿

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

転載用カラーチャート基本16色

カラーチャート＆カラーネームは転載不可にしてあるので転載用を作ってみました。
お役に立てたら傑作ポチッとしてくれると嬉しいです。

※使い方例：
||<#FFFFFF'style='font:bold;color:Red'``Redの部分に色名を入れてください||
                                   ↑ここです
※使い方例：
||<#FFFFFF'style='font:bold;color:#FF0000'``#のあるところにカラーコードを入れてください||
　　　↑ここは背景色が変わります　　　↑文字色が変わります

　White □（#FFFFFF）

Gray ■（#808080）

Silver ■（#C0C0C0）

Black ■（#000000）

Red ■（#FF0000）

Maroon ■（#800000）

Lime ■（#00FF00）

Green ■（#008000）

Blue ■（#0000FF）

Navy ■（#000080）

Yellow ■（#FFFF00）

Olive ■（#808000）

Fuchsia ■（#FF00FF）

Purple ■（#800080）

Aqua ■（#00FFFF）

Teal ■（#008080）

記事作成

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

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