ホームページ制作、千太の絵空事

Yahooブログをあなたの色に！。

●Levelについて

トラックバックとは？｜トラックバックするには？｜トラックバックするということ

---

顔文字の出し方｜ コメントでの顔アイコン、アバターの出し方｜ ハートマークなどの出し方

---

Yahooブログをあなたの色に！。

「春」はもうそこまで！。まずはどんな色がいいですか！。「春色」それとも「秋色」？。

• Webセーフカラー２１６色（春色？)
  
• Webセーフカラー２１６色(秋色？)
  

春色の文字でもたまにはいいかも！

• 文字に色を付けたい！
  

少しだけ心をつかって、

• 素敵な色の使い方｜色での指定●色での強調
  
  

文字のサイズを変えたり、ページに変化を！

• Yahooブログで使えるタグ｜文字のサイズを指定してみよう！
  

ブログに記事を書き始めると、リンクを貼りたくなりますね。そんな場合あなたはどうしますか？

• リンクが、はりたい！●ページの位置を指定してのリンク
  

とにかく記事もだけど、イメージを入れたい、そんは方には

• 記事に簡単にイメージを入れたい｜文中にイメージを入れたい
  

記事を構造的にしっかり記入したい、そんなあなたには！

• ヘルプにあるwiki｜wikiでの表記２●表の属性として(直接記入)●Levelについて
  
  

必ずお読みくださいwikiでの表記（Level３)

必ずお読みくださいwikiでの表記（Level３)

Levelについて

私のブログでは、wiki表記を安全性でLevelを分けて紹介することにしています。決して難易度や、初級、中級のたぐいではありません。

---

Level ３とは、

開発中のYahooブログの「ヘルプに掲載されていない」　タグとして「不完全に出力」されているwiki表記となります。

Level

Level	ヘルプ	タグ	Yahooブログ内サーバー
Level１	○	○	○
Level２	×	○	○
Level ２.５	×	○	×
Level３	×	×	○

詳細→Levelについて

なぜ、Levelでわけているのか

これは、皆さんもご存知のように、Yahooのブログが開発中のシステム公開だからです。

• Yahoo!ブログヘルプよりの引用です。
  
  Yahoo!ブログは、使ってくださる皆様の声を広く反映し、充実したサービスの実現を目指しているため、開発途中の状態でサービスを開始しています。このため、一部の機能で不具合が発生する可能性や、正式版で追加・削除される機能が出てくる場合もあります。
  http://help.yahoo.co.jp/help/jp/blog/blog-03.html
  
  
  

Level３についてのwiki表記の使用について

最初、あまりにも、衝撃的に表に背景色がつけられたのですが、直接属性を記入する手法なども含め HTMLのソースとしては、「不完全」です。IE以外の一部のブラウザでは「正常にレンダリングされない可能性」があります。wikiの可能性や提案を、「実験研究される方」以外のユーザーの方には、このwiki表記で記事を作成されることを現時点ではお奨めできません。

---

表の属性として(直接記入)「wikiでの表記Level３」

[☆☆☆★★について]

ヒント
→韓国のYahooブログ「フラッシュについて」

---

Yahoo!ブログヘルプ

wiki

現在のヘルプ

表の属性として(直接記入)「wikiでの表記Level３」

表の属性として(直接記入)「wikiでの表記Level３」

必ずお読みください

ここでは、「表の属性として(直接記入)」手法について、
語ります。

※ここでは、「HTMLの属性を直接記入」する手法になります。HTMLを理解している人には、判りやすいと思います。

「表の属性として(直接記入)」

• 表の属性として(直接記入)
  
• [表のセルの横幅、高さを設定する]
  
• [表のセル内の文字の左よせ、中央寄せ、右寄せ]
  
• [表のセルにタイトルを付ける]
  
• スタイル属性(属性記入)
  
  • [表の背景に色をつける]
    
  • [表のセルの横幅、高さを設定する]
    
  • [表の文字に色をつける]
    
  • [表のセル変化のある枠をつけ色を付ける]
    
    

