テンプレート

はい!　久しぶり^^

最近　ヤフーのブログの使用変更でいろいろな　弊害が出ているようだなぁ☆

写真が巨大化した！

字がでかくならない！

色が変わらない！

ウンコが止らない！

ここのゲストブックも　そんな悩みや苦情でいっぱい　おっぱいだ。。

はっきり言っておくけども・・

知らん!!

いろいろ自分で試して解決していくのも楽しいもんだぞぉ^^

あ･･　大きくなった♪

いや･･　ヤフーの対応への文句もチラホラ聞こえるけども　もともと　こう言ったタグや指令は　ヤフーのwikiマニュアルには出ていないものだしな｡｡

今回のメンテナンスで　ブログがより使いやすくなるのであれば　オラはそれで良いと思うぞ♪

だって

ヤフブロ好きだもの♪^^

あ…また大きくなった♪

では今日は　それを踏まえて　　文字の色と大きさを変える　新バージョンだ☆

まず　WIKIチェック！

https://blogs.yahoo.co.jp/IMG/ybi/1/4a/fe/souko55373/folder/246372/img_246372_14181522_3?20070218193249

黒い巨根！

赤いオナラ！

黄色いさくらんぼーず！

青くさいヤツだ。青汁♪

おれんち　オレンジ！

紫大好き♪変態です。。

これらの指令はこちら

||<#ffffff'style='font-size:30pt;color:#000000``黒い巨根！||

||<#ffffff'style='font-size:30pt;color:#FF0039'``赤いオナラ！||

||<#ffffff'style='font-size:30pt;color:#FFFF2B'``黄色いさくらんぼーず！||

||<#ffffff'style='font-size:30pt;color:#5580FF'``青くさいヤツだ。青汁♪||

||<#ffffff'style='font-size:30pt;color:#FF8000'``おれんち　オレンジ！||

||<#ffffff'style='font-size:30pt;color:#8040BF'``紫大好き♪変態です。。||

一応　指令の出し方を乗せておくなぁ

https://blogs.yahoo.co.jp/IMG/ybi/1/4a/fe/souko55373/folder/246372/img_246372_20275072_0?1180069592

他にも　色んな種類の色もあるけど･･　あとは　自分で調べてみような♪

調べ方は…　他力本願法だぞ→http://blogs.yahoo.co.jp/haruo55373/45751325.html

ちなみに　これも　また使えなくなる日が来るかもしれん。。

その時は･･　また考えれば　いいじゃない？　　駄目？？

んじゃ！また！　アディダース♪

　　　　　　　　　　　　　　　　　　　　　　　　　夢見る頃を過ぎても～はるお日記～

転載元: 夢見る頃を過ぎても～はるお日記～

「セル２」を消して、[[attached(画像番号)]]入れて下さい。 ||<#ffffff' ``|| ||<#A6BCAF' style='width:269px;text-align:center;border:2px #28492C double' ``セル１ ||<#A6BCAF' style='width:269px;border:4px #28492C double' ``[[attached(２)]] ||<#ffffff' ``|| 注意点として、挿入する画像の幅です！！この場合は、269pxに縮小された画像を入れて下さいね！！

背景の幅の設定には「padding:」を使います。「padding:」の横に希望の背景幅の数値を記入します⇒例)padding:4px 4px 4px 4px; ||<#ffffff' ``|| ||<#A6BCAF' style='width:269px;text-align:center;padding:4px 4px 4px 4px;border:2px #28492C double' ``セル１ ||<#A6BCAF' style='width:269px;padding:4px 4px 4px 4px;border:4px #28492C double' ``[[attached(２)]] ||<#ffffff' ``|| 注意点として、挿入する画像の幅です！！この場合は、269pxに縮小された画像を入れて下さいね！！

