文字に背景色をつけるには・・・

今日はちょっと遊んでみよう＾＾

例えば↓

火点は前方の標的

これには

||<#FFFFFF'style='font-size:25pt;font-family:HG創英角ｺﾞｼｯｸUB;color:Red'``火点前方標的||

と、入力をしますが、一部を変更すると・・・

火点は前方の標的

となります＾＾

これは

||<#808080'style='font-size:25pt;font-family:HG創英角ｺﾞｼｯｸUB;color:Red'``火点前方標的||

と入力、どこが変わっているか分かりますよね＾＾

「#FFFFFF」が「#808080」と変更＾＾、ここが背景色になります。

色見本は↓

Black (#000000)　　 Gray (#808080)　　　 Silver (#C0C0C0)　　　 White (#FFFFFF)
Red (#FF0000)　　　Yellow (#FFFF00)　　　 Lime (#00FF00)　　　 Aqua (#00FFFF)
Blue (#0000FF)　　 Fuchsia (#FF00FF)　　 Maroon (#800000)　　　Olive (#808000)
Green (#008000)　　 Teal (#008080)　　　 Navy (#000080)　　　 Purple (#800080)

ここにある色見本は一部になります、
もっと見たい方は最下部の「カラーパレット」の検索結果を参考にして下さい＾＾

これを応用すると、トップページの「文字入りライン」

何もしないで入力すると

火点は前項の標的

と、なるのが・・・

火点は前方の標的

と、なったり・・・

火点は前方の標的

と、元々の見本には無かった色も自分で選ぶことも出来ます＾＾
（改変の再配布は出来ませんので、文法は表示しません）

他にもどんな色があるのかを知りたい方は→カラーパレットの検索結果←こちらで自分の見やすいカラーパレットを探してみてください＾＾

転載元: 火点は前方の標的！（狙いは真ん中のブル！）

この記事は、[http://blogs.yahoo.co.jp/m_freeman842/ ブログ「狂気な自遊人の歩き方」]の記事です。

注意：使用する際は、wikiにチェックを入れるのを忘れずに～♪

あとあの間が字を入れるスペースです。（注：あは本来いりません）

右上の『詳細』をクリックして、「見本」と比べると分かり易いですよ～♪

※色変化いろいろあります♪
<black→黒 silver→銀色 gold→金色 gray→灰色 maroon→赤茶色

red→赤 purple→紫 fuchsia→桃色 green→緑 lime→黄緑

olive→黄土色 yellow→黄色 avy→紺色 blue→青 teai→深緑

aqua→水色 orange→オレンジ色

☆文字大きさ、色変化☆

||<#FFFFFF'style='font:bold;color:red'``あ太字で赤あ||

||<#FFFFFF'style=font:100pt'``ああ||

||<#FFFFFF'style='text-align:center;width:560px;font:bold;color:blue'``あ中央・太字・青色あ||

||<#ffffff'style='font:italic bold 15pt;color:blue;'``あ青くて大きい斜体太文字あ||

||<#FFFFFF' style='font-size:20pt;color:red' ``あ色変化、大きさあ||

☆フォント色々☆

||<#FFFFFF'style='font-size:25pt;font-family:麗流隷書;color:red'``あ麗流隷書・25pt・赤あ||

||<#FFFFFF'style='font-size:25pt;font-family:AR P板体B;color:red'``あAR P板体B・25pt・赤あ||

||<#FFFFFF'style='font-size:25pt;font-family:魚石行書;color:red'``あ魚石行書・25pt・赤あ||

||<#FFFFFF'style='font-size:25pt;font-family:恋文ペン字;color:red'``あ恋文ペン字・25pt・赤あ||

||<#FFFFFF'style='font-size:25pt;font-family:AR P古印体B;color:red'``あ古印体B・25pt・赤あ||

||<#FFFFFF'style='font-size:25pt;font-family:AR P丸ゴシック;color:red'``あAR P丸ゴシック体M赤あ||

||<#FFFFFF'style='font-size:25pt;font-family:HGS創英角ﾎﾟｯﾌﾟ体;color:red'``あHGS創英角ﾎﾟｯﾌﾟ体・赤あ||

||<#FFFFFF'style='font-size:25pt;font-family:ＭＳ明朝;color:red'``あＭＳ明朝・赤あ||

||<#FFFFFF'style='font-size:25pt;font-family:HG創英角ｺﾞｼｯｸUB;color:red'``あHG創英角ｺﾞｼｯｸUB赤あ||

||<#FFFFFF'style='font-size:25pt;font-family:ふみゴシック;color:red'``あふみゴシック赤あ||

||<#FFFFFF'style='font-size:25pt;font-family:HG正楷書体;color:red'``あHG正楷書体赤あ||

||<#FFFFFF'style='font-size:25pt;font-family:HG正楷書体-PRO;color:red'``あHG正楷書体-PRO赤あ||

☆文字の色☆

||<#FFFFFF'style='font:bold;color:blue'``あ青色あ||

||<#FFFFFF'style='font:bold;color:aqua'``あ水色あ||

||<#FFFFFF'style='font:bold;color:green'``あ緑色あ||

||<#FFFFFF'style='font:bold;color:lime'``あ薄緑色あ||

||<#FFFFFF'style='font:bold;color:purple'``あ紫色あ||

||<#FFFFFF'style='font:bold;color:yellow'``あ黄色あ||

||<#FFFFFF'style='font:bold;color:fuchsia'``あピンクあ||

||<#FFFFFF'style='font:bold;color:maroon'``あ茶色あ||

☆囲い色々☆

||<#FF00FF' style='border: solid 2px #FF99CC;font:25pt'``あピンクの囲いあ||

||<#FFFFcc'style='text-decoration:underline;font:bold 20px;color:#0000ff'``あふり～まんあ||

☆中央の字だけ色を変える方法☆

||<#FFFFFF' ``||
||<#FFFFFF' style='padding:0px;``あどうです？
||<#FFFFFF' style='font:bold 20pt;color:FF0000;padding:0px;``真中赤い！
||<#FFFFFF' style='padding:0px;``あでしょ？
||<#FFFFFF' ``||

☆背景の色を入れたやり方☆

||<#FFFFFF' style='font:bold 20pt;color:white;background-color:red'``あ赤の白抜きあ||

||<#FFFFFF' style='font:bold 32pt;color:white;background-color:black'``あ黒の白抜き大きいあ||

☆文字の配置と字を大きく☆

||<#FFFFFF' style='font-size:27pt;width:560px;text-align:left'``あ左詰めあ||

||<#FFFFFF' style='font-size:27pt;width:560px;text-align:center'``あ中心あ||

||<#FFFFFF' style='font-size:27pt;width:560px;text-align:right'``あ右詰めあ||

テーブル☆

||'''1'''||あ狂気な自遊人の歩き方♪あ||
||'''2'''||あＭ・Ｆreemanですよ～♪あ||
||'''3'''||あ初心者向けのブログ目指す～♪あ||
||'''4'''||あ↑多分ね～♪あ||

☆テーブル・２☆

とりあえず、ブログで大切なものをベスト３にして説明

||'''1'''||登録者||一番大切な人達～♪||
||'''2'''||訪問者||よく訪問してくれるありがたい人達～♪||
||'''3'''||初見さん||初めましてよろしくねぇ～♪||

注： ↑番号の部分は ''' ''' を使って太字にしてます。

☆テーブル・３☆

||<#FFFFFF'` `||
||<#dcdcdc' style='border: solid 2px #888888'`Ｍ`
||<#dcdcdc' style='border: solid 2px #888888'`Ｆreeman`
||<#dcdcdc' style='border: solid 2px #888888'`ですけど`
||<#dcdcdc' style='border: solid 2px #888888'`それが何か？`
||<#FFFFFF'` `||

☆写真添付☆

写真・左寄せ
[[attached(1,left)]]

写真・中央
[[attached(2,center)]]

写真・右寄せ
[[attached(3,right)]]

☆画像を横に並べる☆

|| || || || || || || || || ||
||[[attached(1)]]
||
||
||
||
||
||
||[[attached(2)]]
||
||
||
||
||
||
||[[attached(3)]]
|| || || || || || || || || ||

☆画像の横に文章を残す方法☆

[[attached(1,left)]]←（）の数字は画像ＵＰ順です。複数だったら数字を変えるだけで
　　　　　　　　　　ＯＫ！文章は途中改行でもグ～！

☆お願い：転載する時はコメント残して行ってねぇ～♪それが礼儀～♪

関連記事:[http://blogs.yahoo.co.jp/m_freeman842/23501870.html/ wiki文法アレコレ☆２]

関連記事:[http://blogs.yahoo.co.jp/m_freeman842/23587190.html/ wiki文法アレコレ☆３]

関連記事:[http://blogs.yahoo.co.jp/m_freeman842/25472225.html/ wiki文法アレコレ☆４]

関連記事:[http://blogs.yahoo.co.jp/m_freeman842/32705600.html/ wiki文法アレコレ☆５]

注意：「著作権者の'''許可を受けずに著作物を公開するなど、第三者の知的財産権を侵害'''したり、侵　　　　害を助長すること」（Yahoo!ｶﾞｲﾄﾞﾗｲﾝより抜粋） ↑↑↑があるので、転載の転載は許可しません。転載は転載元から許可を得てして下さいね～♪

この記事は、[http://blogs.yahoo.co.jp/m_freeman842/ ブログ「狂気な自遊人の歩き方」]の記事です。

転載元: 狂気な自遊人の歩き方

コメント（1）

トラックバック（0）

文字を大きく！背景色も変えたい！

☆字を大きくする為には？☆

狂気な自遊人の歩き方

↑↑↑↑
のやり方分からない人の為に。

表示すると、↓↓↓↓
||<#FFFFFF'style=font:50pt'狂気な自遊人の歩き方||

のようになります。

初めての方にしてみれば「？」でしょう。

「#FFFFFF」は背景色を示します。つまり「FFFFFF」は背景色は白になります。

「50pt」は文字のサイズ。通常時の大きさは10pt大きくしたければ「100pt」も

可能です♪

それでは試しに「100pt」表示を、

狂気な自遊人の歩き方

↑↑↑↑↑

大きくなったでしょ？

これで字の大きさ変化が分かったかと思います。

でも、毎回、↑を入力するのは手間がかかる？

大丈夫です。

うちの記事に「wiki文法アレコレ☆」シリーズがあります。

それを転載して、記事作成時に記事を開き、左クリックで使いたいソース（↑のやつみたいなの）

を網掛けします。（左クリックを押し続けたまま字を覆うと青くなるのを網掛けといいます）

そして、網掛けした部分に左クリックすると、「コピー」表示がでるのでクリック！

そして記事の使いたい部分に、左クリックで表示を出し、「貼り付け」をクリック！

すると、コピーしたものが記事に「貼り付け」出来ます。

↓気をつけて！↓

注意：１・「ソース」は半角入力しないと正しく表示されません。（例えば「||」や、「50」など）

　　　２・記事作成時に右上に表示される「□wiki文法」を、クリックして印をつけていないと
　　　　　使用できません。

　　　３・このソースは、↓↓↓↓

ブログ||<#FFFFFF'style=font:50pt'狂気な自遊人の歩き方||

というように、「ブログ」などの文字をを頭に持ってきて表示させると使えません。

使う時は、

ブログ
||<#FFFFFF'style=font:50pt'``狂気な自遊人の歩き方||


か、

||<#FFFFFF'style=font:50pt'``ブログ狂気な自遊人の歩き方||

で、↓↓↓↓

ブログ

狂気な自遊人の歩き方

か、

ブログ狂気な自遊人の歩き方

と、なります☆

背景色も変えたいけど、「FFFFFF」のような記号では色変えれないよ。（分からない）

という方もいると思います。そんな方は↓↓↓を参照して下さい。

☆カラーリファレンス☆

インデックス

お願い：転載する時はコメント残して行ってねぇ～♪それが礼儀～♪

関連記事:wiki文法アレコレ☆１

関連記事:wiki文法アレコレ☆２

関連記事:wiki文法アレコレ☆３

関連記事:wiki文法アレコレ☆４

関連記事:wiki文法アレコレ☆５

注意：「著作権者の許可を受けずに著作物を公開するなど、第三者の知的財産権を侵害したり、侵　　　　害を助長すること」（Yahoo!ｶﾞｲﾄﾞﾗｲﾝより抜粋）
　　　　↑↑↑があるので、転載の転載は許可しません。転載は転載元から許可を得てして下さいね～♪

この記事は、ブログ「狂気な自遊人の歩き方」の記事です。

※詳しく知りたい方は、登録者用記事に、囲み、タイトル装飾、アバター遊び、斜体など
　色々記事がありますので、そちらを参考にしてみて下さいね～♪↑↑↑も登録者用です☆

転載元: 狂気な自遊人の歩き方

コメント（1）

トラックバック（0）

Wiki文法一覧表 Ver2（リンク修正版）

https://blogs.yahoo.co.jp/IMG/ybi/1/67/d7/mon_7_jp/folder/94105/img_94105_6261978_0?20060619205441


Wiki文法一覧表（リンク修正版）

文体	明細	サポート	実行例	Wiki文法

太字	字を太くします	ヘルプ記載	ABC	'''ABC'''

斜体	斜体文字にします	未サポート	ABC	''ABC''

見出し１	字のサイズを大きく、青色にします	ヘルプ記載	ABC	= ABC =

見出し２	字のサイズは中間で、白色にします	ヘルプ記載	ABC	== ABC ==

見出し３	字のサイズは中間で、青色にします	ヘルプ記載	ABC	=== ABC ===

見出し４	字のサイズを小さく、白色にします	ヘルプ記載	ABC	==== ABC ====

見出し５	字のサイズを小さく、青色にします	ヘルプ記載	ABC	===== ABC =====

引用１	字に薄緑色の背景色をつけます	ヘルプ記載	`ABC`	{{{ABC}}}

引用２	字を灰色の枠で囲み、薄灰色の背景をつけます	ヘルプ記載	※１	※１

引用３	字を薄緑色の枠で囲み、肌色の背景をつけます	ヘルプ記載	※２	※２

リンク１	リンクを設置します	ヘルプ記載	Yahoo!	[URL 文字]

リンク２	メールリンクを設置します	未サポート	メール	[mailto:アドレス文字]

イメージ	画像を設置します	ヘルプ記載：※３	※４	[[img(URL,w,h,alt)]]

イメージ２	画像を設置します	未サポート	※５	[[attached(番号,align)]]

埋め込み	音声・動画等を埋め込みます	未サポート	※６	[[embed(URL,※７)]]

箇条書き	文章を箇条書き及びインデントします	未サポート	※８	※８

コメント文	表示されない文を入力できます	未サポート	※９	##文字

テーブル表示	テーブル組みでの表示をします	未サポート	※１０	\|\|文字\|\|

水平線	ライン（水平線）を引きます	未サポート	※１１	----

※１　↓実行例及びWiki文法

{{{:
ABC
}}}

※２　↓実行例及びWiki文法

{{{
ABC
}}}

※３　URL以外（属性）は未サポート
※４　詳しくはこちらをご覧下さい
※５　詳しくはこちらをご覧下さい
※６　詳しくはこちらをご覧下さい
※７　音声・動画・Flash等、それぞれ必要な属性を使用。
※８　詳しくはこちらをご覧下さい
※９　詳しくはこちらをご覧下さい
※１０　詳しくはこちらをご覧下さい
※１１　↓実行例

表で使用している属性
w=width（横幅）
h=height（高さ）
alt=代替文字列
align=left･center･right
※Wiki文法は、文字列を除きすべて半角で入力する

コメント（0）

トラックバック（0）

超簡単!!画像の位置変化と色文字の表示方法♪

https://blogs.yahoo.co.jp/IMG/ybi/1/a3/73/uragoe_2ch/folder/171872/img_171872_2210476_0?20060307192626

超簡単!!画像の位置変化と色文字の表示方法♪

この記事はYahoo未サポートWiki文法使用記事です

（※以下の説明は全て記事作成時に「Wiki文法使用」にチェック入れて書いて下さい）

文字の間に画像を入れる方法

例１　記事中の任意の場所に投稿した画像を配置する方法

■　「新規投稿」で記事に画像を投稿する方法♪　■

「新規投稿」で記事に複数の画像を投稿する場合は記事入力画面の下の 「画像添付」欄 の

[[attached(1)]] 『複数の画像をアップロード』 を投稿枚数分押して、

参照をクリックし、パソコン内から画像を選んで下さい。

■記事に３枚の画像をアップロード（投稿）する場合■

■書式■

上です
[[attached(１)]]
中です
[[attached(2)]]
下です
[[attached(3)]]

表示例１

上です
（１番目の画像）
中です
（２番目の画像）
下です
（３番目の画像）

と表示されるようになります。

例２　文章と文章の間に画像を入れる

■書式■

あいう[[attached(１)]]えお[[attached(2)]]かきく

表示例２

あいう　（１番目の画像）　えお　（２番目の画像）　かきく

という順番で文字と画像が表示出来ます。

例３ [[attached(１)]]　を使った画像位置変化

■書式■

[[attached(１,left)]]　　→　意味：１番目の投稿画像を左寄せ
[[attached(2,center)]]　→　意味：２番目の投稿画像をセンターリング
[[attached(3,right)]]　 →　意味：３番目の投稿画像を右寄せ

※ソース内容について
[[attached(画像の番号,場所)]]　という意味になります

表示例３

１番目の画像

　　　　　　　　　　　　　　　　　　　　　　　　　２番目の画像

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　３番目の画像

■ Wiki文法で文字の大きさと色をつける方法

■ご注意■ この方法では、色文字は１行ごとでしか書けません。また行間も大きくなります。

上の題字のソース
||<#FFFFFF'style='font:bold 18pt;color:red'``Wiki文法で文字の大きさと色をつける方法||

大きく

||<#FFFFFF'style='font:bold 40pt;color:blue'``大きく||

カラーネームの使用法

上の文字の色や、下の線の色の指定方法ですが、カラーの指定の方法に２種類あります。
文字の所の　color:blueという指定方法と、線の所の　#0000FFは同じ色の指定です。

#0000FF　という表記は１６進数といいます。　

||<#FFFFFF'style='font:bold 40pt;color:#0000FF'``色の指定||

色の指定

カラーネームについては、
色見本のサイト　等を使うか、

カラーネーム① 『(*ﾟρﾟ) ﾎﾞｰ』のakipureさんのブログをご参照下さい。

カラーのラインの記述方法

青線
||<#0000FF' style=width:560px;` `||
赤線
||<#FF0000' style=width:560px;` `||

青線

赤線

画像のサイズを大きく（小さく）表示させる方法

では次に、画像サイズを元の画像よりも大きく表示させたり小さく表示させる方法を紹介します。

これは　とある某さんの水着の画像です。この画像を、サイズ指定しないで表示させるとこうなります。

https://blogs.yahoo.co.jp/IMG/ybi/1/a3/73/uragoe_2ch/folder/179296/img_179296_2059236_4?20050504104243.jpg

　この画像の元サイズは　横　240　高さ　320（ピクセル）です。

ソースは
[[img(http://～～.jpg)]]
と入力します。（gif画像またはpng画像も可）

この同じ画像を半分の大きさで表示させましょう。　横　120　高さ　160　にします

この場合は
[[img(http://～～.jpg,120,160)]]
と、画像のURLの後に　,（カンマ）を入れて　画像URL　,　横幅　,　高さ　と入力すれば、
元の画像サイズではなく、指定された数値のサイズで表示されます

画像サイズ・ファイルサイズ縮小の例

■画像サイズは、元画像が約78KB あるのに対し、これはわずか 18.5KB です■

https://blogs.yahoo.co.jp/IMG/ybi/1/a3/73/uragoe_2ch/folder/180830/img_180830_15532661_2?20051107161442.jpg

■画像の大きさを少し縮小し、サイズも 9.7KB に抑えてみました■

https://blogs.yahoo.co.jp/IMG/ybi/1/a3/73/uragoe_2ch/folder/180830/img_180830_15532661_3?20051107161442.jpg

■画像のファイルサイズを小さくしましょう
★いずれも　→　超簡単!!大きな写真は縮小しよう♪　の記事の ＢＴＪ３２ という無料ソフトで
ファイルサイズ縮小・画像サイズ変更したものです。

デジタルカメラ等で撮った写真は、解像度によってはかなり大きな画像になります。
「ＢＴＪ３２」はそういう画像をファイルサイズ・大きさとも縮小してくれるソフトです。

■お願い■
恐れ入りますが、コメント欄が非常に長くなる為、
個々のコメントに個別には返信しない場合がございます。
ですが、皆様のコメントはありがたく拝見させていただいております。

※ただし、ご質問等にはお答えしております。
　ご質問はメニューに「なんでも質問箱」もご用意させていただいて
　おりますので、そちらもご活用下さい。

■ご注意■
この記事は転載者に断り無く随時修正する場合がございます
ご了承下さい

★ メールマガジン創刊 ★　『 OYAJIのブログ裏話』　読者登録はココをクリック♪

Yahooブログでのテクニック等を学びたい方は、ここを見て下さい

■ 超簡単!!シリーズ INDEX♪ 初心者必見！！

お役に立てましたら「傑作」ボタン押！　もよろしく！！

傑作について　（転載された場合、傑作の人気ポイントは、転載元記事にのみ反映されます）

BESTブログランキング　 ←クリックご協力下さい♪
ブログランキングにほんブログ村　 ←クリックご協力下さい♪

文責（記事作成元）
楽しむYahoo!ブログの作り方♪
作成者　

https://blogs.yahoo.co.jp/IMG/ybi/1/a3/73/uragoe_2ch/folder/789330/img_789330_13356986_1?20051014064926.gif

(トラックバック自由・転載は条件付■このリンク先必読■）

★この記事の転載時の注意点等を参照して下さい。
当ブログの解説系記事の取り扱いについて

超簡単!!記事の転載方法♪　←記事を転載される方は必ずこの記事をお読み下さい♪

転載元: ☆我家のシオリン☆

日	月	火	水	木	金	土
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	31

ブログ

これで字の大きさ変化が分かったかと思います。

でも、毎回、↑を入力するのは手間がかかる？

うちの記事に「wiki文法アレコレ☆」シリーズがあります。

Wiki文法一覧表（リンク修正版）

ABC

ABC

ABC

ABC

ABC

関連記事一覧

超簡単!!画像の位置変化と色文字の表示方法♪

文字の間に画像を入れる方法

例１ 記事中の任意の場所に投稿した画像を配置する方法

■記事に３枚の画像をアップロード（投稿）する場合■

表示例１

例２ 文章と文章の間に画像を入れる

表示例２

例３ [[attached(１)]] を使った画像位置変化

表示例３

■ Wiki文法で文字の大きさと色をつける方法

カラーネームの使用法

カラーのラインの記述方法

画像のサイズを大きく（小さく）表示させる方法

画像サイズ・ファイルサイズ縮小の例

■画像サイズは、元画像が 約78KB あるのに対し、これはわずか 18.5KB です■

■画像の大きさを少し縮小し、サイズも 9.7KB に抑えてみました■

Yahooブログでのテクニック等を学びたい方は、ここを見て下さい

お役に立てましたら「傑作」ボタン押！ もよろしく！！

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

最新のコメント

最新のトラックバック

剛友

消防団仲間

仲間

標準グループ

Yahoo!からのお知らせ

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

例１　記事中の任意の場所に投稿した画像を配置する方法

例２　文章と文章の間に画像を入れる

例３ [[attached(１)]]　を使った画像位置変化

■画像サイズは、元画像が約78KB あるのに対し、これはわずか 18.5KB です■

お役に立てましたら「傑作」ボタン押！　もよろしく！！