表の属性として(直接記入)

• wikiでの表記
  

  ||<#FF9999' ''''背景||
  

• 見え方
  

背景

などで背景に色をつけることができますが、次のようにすると「HTMLの属性を直接記入」できるようになります。

この○○○○○○○のスペースに直接、属性を記入します。

• wikiでの表記
  

  ||<#FF9999' ○○○○○○○ ''''背景||
  

  
  

属性については、td要素内で作用する全ての属性が使用できます。

例えば、width　height　align　titleなどです。もちろんstyle属性も使用できます。

表のセルの横幅、高さを設定する(属性記入)

• wikiでの表記
  

  ||<#FF9999' width='500' ''''背景||
  

• 見え方
  

背景

• wikiでの表記
  

  ||<#FF9999' height='100' ''''背景||
  

• 見え方
  

背景

表のセル内の文字の左よせ、中央寄せ、右寄せ(属性記入)

※セル内の、右寄せなどが判りやすいように、上記の幅(width)を指定しています。

• wikiでの表記
  

  ||<#FF9999' align='left' width='500' ''''背景||
  ||<#FF9999' align='center' width='500' ''''背景||
  ||<#FF9999' align='right' width='500' ''''背景||
  

• 見え方
  

背景

背景

背景

表のセルにタイトルを付ける(属性記入)

title属性を直接入れ、属性値には「説明的な文」を入れます。

• wikiでの表記
  

  ||<#FF9999' title='表のセルにタイトルを付ける' ''''●背景●||
  

• 見え方
  

●背景●

マウスを●背景●に移動させて見てください。しばらくするとＩＥでは属性値としていれた説明文「表のセルにタイトルを付ける」がポップアップします。

スタイル属性(属性記入)

• wikiでの表記
  

  ||<#ffffff' style='background-color:FF9999' ''''あああああああああ||
  

• 見え方
  

あああああああああ

• wikiでの表記
  

  ||<#ffffff' style='width:500px;background-color:FF9999;' ''''あああああああああ||
  

• 見え方
  

あああああああああ

• wikiでの表記
  

  ||<#ffffff' style='height:100px;background-color:FF9999;' ''''あああああああああ||
  

• 見え方
  

あああああああああ

• wikiでの表記
  

  ||<#ffffff' style='background-color:FF9999;color:#FFFFFF' ''''あああああああああ||
  

• 見え方
  

あああああああああ

