![[11]](https://s.yimg.jp/i/jp/blog/p3/images/paging_for2.gif){kind=small}
|
全体表示
[ リスト | 詳細 ]
コメント（26）
前回紹介した文法の
【||<#FFFFFF'style='filter:blur(direction=135, strength=8);text-align:center;font-family:"HGP創英角ﾎﾟｯﾌﾟ体";width:560px;font-size:12pt;color:blue;border:double 5px blue'``枠で囲んで文字に影を付けてみよう��||】 後半部にある【font-size:12pt;color:blue;】の後ろに 【word-spacing:○○○px;line-height:○○pt】をはめ込むだけ♪ ○○○は数値です♪ Yahooブログは５６０pixelで表示ですので【spacing】の後ろには５６０未満を指定する ※枠を使っている場合は数値を減らす場合があります(レイアウトが崩れるので ５２０位にする) 【width:560px】も５４０位にします♪ 【line-height】の後ろの数値は 改行時の行の高さです♪ フォントの大きさと同じ位の数値を入れましょう♪ ☆注意点☆ 顔文字等を使う際には 半角スペースが含まれている場合があります カーソルを動かし確認をし 半角スペースがあったら消去した方が良いと思います♪ ※半角スペースがあると 思いっきりレイアウトが崩れます凹
||<#d5dfff'style='filter:blur(direction=135, strength=8);text-align:center;font-family:"HGP創英角ﾎﾟｯﾌﾟ体";width:540px;font-size:12pt;color:blue;word-spacing:520px;line-height:10pt;border:double 5px blue'``全角スペースで 改行するョ♪||
||<#eaffd5'style='filter:blur(direction=135, strength=8);text-align:center;font-family:"HGP創英角ﾎﾟｯﾌﾟ体";width:540px;font-size:12pt;color:green;word-spacing:520px;line-height:10pt;border:double 5px green'``全角スペースで 改行するョ♪||
||<#ead5ff'style='filter:blur(direction=135, strength=8);text-align:center;font-family:"HGP創英角ﾎﾟｯﾌﾟ体";width:540px;font-size:12pt;color:#35006a;word-spacing:520px;line-height:10pt;border:double 5px #35006a'``全角スペースで 改行するョ♪||
||<#eaffd5'style='filter:blur(direction=135, strength=7);text-align:center;font-family:"HGP創英角ﾎﾟｯﾌﾟ体";width:540px;font-size:12pt;color:#6a6a00;word-spacing:520px;line-height:10pt;border:double 5px #6a6a00'``全角スペースで 改行するョ♪||
||<#eaffd5' style=;text-align:center;filter:glow(color=#35006a,strength=3);background-color:transparent;width:540px;font-family:"HGP創英角ﾎﾟｯﾌﾟ体";font-size:12pt;color:#dfbfff;word-spacing:520px;line-height:10pt'``おまけでどうぞ♪ ヘ(￣▽￣*)ノ・・.♪ヒャッホーイ♪.・・ヾ(*￣▽￣)ノ||
|
||||||||||||
- >
- Yahoo!サービス
- >
- Yahoo!ブログ
- >
- 練習用
||<#ffffff'style='text-align:center;width:560px;font-size:15pt;color:black;border:double 5px black'``文字を枠で囲んでみよう||
☆ポイント☆
�、�(||<#ffffff9)先頭にあるカラーコードを変更で背景の色が変更 文法後半にある【border:double 5px black】 �□�(double)他のタイプに変更で枠のタイプが変更 ��→(5px)数値変更で枠の大きさが変更 �あ�(black)色の変更 【border:***** 5px black】を取っ払えば枠は付きません
||<#FFFFFF'style='filter:blur(direction=135, strength=8);text-align:center;font-family:"HGP創英角ﾎﾟｯﾌﾟ体";width:560px;font-size:12pt;color:blue;border:double 5px blue'``枠で囲んで文字に影を付けてみよう��|| ||<#FFFFFF'style='filter:blur(direction=225, strength=8);text-align:center;font-family:"HGP創英角ﾎﾟｯﾌﾟ体";width:560px;font-size:12pt;color:green;border:double 5px green'``枠で囲んで文字に影を付けてみよう��|| ☆ポイント☆
【direction=135】→数値変更で影の向きが変更 【strength=8】→数値変更で影の長さが変更 【HGP創英角ﾎﾟｯﾌﾟ体】を取っ払えばフォントは標準設定が表示されます
||<#FF9999' style='width:560px' ``|| ||<#FFCC99' style='width:560px' ``|| ||<#FFFF99' style='width:560px' ``|| ||<#99FF99' style='width:560px' ``|| ||<#66FFFF' style='width:560px' ``|| ||<#66CCFF' style='width:560px' ``|| ||<#CC99FF' style='width:560px' ``||
|
||||||||||||||||||||||||||||||||
- >
- Yahoo!サービス
- >
- Yahoo!ブログ
- >
- 練習用
|
こんばんわ♪ 深夜に僕です♪ |
- >
- Yahoo!サービス
- >
- Yahoo!ブログ
- >
- 練習用
||<#FFFFFF' style='font;color:red'``赤文字||
||<#FFFFFF'style='font-size:15pt;color:red'``大きい赤文字||
||<#FFFFFF'style='text-align:center;width:560px;font-size:15pt;color:blue'``大きい青文字中央||
||<#FFFFFF' style='text-align:right;width:560px;font-size:15pt;font-family:HGS創英角ﾎﾟｯﾌﾟ体;color:green'``フォントを変えて大きい緑文字右側||
||<#000000' style='text-align:center;width:560px;font-size:15pt;font-family:HGS創英角ﾎﾟｯﾌﾟ体;color:white'``フォントを変えて大きい白文字中央背景黒||
※１ カラーコード【#******】を使った方が色んな色が楽しめます♪ カラーチャートを参照して下さい♪
しかし、急ぎの時！？等は【red】とか【blue】【green】とか英単語で記入してもＯＫです♪ あんまり複雑な色が楽しめないけど・・・ ※２ お使いのＰＣにそのフォントがインストールされてないと表示出来ません凹 その場合は 標準フォントが表示されます♪(標準フォントはご自分で変える事も出来ます) ご自分が見れても お越し下さる方にそのフォントが見れなければ 意味が半減してしまいますね凹
|
||||||||||||||||||||||||||||
- >
- Yahoo!サービス
- >
- Yahoo!ブログ
- >
- 練習用