文字の色の設定には「color:」を使います。「color:」の横に希望の色番号(#＋6桁)の数値を記入します⇒例)color:#28492C ||<#ffffff' ``|| ||<#A6BCAF' style='width:269px;text-align:center;padding:4px 4px 4px 4px;border:2px #28492C double;color:#28492C' ``セル１ ||<#A6BCAF' style='width:269px;padding:4px 4px 4px 4px;border:4px #28492C double' ``[[attached(２)]] ||<#ffffff' ``|| 注意点として、挿入する画像の幅です！！この場合は、269pxに縮小された画像を入れて下さいね！！

私、個人的には、パターンＤが一番気に入ってます。画像も大きく表示出来て、説明には十分の文章が入りますから。。。パターンＤは、↓こうなってます！！これを基本に、幅とか色番号を変えれば楽と思います！！ ||<#ffffff' ``|| ||<#A6BCAF' style='width:74px;text-align:center;padding:4px 4px 4px 4px;border:2px #28492C double;color:#28492C' ``パターンＤ/セル１幅(文字部分幅)=74px、画像幅=462px(16cm) ||<#A6BCAF' style='width:462px;padding:4px 4px 4px 4px;border:4px #28492C double' `` イメージ 1

||<#ffffff' ``||

２つのセルを並べる場合 ||<#ffffff' ``|| ||<#C7B9DA' style='width:280px' ``セル１ ||<#C7B9DA' style='width:280px' ``セル２ ||<#ffffff' ``|| 注意⇒widthの巾の合計が、567pxを超えないように！！

３つのセルを並べる場合 ||<#ffffff' ``|| ||<#C7B9DA' style='width:185px' ``セル１ ||<#C7B9DA' style='width:185px' ``セル２ ||<#C7B9DA' style='width:185px' ``セル３ ||<#ffffff' ``|| 注意⇒widthの巾の合計が、567pxを超えないように！！

widthの数値は、同じにしなくても、いいですよ～ ||<#ffffff' ``|| ||<#C7B9DA' style='width:100px' ``セル１ ||<#ffffff' style='width:50px' ``セル２ ||<#C7B9DA' style='width:405px' ``セル３ ||<#ffffff' ``|| 注意⇒widthの巾の合計が、567pxを超えないように！！

「border:」を入れて、枠の太さ(px)、枠の色番号(#＋6桁)、枠の種類の順に指定します ||<#ffffff' ``|| ||<#C7B9DA' style='width:269px;border:2px #A9518B double' ``セル１ ||<#C7B9DA' style='width:269px;border:4px #A9518B double' ``セル２ ||<#ffffff' ``|| 注意⇒widthの巾と枠の巾の合計が、567pxを超えないように！！(枠の巾は左右あるので2倍になります)

セル１の文字を真ん中にもってきましょう(センターリング) 「text-align:center;」と入れて下さい。 ||<#ffffff' ``|| ||<#C7B9DA' style='width:269px;text-align:center;border:2px #A9518B double' ``セル１ ||<#C7B9DA' style='width:269px;border:4px #A9518B double' ``セル２ ||<#ffffff' ``||

イエロー色系の場合⇒#FFFF80(下画像左) ||<#ffffff' ``|| ||<#FFFF80' style='width:255px;padding:8px 8px 8px 8px;border:4px #35012D double' ``[[attached(３)]] ||<#ffffff' ``|| グリーン色系の場合⇒#D5FF55(下画像右) ||<#ffffff' ``|| ||<#D5FF55' style='width:255px;padding:8px 8px 8px 8px;border:4px #35012D double' ``[[attached(３)]] ||<#ffffff' ``||

ブラウン色系の場合⇒#6A0000(下画像左) ||<#ffffff' ``|| ||<#FFFF80' style='width:255px;padding:8px 8px 8px 8px;border:4px #6A0000 double' ``[[attached(３)]] ||<#ffffff' ``|| ダークグリーン色系の場合⇒#006A1B(下画像右) ||<#ffffff' ``|| ||<#D5FF55' style='width:255px;padding:8px 8px 8px 8px;border:4px #006A1B double' ``[[attached(３)]] ||<#ffffff' ``||

②二行目の「 ||<#65D325' 」これが、画像の背景(画像と枠線の間=薄いグリーンの部分)の色になります。「#」以降の６桁の数字やアルファベットの「色番号」を入力します。 (６桁の後に「'」と半角スペースを入れて下さいね！！)

③二行目の「 style='」ここで、色々な設定をします。必ず「style=」の後に「'」を入れて下さいね！！「width:」というのは、画像の幅の指定・設定です。「padding:」とうのは、背景の幅の指定・設定です。「border:」というのは、枠の指定・設定です。

④二行目の「 width:」「width:」というのは、画像の幅の指定・設定です。ｙａｈｏｏブログでは、画面の左から右までの幅は⇒２０ｃｍ＝５６７ｐｉｘｅｌｓなんです。この「２０ｃｍ＝５６７ｐｉｘｅｌｓ」を、よく覚えて、常に意識して下さい。また、「ｐｉｘｅｌ」という単位を使うことも覚えて下さい⇒文法的には「ｐｘ」になります。「画像の幅＋背景の幅＋枠の幅」の合計が、５６７ｐｘを超えると。。。ｙａｈｏｏブログの画面が崩れてしまいますので注意が必要です。

⑤二行目の「 padding:」「padding:」とうのは、背景の幅の指定・設定です。８ｐｘが４つならんでますが、「上・下・左・右」の幅です。４つとも同じ数値にしなくてもいいですが、同じ数値にした方が綺麗に見えるのは明白ですね！！

⑥二行目の「border:」「border:」というのは、枠の色々な指定・設定です 4px⇒ というのは、枠の幅の設定です。 #112A02⇒というのは、枠の色の設定です。先程のカラーパレットで色番号を決めて下さい。 double⇒というのは、枠の種類です。doubleなら二重線、dottedなら●が並びます

⑦二行目の「' ``[[attached(１)]]」最後にこれを付けます。「' ``」は「'」＋半角スペース＋「`」＋「`」です！！(半角スペースを忘れないように！！) 「`」は、シフト＋＠キーで出てくると思います