ブログを飾ってみよう

[ リスト | 詳細 ]

記事検索
検索

全1ページ

[1]

【Wiki文法】色付き罫線

色付き罫線

「wiki文法使用」にチェック入れてください^^


濃ピンク
薄ピンク

薄紫

黄色
薄黄色


黄緑
うす黄緑


薄青
水色
うす水色



赤
||<#FF0000' style=width:560px;` `||
濃ピンク
||<#FF00BF' style=width:560px;` `||
薄ピンク
||<#FF95E4' style=width:560px;` `||
紫
||<#753AAF' style=width:560px;` `||
薄紫
||<#C88FDA' style=width:560px;` `||

黄色
||<#FFFF2B' style=width:560px;` `||
薄黄色
||<#FFFF80' style=width:560px;` `||

緑
||<#00BF30' style=width:560px;` `||
黄緑
||<#00FF40' style=width:560px;` `||
うす黄緑
||<#80FF9F' style=width:560px;` `||

青
||<#0000FF' style=width:560px;` `||
薄青
||<#809FFF' style=width:560px;` `||
水色
||<#2BCFFF' style=width:560px;` `||
うす水色
||<#AAFFEA' style=width:560px;` `||


フルハウスで使っている動画は、今話題の「YouTube」からリンクしています。

まず、ここで紹介する元ページはここです(YouTube)です。

