野草,野鳥と釣り

山野草、野鳥と釣りの写真を載せています。

wiki文法枠

[ リスト | 詳細 ]

記事検索
検索

全2ページ

[1] [2]

[ 次のページ ]

wiki文法の作り方（基本編）

wiki文法基本編
ＰＣ初心者のおれにとっては、wiki文法？ＨＴＭＬ？さっぱり意味がわかりませんでした。

wiki文法使えば簡単に文字を装飾したり、リンクを貼ったりできるようになります。

wiki文法は記事本文やゲストブックの書き込みにも使えます。コメントには使えません。

めんどくさくて敬遠されてた方もいるはず。そこで、ヘルプにも載っていますが

基本的なwiki文法の作成方法を説明したいと思います。

まず記事作成画面のwiki文法使用にチェックをいれます。



では　文字←これを太字にしてみます。やり方は簡単。

文字の前と後ろに’’’(半角)を付けます。
'''文字'''
↑こんな感じです。すると、文字←太字になりましたね。文字の所には好きな文字を。




次は文字を青く大きくする方法です。これも簡単です。

文字の前後を半スペース空け前後を半角の　=　で囲みます。
= 文字 =
↑こんな感じにします。すると

文字


↑できました。




次は文字を白にします。さっきと同じで文字の前後は半角空けます。
== 文字 ==
↑こんな感じです。すると

文字


↑できました。




次は文字を普通の大きさの青にします。
=== 文字 ===
にします。

文字


↑できました。




コツをつかんだと思うのでサク�△い�ます。

次は文字を小さく白くします。
==== 文字 ====
↑です。

文字


↑できましたね。




次は文字を小さく青くします。
===== 文字 =====
やり方は同じです。みんな = の数が違うだけです。

文字

↑できました。
　　


次は文字を小さくして背景緑にします。

今度は

｛｛｛文字｝｝｝半角の｛　｝を３つ並べて囲みます。

文字

↑できました。これは他のと合わせられます。

文字 ←太字で緑。これは

’’’｛｛｛文字｝｝｝’’’　←です。半角でやります。



次は緑の枠で黄色の背景にします
｛｛｛
文字
｝｝｝
｛｛｛と｝｝｝は半角でやってください。
文字
↑俺がよく使う緑の枠になります



次は灰色の枠と背景にします。今のに：を加えます
｛｛｛：
文字
｝｝｝
これも半角でやってください。

文字
↑このようになります




次はＵＲＬ(アドレス)を表示してリンクを貼る方法です。
[ＵＲＬ]
↑[ ]でＵＲＬを囲みます。

例えばこのブログのＵＲＬ表示して貼りたいとします。[]で囲むと、

http://blogs.yahoo.co.jp/run_7stars

↑このようになります。できましたね。クリックしてみてください。




次はＵＲＬではなく文字を表示してリンクを貼りたい場合
[ＵＲＬ 文字]
↑です。ＵＲＬと文字の間は半角スペース空けます。

試しに自分のブログのＵＲＬとタイトルを入れてみましょう。
すると☆虹色素材☆ﾜﾝｺとﾊﾞｽｹとwikiと♪←になります。




次は画像を表示させる方法です。

今度は画像のＵＲＬを[[img( )]]で囲みます。
[[img(URL)]]
↑このようにします。
画像のＵＲＬの出し方は画像の上で右クリック、プロパティをクリックするとＵＲＬがあります。

これはまた別の項で詳しくやりたいと思います。




ヘルプには載ってませんが他にもあります。



まず簡単なラインをひきたいと思います。
----
↑とすると、水平線がひけます↓
半角で４個並べてください。




文字を斜めに表示したいと思います。
''文字''
↑こうすると斜体文字になります。

文字
↑こんな感じです。
追記：斜体は新たにYahoo公認のwiki文法となりました。



次は簡単な表を作りたいと思います。
||文字||

↑にすると水色の背景になります

文字
背景変わりました。これを応用して並べてみます。
||文字||文字||文字||文字||文字||文字||
||文字||文字||文字||文字||文字||文字||
文字文字文字文字文字文字
文字文字文字文字文字文字
↑簡単な表が出来ました。


以上で基本編終わります。ありがとうございました。

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

開く トラックバック（0）

文字デザイン・・・色々

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

||<#FF69B4' ``||
||<#FFE4E1' style='font:bold 10pt;color:#FF00FF;``SILKの愉快な仲馬たち ━ヽ(ﾟ∀ﾟ )ﾉ━  
||<#FF69B4' ``||

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

||<#0080ff' ``||
||<#bfdfff' style='font:bold 10pt;color:#0080ff;``SILKの愉快な仲馬たち ━ヽ(ﾟ∀ﾟ )ﾉ━ 
||<#0080ff' ``||

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

||<#009500' ``||
||<#80ff80' style='font:bold 10pt;color:#009500;``SILKの愉快な仲馬たち ━ヽ(ﾟ∀ﾟ )ﾉ━ 
||<#009500' ``||

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