• wikiでの表記
  

  ||<#ffffff' style='border:dotted 5px #999999;color:#FFFFFF;background-color:FF9999'
   ''''あああああああああ||
  
  

• 見え方
  

あああああああああ

---

• wikiでの表記
  

  ||<#FF9999' `背景`||
  
  ||<#FF9999' ``背景||
  
  ||<#FF9999' ''''''背景||
  

などでも、直接記入できるようになります。

---

• 「表の幅設定とalignの設定」
  
• 必ずお読みください
  
• Levelについて
  

wikiでの表記(Level２.５)

wikiでの表記（Level２．５)

Levelについて

私のブログでは、wiki表記を「安全性」でLevelを分けて紹介することにしています。決して難易度や、初級、中級のたぐいではありません。

---

Level ２.５とは、

開発中のYahooブログの「ヘルプに掲載されていない]が、　HTMLタグとして「正常に出力」されている。しかし、Yahooブログのサーバーだけでは「実現できない」wiki表記

---

Levelの概要

Level	ヘルプ	タグ	Yahooブログ内サーバー
Level１	○	○	○
Level２	×	○	○
Level ２.５	×	○	×
Level３	×	×	○

---

Level２.５

• ☆☆★★★音楽を鳴らす
  
• ☆☆★★★動画を入れる
  
• ☆☆★★★フラッシュを入れる
  
  • ☆☆★★★イメージにリンクを付ける
    
  • ☆★★★★ブログペットを付ける
    

---

Level２.５
プラグインデータを埋め込む:<EMBED>タグが出力されます。

プラグインデータには、
動画データにはMPEGファイル（.mpg）・FLASHファイル（.swf）・QuickTimeファイル（.mov）等
音声データにはWAVEファイル（.wav）・AIFFファイル（.aif）・AUファイル（.au）・MIDIファイル（.mid）・RealAudio（.ra） 等があります。
※ 再生するデータの形式により、必要なプラグインは異なります。

※パソコンにそれぞれのデーターに対応するプラグインがインストールされていなければ、再生、表示されません。

wikiでの表記(☆☆☆★★について)

wikiでの表記(☆☆☆★★について)

これは、例えば、「ヘルプにのってはいても、一部のバグと遭遇する表記」や、出力されるタグの意味付けが不完全、若しくは、構造的なタグではないなどでの、私の「あくまで私的なお奨め度」です。もちろん、Levelの評価もこれに含まれています。
現在、私のブログの殆どの記事はこの「Level１〜２で☆☆☆★★以上の表記」でのみ作成されています。見てもらえばわかりますが、これだけでも工夫すれば、かなりのレイアウトができます。

• 
  
  ※エンターテーメント性についてのお奨めでは決してなく、それをすると逆の評価になったりします
  エンターテーメント⇔　安全性（相反する）
  

Level１

• ☆☆☆★★[ 太字 :]
  
• ☆☆☆☆☆[ 見出し1 :]
  
• *☆☆☆☆☆[ 見出し2 :]
  
• ☆☆☆☆☆[ 見出し3 :] 　
  
• ☆☆☆☆☆[ 見出し4 :]
  
• ☆☆☆☆☆[ 見出し5 :]
  
• ☆☆☆★★[ 引用1 :文中で他の記事との区別をつける場合]
  
• ☆☆☆☆☆[ 引用2 :文中で他の記事との区別をつける場合]
  
• ☆☆☆☆★[ 引用3 :文中で他の記事との区別をつける場合]
  
• ☆☆★★★[ リンク :リンクを設置します]
  
• ☆☆★★★[ イメージ :画像を設置します]
  

Level２

• ☆☆★★★[斜体（イタリック)文字]
  
• ☆☆☆☆★[箇条書き]
  
• ☆☆☆☆★[インデント（字下げ）]
  
• ☆☆☆☆★[表]
  
• ☆☆☆★★[表:セルの結合]
  
• ☆☆☆☆★[水平線]
  
• ☆☆☆☆★[テキストリンク：URLを表示させない]
  
• ☆☆☆☆★[イメージ :画像を設置します]
  

Level２.５(プラグイン)

• ☆☆★★★音楽を鳴らす
  
• ☆☆★★★動画を入れる
  
• ☆☆★★★フラッシュを入れる
  
  • ☆☆★★★イメージにリンクを付ける
    
  • ☆★★★★ブログペットを付ける
    

Level３

• ☆★★★★表を利用してイメージを横に並べる
  
• ☆★★★★表を利用して罫線をつくる
  
• ☆★★★★表のセル内の文字の左よせ、中央寄せ、右寄せ
  
  

表の属性として

• ☆★★★★[表の背景に色をつける]
  
• ☆★★★★[表のセルの横幅、高さを設定する]
  
• ☆★★★★[表のセル内の文字の左よせ、中央寄せ、右寄せ]
  
• ☆★★★★表のセルにタイトルを付ける
  
  

スタイル属性

• ☆★★★★表のセルの横幅、高さを設定する
  
• ☆★★★★表のセル内の文字の左よせ、中央寄せ、右寄せ
  
• ☆★★★★[表の文字に色をつける]
  
• ☆★★★★[表のセル枠に色をつける]
  
• ☆★★★★[表のセル枠に変化をつける]
  
• ☆★★★★表の背景にイメージを入れる
  

---

wikiでの表記(Levelについて)

その他のヒント
→韓国のYahooブログ「フラッシュについて」

---

「Yahoo!ブログヘルプ」より

Yahoo!ブログヘルプ｜Wiki文法について