画像のwikiは、
[[embed(http://www.youtube.com/v/lH9tb3P9q-Q,1,425,350)]]
です。




イメージ 1

写真の丸をつけたところで【右クリック】→【コピー】

 画像サイズは↓ここ(横)...↓ここ(縦)               ↓ここがアドレス
<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/lH9tb3P9q-Q"></param><param name="wmode" value="transparent"></param><embed src=https://img.yahoo.co.jp/images/clear.gif type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>

色付きのところが、画像のアドレスです。


[[embed(http://www.○○○○○○○○○○,1,425,350)]]

○○○○にアドレス挿入します。

後半の「425」「350」は画像サイズです。


後半部分の

,1,425,350)]]は、小さいサイズがいい場合は書き込まなくても大丈夫です。

[[embed(http://www.youtube.com/v/lH9tb3P9q-Q)]]
こう書き込むと、小さいので、ゲストブックなんかにも、書き込めますよ^^



開く トラックバック(1)

イメージ 1

画像のような大文字+色付き文字+小さい文字との混合みたいなことすると、
最後に紹介しますが、膨大なタグを打たなければなりませんが

文字サイズ変えずに、ルビだけ振りたい場合は


イメージ 2

<RUBY>오늘<RT>オヌル</RUBY>




<RUBY>元となる文字<RT>上に来るルビ部分</RUBY>

このように設定すると、ルビがふれます。




  一 番 上 の 2 行 の タ グ で すv(=∩_∩=)

<RUBY><font size=5 color=red>찾</font><font size=5>다</font><RT><font size=1>チャッタ</font></RUBY> (探す)<FONT SIZE=5>→</FONT><RUBY><font size=5 color=red>찾</font><RT><font size=1>チャッ</font></RUBY>+<RUBY><font size=5 color=red>았</font><RT><font size=1>アッ</font></RUBY>+<RUBY><font size=5>다</font><RT><font size=1>タ</font></RUBY><RUBY><FONT SIZE=5>→</FONT><RUBY><font size=5 color=red>찾</font><font size=5 color=red>았</font><font size=5>다</font><RT><font size=1>チャジャッタ</font></RUBY>(探した)


<RUBY><font size=5 color=red>옳</font><font size=5>다</font><RT><font size=1>オルタ</font></RUBY> (正しい)<FONT SIZE=5>→</FONT><RUBY><font size=5 color=red>옳</font><RT><font size=1>オル</font></RUBY>+<RUBY><font size=5 color=red>았</font><RT><font size=1>アッ</font></RUBY>+<RUBY><font size=5>다</font><RT><font size=1>タ</font></RUBY><RUBY><FONT SIZE=5>→</FONT><RUBY><font size=5 color=red>옳</font><font size=5 color=red>았</font><font size=5>다</font><RT><font size=1>オラッタ</font></RUBY>(正しかった)

HTMLタグの説明の時に、実は表示させていたサンプルの文字達は
wiki文法で書いていました。

なので、そのバージョンも一応書いときますね^^


まず、wiki文法を使用する場合は『□WIKI文法使用』これにはチェックして下さい。
練習してみたい場合は||..||の部分をコピーして試してみてください。

色は「red」「bleu」「green」「navy」などの指定も
16進数の「#fffff」(白)どちらもいいです^^

色見本は[http://www.cup.com/yui/color.html こちら]と
16進数のカラー見本は[http://homepage3.nifty.com/iroempitsu/ Mariののいろえんぴつ]から参考にしてください


●まず、文字に色を付けてみましょ〜〜v(=∩_∩=)


||<#FFFFFF' style='font:padding:0px;color:RED;``あか||
あか


||<#FFFFFF' style='font:padding:0px;color:BLUE;``あお||
あお


||<#FFFFFF' style='font:padding:0px;color:green;``みどり||
みどり



●文字を大きくしてみましょ〜〜v(=∩_∩=)



||<#FFFFFF' style='font:10pt;padding:0px;``大きさ2||
2

||<#FFFFFF' style='font:13pt;padding:0px;``大きさ3||
大きさ3

||<#FFFFFF' style='font:16pt;padding:0px;``大きさ4||
大きさ4

||<#FFFFFF' style='font:19pt;padding:0px;``大きさ5||
大きさ5

||<#FFFFFF' style='font:21pt;padding:0px;``大きさ6||
大きさ6


●文字を太くしてみましょ〜〜v(=∩_∩=)

||<#FFFFFF' style='font:bold 10pt;padding:0px;``こんな感じでっせ||
こんな感じでっせ



●まとめてみましょう〜v(=∩_∩=)

これらがよく私が使う技です^^

||<#FFFFFF' style='font:bold 21pt;padding:0px;color:RED;``まとめて使うとこんな感じになります||
まとめて使うとこんな感じになります



||<#FFFFFF'` `||
||<#FFFFFF' style=padding:0px;``文字色の
||<#FFFFFF' style='font:10pt;padding:0px;color:red;``混合
||<#FFFFFF' style=padding:0px;``はこんな感じですね
||<#FFFFFF'` `||
文字色の混合はこんな感じですね


||<#FFFFFF'` `||
||<#FFFFFF' style=padding:0px;``こんな感じに
||<#FFFFFF' style='font:bold 10pt;padding:0px;color:navy;``色付き太字
||<#FFFFFF' style=padding:0px;``も混ぜることもできますよ。
||<#FFFFFF'` `||
こんな感じに色付き太字も混ぜることもできますよ


||<#FFFFFF'` `||
||<#FFFFFF' style=padding:0px;``そして、
||<#FFFFFF' style='font:bold 21pt;padding:0px;color:#FF69B4;``大きく色つき太字
||<#FFFFFF' style=padding:0px;``を混ぜると、こんなんです!
||<#FFFFFF'` `||
そして、大きく色つき太字を混ぜると、こんなんです


wiki文法のほうがなんかややこしいですね〜〜(^^ゞ

MSNのブログだと、こういったタグを書かなくていいのが、いいなあと思うのですが...
ここは、Yahooブログ、wiki文法やhtmlタグを駆使してブログ設定していかなければなりません。

ayakoさんから質問いただいたので、htmlタグについて、説明させていただきます。


まず、htmlタグを使用する場合は『□WIKI文法使用』これにはチェックしないで下さい。
練習してみたい場合は<font>.......</font>や<b>......</b>の部分をコピーして試してみてください。

色は「red」「bleu」「green」「navy」などの指定も
16進数の「#fffff」(白)どちらもいいです^^


色見本はこちら
16進数のカラー見本はMariののいろえんぴつから参考にしてください


      まず、文字に色を付けてみましょ〜〜v(=∩_∩=)

あか
<font color=red>あか</font>


あお
<font color=blue>あお</font>


みどり
<font color=green>みどり</font>



     文字を大きくしてみましょ〜〜v(=∩_∩=)


大きさ2
<font size=2>2</font>

大きさ3
<font size=3>大きさ3</font>

大きさ4
<font size=4>大きさ4</font>

大きさ5
<font size=5>大きさ5</font>

大きさ6
<font size=6>大きさ6</font>


     文字を太くしてみましょ〜〜v(=∩_∩=)

こんな感じでっせ
<b>こんな感じでっせ</b>



     まとめてみましょう〜v(=∩_∩=)

これらがよく私が使う技です^^

まとめて使うとこんな感じになります
<font size=6 color=red><b>まとめて使うとこんな感じになります</b></font>



文字色の 混合 はこんな感じですね
文字色の<font color=red>混合</font>はこんな感じですね


こんな感じに 色付き太字 も混ぜることもできますよ。
こんな感じに<font color=NAVY><b>色付き太字</b></font>も混ぜることもできますよ


そして、 大きく色つき太字 を混ぜると、こんなんです!
そして、<font size=6 color=#FF69B4><b>大きく色つき太字</b></font>を混ぜると、こんなんです

全1ページ

[1]


.
hakko
hakko
非公開 / 非公開
人気度
Yahoo!ブログヘルプ - ブログ人気度について
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

過去の記事一覧

ブログバナー

検索 検索

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

もっと見る

[PR]お得情報

コンタクトレンズで遠近両用?
「2WEEKメニコンプレミオ遠近両用」
無料モニター募集中!
お肉、魚介、お米、おせちまで
おすすめ特産品がランキングで選べる
ふるさと納税サイト『さとふる』
いまならもらえる!ウィスパーWガード
薄いしモレを防ぐパンティライナー
話題の新製品を10,000名様にプレゼント
いまならもらえる!ウィスパーうすさら
薄いしモレを防ぐ尿ケアパッド
話題の新製品を10,000名様にプレゼント
ふるさと納税サイト『さとふる』
実質2000円で特産品がお手元に
11/30までキャンペーン実施中!

その他のキャンペーン


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

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

みんなの更新記事