||<#ff8000' ``||
||<#000000' style='font:bold 10pt;color:#ffff80;``SILKの愉快な仲馬たち ━ヽ(ﾟ∀ﾟ )ﾉ━ 
||<#ff8000' ``||

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

||<#ff0000' ``||
||<#ff8080' style='font:bold 10pt;color:#ff0000;``SILKの愉快な仲馬たち ━ヽ(ﾟ∀ﾟ )ﾉ━ 
||<#ff0000' ``||

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

||<#959500' ``||
||<#00fffff' style='font:bold 10pt;color:#959500;``SILKの愉快な仲馬たち ━ヽ(ﾟ∀ﾟ )ﾉ━ 
||<#959500' ``||

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

||<#80ff00' ``||
||<#ffbb77' style='font:bold 10pt;color:#fc7e00;``SILKの愉快な仲馬たち ━ヽ(ﾟ∀ﾟ )ﾉ━ 
||<#80ff00' ``||

転載元転載元: ☆私って、マニアックですか？☆

開く トラックバック（0）

背景をグラデーションにして、文字枠をつける

＊コピーして、貼りつける場合は改行の隙間を詰めて下さい☆

��solid
グラデーションの中に、分も書けちゃいます。 半角スペースを入れると 改行されるんです☆ 是非試してみてください♬

||<#FFFFFF' style='width:560px;color:white;text-align:center;line-height:20px;border:solid #FF2B60 3px;word-spacing:560px;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#FFBF80,endcolorstr=#EA7500,gradienttype=0);' ``グラデーションの中に、分も書けちゃいます。 半角スペースを入れると 改行されるんです☆ 是非試してみてください♬||



　　　　　　　　　 　　　横幅↓(最大560)　↓文字色　　　↓文字位置　　　 ↓枠の高さ 　↓枠の種類
||<#FFFFFF' style='width:560px;color:white;text-align:center;line-height:20px;border:solid

↓枠の色 ↓枠の太さ
#FF2B60 3px;word-spacing:560px;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr

　　↓始まりの色　　　　↓終わりの色　　　 ↓(縦にグラデーション)　　　 　半角スペースで改行↓
=#FFBF80,endcolorstr=#EA7500,gradienttype=0);' グラデーションの中に、分も書けちゃいます。 半角スペースを入れると 改行されるんです☆ 是非試してみてください♬||



��dashed
グラデーションの中に、分も書けちゃいます。 半角スペースを入れると 改行されるんです☆ 是非試してみてください♬

||<#FFFFFF' style='width:560px;color:white;text-align:center;line-height:20px;border:dashed #001B6A 3px;word-spacing:560px;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#2BFFCA,endcolorstr=#007495,gradienttype=0);' ``グラデーションの中に、分も書けちゃいます。 半角スペースを入れると 改行されるんです☆ 是非試してみてください♬||


��double
グラデーションの中に、分も書けちゃいます。 半角スペースを入れると 改行されるんです☆ 是非試してみてください♬

||<#FFFFFF' style='width:560px;color:white;text-align:center;line-height:20px;border:double #FF99CC 6px;word-spacing:560px;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#FF5580,endcolorstr=#FF0039,gradienttype=0);' ``グラデーションの中に、分も書けちゃいます。 半角スペースを入れると 改行されるんです☆ 是非試してみてください♬||


��ridge
グラデーションの中に、分も書けちゃいます。 半角スペースを入れると 改行されるんです☆ 是非試してみてください♬

||<#FFFFFF' style='width:560px;color:white;text-align:center;line-height:20px;border:ridge #53006A 3px;word-spacing:560px;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#8095D5,endcolorstr=#002BAA,gradienttype=0);' ``グラデーションの中に、分も書けちゃいます。 半角スペースを入れると 改行されるんです☆ 是非試してみてください♬||


��dotted
グラデーションの中に、分も書けちゃいます。 半角スペースを入れると 改行されるんです☆ 是非試してみてください♬


||<#FFFFFF' style='width:560px;color:white;text-align:center;line-height:20px;border:dotted #D56A00 6px;word-spacing:560px;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#BFFF00,endcolorstr=#00AA2B,gradienttype=0);' ``グラデーションの中に、分も書けちゃいます。 半角スペースを入れると 改行されるんです☆ 是非試してみてください♬||


��inset
グラデーションの中に、分も書けちゃいます。 半角スペースを入れると 改行されるんです☆ 是非試してみてください♬

||<#FFFFFF' style='width:560px;color:white;text-align:center;line-height:20px;border:inset #00C6FF 6px;word-spacing:560px;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#8455FF,endcolorstr=#740095,gradienttype=0);' ``グラデーションの中に、分も書けちゃいます。 半角スペースを入れると 改行されるんです☆ 是非試してみてください♬||



例）幅(width:400px)と高さ(line-height:40px)を変える
グラデーションの中に、分も書けちゃいます。 半角スペースを入れると 改行されるんです☆ 是非試してみてください♬

