コンテンツ作成のヒント

ホーム
入力書式:
  • Filtered HTML:
    • ウェブページアドレスとメールアドレスは、自動的にハイパーリンクに変換されます。

    • 使用できるHTMLタグ： <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>

      このサイトではHTMLで書かれたコンテンツの投稿を許可しています。 HTMLのすべてを習得するのは気が引けるかもしれませんが、ごく少数の基本的なHTML「タグ」の使い方を習得するのはとても簡単です。 以下の表では、このサイトで利用できるタグを、一例を挙げて説明しています。

      より詳細な情報は、W3CのHTML Specifications（英文）や、W3C 仕様書等の日本語訳集を参照するか、好みの検索エンジンからHTMLについて解説しているサイトを探し、それらを参考にしてください。

      タグの説明記述例表示例
      アンカーは他ページへのリンク作成に使用します。<a href="http://www.nakachangoo.net">なかちゃんぐぅ頁</a>なかちゃんぐぅ頁
      強調<em>強調</em>強調
      強調<strong>強調</strong>強調
      引用<cite>引用</cite>引用
      テキストをプログラムのソースコードとして明示するために使われます。<code>コード</code>コード
      順序無しリスト - 各リスト項目を <li></li> で囲み、全体を <ul></ul> で囲みます。<ul> <li>1番目の項目</li> <li>2番目の項目</li> </ul>
      • 1番目の項目
      • 2番目の項目
      順序付きリスト - 各リスト項目を <li></li> で囲み、全体を <ol></ol> で囲みます。<ol> <li>1番目の項目</li> <li>2番目の項目</li> </ol>
      1. 1番目の項目
      2. 2番目の項目
      定義リストは他の HTML リストと似ています。 定義用語を <dt></dt> 、その用語の説明を<dd></dd> で囲み、全体を <dl></dl> で囲みます。<dl> <dt>1番目の用語</dt> <dd>1番目の定義</dd> <dt>2番目の用語</dt> <dd>2番目の定義</dd> </dl>
      1番目の用語
      1番目の定義
      2番目の用語
      2番目の定義

      ほとんどの特殊記号は、特に問題なく直接入力することができます。

      問題が生じた場合は、HTMLのエンティティ表記を使用してみてください。 例えば、&amp; と入力した場合はアンド記号の「&」のように表示されます。 エンティティの全リストは、HTMLのエンティティページを参照してください。

      エンティティ表記の一例：

      文字の説明記述例表示例
      アンパサンド（&）&amp;&
      大なり記号（>）&gt;>
      小なり記号（<）&lt;<
      引用符（"）&quot;"
    • 行と段落は自動的に認識され、<br />（改行タグ）や <p> </p>（段落の開始・終了タグ）が自動的に挿入されます。 もし段落が認識されない場合は、空行を2つ加えてください。

    • 次のタグを使用してソースコード構文をハイライトすることができます：

      • 一般的な構文ハイライトタグ： "<code>", "<blockcode>"
      • 言語特有の構文ハイライトタグ：

      オプションと使用のヒント：

      • 一般的な構文ハイライトを行う言語では、タグの属性として type, lang, language, class のいずれかを指定できます。 指定した属性に設定できる値は "actionscript" (ActionScript コード), "actionscript3" (ActionScript 3 コード), "apache" (Apache configuration コード), "asp" (ASP コード), "bash" (Bash コード), "c" (C コード), "cpp" (C++ コード), "css" (CSS コード), "drupal5" (Drupal 5 コード), "drupal6" (Drupal 6 コード), "html4strict" (HTML コード), "java" (Java コード), "java5" (Java(TM) 2 Platform Standard Edition 5.0 コード), "javascript" (Javascript コード), "mysql" (MySQL コード), "oracle11" (Oracle 11 SQL コード), "oracle8" (Oracle 8 SQL コード), "perl" (Perl コード), "php" (PHP コード), "plsql" (PL/SQL コード), "python" (Python コード), "ruby" (Ruby コード), "smarty" (Smarty コード), "sql" (SQL コード), "xml" (XML コード) です。
      • The supported tag styles are: <foo>, [foo].
      • 行番号の表示/非表示は "linenumbers" 属性を使用して設定します。 行番号の表示方法として選択できる値は、"off" （行番号を表示しない）、"normal" （一般的な行番号を表示）、"fancy" （指定行毎に行番号を装飾）です。 開始番号を指定する場合は "start" 属性を使用します。 開始番号を設定した場合、行番号の表示指定をしていなくても自動的にノーマルタイプの行番号が表示されます。 また、指定行毎に行番号の装飾を行う場合は、何行毎に装飾するかの行数を "fancy" 属性の値として設定します。 行番号の装飾を設定した場合、行番号の表示指定をしていなくても自動的に装飾された行番号が表示されます。
      • タグとタグで括られたコンテナ内のソースコードに改行が含まれる場合（例： 開始タグの直後など）、ハイライトされたソースコードはコードブロックとして表示され、そうでない場合はインラインコードとして表示されます。

      デフォルト：

      • 一般的な構文ハイライトタグのためのデフォルトのハイライトモード： "php" がデフォルトの構文ハイライト言語として使用されます。
      • デフォルトの行番号表示： 行番号あり（20 行毎に装飾）

      例：

      入力出力
      <code>foo = "bar";</code>デフォルトモードで構文ハイライトされたインラインコード
      <code>
      foo = "bar";
      baz = "foz";
      </code>      		デフォルトモードで構文ハイライトされたコードブロック
      <code lang="actionscript3" linenumbers="normal">
      foo = "bar";
      baz = "foz";
      </code>      		ActionScript 3 ソースコードとして構文ハイライトされたコードブロック
      ノーマルタイプの行番号を表示
      <code language="actionscript3" start="23" fancy="7">
      foo = "bar";
      baz = "foz";
      </code>      		ActionScript 3 ソースコードとして構文ハイライトされたコードブロック
      23 から開始される行番号を表示
      7 行毎に行番号を装飾
  • Full HTML:

    • イメージにlightboxを加えるには、lightboxを有効にするために任意のリンクタグに rel="lightbox" 属性を加えてください。
      例：

      <a href="image-1.jpg" rel="lightbox">image #1</a>

      <a href="image-1.jpg" rel="lightbox[][my caption]">image #1</a>

      To show a caption either use the title attribute or put in the second set of square brackets of the rel attribute.

      グループ化したい関連するイメージのセットがある場合、rel 属性に [] で囲んだグループ名を含める必要があります。
      例：

      <a href="image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
      <a href="image-2.jpg" rel="lightbox[roadtrip][caption 2]">image #2</a>
      <a href="image-3.jpg" rel="lightbox[roadtrip][caption 3]">image #3</a>

      ページごとのイメージセット数や、各セット内のイメージ数に制限はありません。

      キャプションをリンクに変えたい場合は、次の方法でキャプションを書式化してください：

      <a href="image-1.jpg" rel='lightbox[][<a href="http://www.yourlink.com">View Image Details</a>]' >image #1</a>

    • To add a lightbox slideshow to your images, add rel="lightshow[slideshowname][slide caption]" attribute to any link tag to activate the slideshow. For example:

      <a href="image-1.jpg" rel="lightshow[show1]">image #1</a>
      <a href="image-2.jpg" rel="lightshow[show1]">image #2</a>
      <a href="image-3.jpg" rel="lightshow[show1]">image #3</a>

      リンクタグの title 属性は任意です。 この属性を付加することで、lightboxに表示されたイメージでキャプションが表示できるようになります。

      There are no limits to the number of slideshow image sets per page or how many images are allowed in each slideshow.

      キャプションをリンクに変えたい場合は、次の方法でキャプションを書式化してください：

      <a href="image-1.jpg" rel='lightshow[show1][<a href="http://www.yourlink.com">View Image Details</a>]'>image #1</a>

    • It's possible to show webpage content in the lightbox, using iframes. In this case the "rel" attribute should be set to "lightframe". Again it's possible to group the content, (e.g. lightframe[search][caption]) but in addition to that, it's possible to control some of the iframe properties. It's possible to set the "width", "height" and "scrolling" properties of the iframe. The properties are separated from the group name by a |, for example lightframe[search|width:100px;][caption]. If no grouping is being used, then the | is still used and the format would be lightframe[|width:100px;]. The properties should all be of the format "property: value;" - note the closing semi-colon. If no iframe properties are set, then the default width and height of 400px will be used. See below for more detailed examples.

      Basic example:
      <a href="http://www.google.com" rel="lightframe">Search google</a>

      Grouped example:
      <a href="http://www.google.com" rel="lightframe[search][caption]">Search google</a>
      <a href="http://www.yahoo.com" rel="lightframe[search]">Search yahoo</a>

      Controlling iframe property example:
      <a href="http://www.google.com" rel="lightframe[|width:400px; height:300px; scrolling: auto;][caption]">Search google</a>

      Controlling iframe property when grouped example:
      <a href="http://www.google.com" rel="lightframe[search|width:400px; height:300px; scrolling: auto;]">Search google</a>
      <a href="http://www.yahoo.com" rel="lightframe[search|width:400px; height:300px;]">Search yahoo</a>

    • It's possible to show video content in the lightbox. In this case the "rel" attribute should be set to lightvideo. It's possible to group videos and to control the size of the lightbox by setting the "width" and "height" properties. The properties can be configured like lightvideo[group|width:300px; height: 200px;][caption]. The properties should all be of the format "property: value;" - note the closing semi-colon. If no properties are set, then the default width and height of 400px will be used. See below for more detailed examples.

      Basic example:
      <a href="http://video.google.com/videoplay?docid=1811233136844420765" rel="lightvideo">Google video example - default size</a>

      Controlling lightbox size example:
      <a href="http://video.google.com/videoplay?docid=1811233136844420765" rel="lightvideo[group|width:400px; height:300px;][caption]">Google video example - custom size</a>

      Supported video formats include asx, wmv, mov and swf. A number of online video providers are also supported, including YouTube and Google Video. For a full list of the current supported video providers please see the documentation on drupal.org.

    • It's possible to show HTML snippets in the lightbox, that is on the same domain. In this case the "rel" attribute should be set to "lightmodal". Again it's possible to group the content, (e.g. lightmodal[group][caption]) but in addition to that, it's possible to control some of the modal properties. It's possible to set the "width", "height" and "scrolling" properties of the modal. The properties are separated from the group name by a |, for example lightmodal[group|width:100px;][caption]. If no grouping is being used, then the | is still used and the format would be lightmodal[|width:100px;]. The properties should all be of the format "property: value;" - note the closing semi-colon. If no modal properties are set, then the default width and height of 400px will be used. See below for more detailed examples.

      Basic example:
      <a href="search.php" rel="lightmodal">Search</a>

      Grouped example:
      <a href="search.php" rel="lightmodal[search][caption 1]">Search</a>
      <a href="search.php?status=1" rel="lightmodal[search]">Search published</a>

      Controlling modal property example:
      <a href="search.php" rel="lightmodal[|width:400px; height:300px; scrolling: auto;][caption]">Search</a>

      Controlling modal property when grouped example:
      <a href="search.php" rel="lightmodal[search|width:400px; height:300px; scrolling: auto;]">Search</a>
      <a href="search.php?status=1" rel="lightmodal[search|width:400px; height:300px;]">Search published</a>

    • 次のタグを使用してソースコード構文をハイライトすることができます：

      • 一般的な構文ハイライトタグ： "<code>", "<blockcode>"
      • 言語特有の構文ハイライトタグ：

      オプションと使用のヒント：

      • 一般的な構文ハイライトを行う言語では、タグの属性として type, lang, language, class のいずれかを指定できます。 指定した属性に設定できる値は "actionscript" (ActionScript コード), "actionscript3" (ActionScript 3 コード), "apache" (Apache configuration コード), "asp" (ASP コード), "bash" (Bash コード), "c" (C コード), "cpp" (C++ コード), "css" (CSS コード), "drupal5" (Drupal 5 コード), "drupal6" (Drupal 6 コード), "html4strict" (HTML コード), "java" (Java コード), "java5" (Java(TM) 2 Platform Standard Edition 5.0 コード), "javascript" (Javascript コード), "mysql" (MySQL コード), "oracle11" (Oracle 11 SQL コード), "oracle8" (Oracle 8 SQL コード), "perl" (Perl コード), "php" (PHP コード), "plsql" (PL/SQL コード), "python" (Python コード), "ruby" (Ruby コード), "smarty" (Smarty コード), "sql" (SQL コード), "xml" (XML コード) です。
      • The supported tag styles are: <foo>, [foo].
      • 行番号の表示/非表示は "linenumbers" 属性を使用して設定します。 行番号の表示方法として選択できる値は、"off" （行番号を表示しない）、"normal" （一般的な行番号を表示）、"fancy" （指定行毎に行番号を装飾）です。 開始番号を指定する場合は "start" 属性を使用します。 開始番号を設定した場合、行番号の表示指定をしていなくても自動的にノーマルタイプの行番号が表示されます。 また、指定行毎に行番号の装飾を行う場合は、何行毎に装飾するかの行数を "fancy" 属性の値として設定します。 行番号の装飾を設定した場合、行番号の表示指定をしていなくても自動的に装飾された行番号が表示されます。
      • タグとタグで括られたコンテナ内のソースコードに改行が含まれる場合（例： 開始タグの直後など）、ハイライトされたソースコードはコードブロックとして表示され、そうでない場合はインラインコードとして表示されます。

      デフォルト：

      • 一般的な構文ハイライトタグのためのデフォルトのハイライトモード： "php" がデフォルトの構文ハイライト言語として使用されます。
      • デフォルトの行番号表示： 行番号あり（20 行毎に装飾）

      例：

      入力出力
      <code>foo = "bar";</code>デフォルトモードで構文ハイライトされたインラインコード
      <code>
      foo = "bar";
      baz = "foz";
      </code>      		デフォルトモードで構文ハイライトされたコードブロック
      <code lang="xml" linenumbers="normal">
      foo = "bar";
      baz = "foz";
      </code>      		XML ソースコードとして構文ハイライトされたコードブロック
      ノーマルタイプの行番号を表示
      <code language="xml" start="23" fancy="7">
      foo = "bar";
      baz = "foz";
      </code>      		XML ソースコードとして構文ハイライトされたコードブロック
      23 から開始される行番号を表示
      7 行毎に行番号を装飾
    • 行と段落は自動的に認識され、<br />（改行タグ）や <p> </p>（段落の開始・終了タグ）が自動的に挿入されます。 もし段落が認識されない場合は、空行を2つ加えてください。
    • ウェブページアドレスとメールアドレスは、自動的にハイパーリンクに変換されます。
■お知らせ
鯖の電気代が2万/月を超えました。新しい鯖を購入して電気代を下げるようにしましたが、ご協力いただける方がいらっしゃいましたら、よろしくお願いします。
カンパしなくても、鯖は存続しますので、WebMoney余ってるよ～という方だけ、よろしくお願いしますm(__)m
WebMoney ぷちカンパ
カスタム検索