||<#FFFFFF' style='width:400px;color:white;text-align:center;line-height:40px;border:double #FF8000 6px;word-spacing:560px;filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#FF5555,endcolorstr=#BF0000,gradienttype=0);' ``グラデーションの中に、分も書けちゃいます。 半角スペースを入れると 改行されるんです☆ 是非試してみてください♬||


＊【gradienttype=0】を【gradienttype=1】に変えたら、横のグラデーションになります

転載元転載元: ☆私って、マニアックですか？☆

開く トラックバック（0）

背景に色ヲつける

今日は背景に色ヲつけて文を書くといぅ高度な技?を∪ょーかい∪mまｍｍス


もぅすでに↑↑やってるんだけど┌(；☣ฺ��☣ฺ )┘




これは毎度おなじみのＷｉｋｉで作成?∪ていきまス。






見本：　
レッドライン
イエローライン
オレンジライン
黄緑ライン*英語不明藁
ブルーライン
パープルライン??!




ソース?みたいなのはこっちだょん↓↓
||<#FF9999' style='width:560px'``レッドライン||
||<#FFFF99' style='width:560px'``イエローライン||
||<#FFCC99' style='width:560px'``オレンジライン||
||<#99FF99' style='width:560px'``黄緑ライン*英語不明藁||
||<#66CCFF' style='width:560px'``ブルーライン||
||<#CC99FF' style='width:560px'``パープルライン??!||

多分これをコピぺすれば使えるはず・・・。

※必ずＷｉｋｉにチェックを入れること


なんか分からないことが囿ったらコメ∪といてネ=33




あと使うときや転職するときはコメ�腑汽�+.(◕ฺ∀◕ฺ）ﾟ+

なお傑作も押∪てもらえると超嬉∪い成♥♥　　

転載元転載元: ☆私って、マニアックですか？☆

開く トラックバック（0）

浮き出る？タイトル

浮き出てるかしら？　

浮き出てるようにみえるかな？

||<#F8F8F2' style='font-family: "ＭＳ ゴシック";font-size:10pt;font-weight:bold;color:#A76BDF;border-right: groove 5px #A76BDF;border-bottom: groove 5px #A76BDF;' ``浮き出てるようにみえるかな？||

浮き出てるようにみえるかな？

||<#F8F8F2' style='font-family: "ＭＳ ゴシック";font-size:10pt;font-weight:bold;color:#FF5E19;border-right: groove 5px #FF5E19;border-bottom: groove 5px #FF5E19;' ``浮き出てるようにみえるかな？||

浮き出てるようにみえるかな？

||<#F8F8F2' style='font-family: "ＭＳ ゴシック";font-size:10pt;font-weight:bold;color:#47EA7E;border-right: groove 5px #47EA7E;border-bottom: groove 5px #47EA7E;' ``浮き出てるようにみえるかな？||

浮き出てるようにみえるかな？

||<#F8F8F2' style='font-family: "ＭＳ ゴシック";font-size:10pt;font-weight:bold;color:#FFB74C;border-right: groove 5px #FFB74C;border-bottom: groove 5px #FFB74C;' ``浮き出てるようにみえるかな？||

浮き出てるようにみえるかな？

||<#89BDDE' style='font-family: "ＭＳ ゴシック";font-size:10pt;font-weight:bold;color:#0C61F2;border-right: groove 5px #0C61F2;border-bottom: groove 5px #0C61F2;' ``浮き出てるようにみえるかな？||

浮き出てるようにみえるかな？

||<#F2D8DF' style='font-family: "ＭＳ ゴシック";font-size:10pt;font-weight:bold;color:#EF75BC;border-right: groove 5px #EF75BC;border-bottom: groove 5px #EF75BC;' ``浮き出てるようにみえるかな？||

浮き出てるようにみえるかな？

||<#FFF10F' style='font-family: "ＭＳ ゴシック";font-size:10pt;font-weight:bold;color:#FFB74C;border-right: groove 5px #FFB74C;border-bottom: groove 5px #FFB74C;' ``浮き出てるようにみえるかな？||

浮き出てるようにみえるかな？

||<#47EA7E' style='font-family: "ＭＳ ゴシック";font-size:10pt;font-weight:bold;color:#58BF3F;border-right: groove 5px #58BF3F;border-bottom: groove 5px #58BF3F;' ``浮き出てるようにみえるかな？||



制作者：｡o.ﾟ｡*･★ゆうもん★･*｡ﾟo｡

転載元転載元: ☆私って、マニアックですか？☆

開く トラックバック（0）

全2ページ

[1] [2]

[ 次のページ ]

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

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

もっと見る

[PR]お得情報

ふるさと納税サイト『さとふる』
実質2000円で特産品がお手元に
11／30までキャンペーン実施中！
話題の新商品が今だけもらえる！
ジュレームアミノ　シュープリーム
プレゼントキャンペーン

その他のキャンペーン

プライバシー -  利用規約 -  メディアステートメント -  ガイドライン -  順守事項 -  ご意見・ご要望 -  ヘルプ・お問い合わせ

Copyright (C) 2019 Yahoo Japan Corporation. All Rights Reserved.

みんなの更新記事
前へ 次へ