サイト検索 クエスト検索 転職クエスト
マップ 投稿記事

案内/スタイルシートの適用 記事追加

Cascading Style Sheets

画像:

    

サイトに統一感を持たせる為、当サイトではCSSを多用し個別には出来る限り命令タグを使用しておりません。

もしHomePageBuilderDreamWeaverなどの編集ソフトをお持ちの場合は一度当サイトのスタイルシートを保存し、登録してお使いになると非常に便利です。

l2.cssを表示

当サイト内にてCSSファイルはユーザー権限では編集出来ません。
メールまたはBBSにてリクエストをお送りください。

使用例とソース

リンク処理

テーブル作成(tableタグ)

  • TABLE CLASS="GENERAL"

    見出し
       
       
    <table cellspacing="1" cellpadding="2" class="general">
    <caption valign="top">見出し</caption>
    <tr>
    <th width="100"> </th>
    <th width="100"> </th>
    </tr>
    <td> </td>
    <td> </td>
    </tr>
    </table>

  • TABLE CLASS="GENERAL_C"

    見出し
       
       
    <table cellspacing="1" cellpadding="2" class="general_c">
    <caption valign="top">見出し</caption>
    <tr>
    <th width="100"> </th>
    <th width="100"> </th>
    </tr>
    <td> </td>
    <td> </td>
    </tr>
    </table>

  • TABLE CLASS="GENERAL_R"

    見出し
       
       
    <table cellspacing="1" cellpadding="2" class="general_r">
    <caption valign="top">見出し</caption>
    <tr>
    <th width="100"> </th>
    <th width="100"> </th>
    </tr>
    <td> </td>
    <td> </td>
    </tr>
    </table>

  • TABLE CLASS="REWARD_R"

    見出し
       
       
    <table cellspacing="1" cellpadding="2" class="reward_r">
    <caption valign="top">見出し</caption>
    <tr>
    <th width="100"> </th>
    <th width="100"> </th>
    </tr>
    <td> </td>
    <td> </td>
    </tr>
    </table>

  • TABLE CLASS="ITEM"

    見出し
       
       
    <table cellspacing="1" cellpadding="2" class="item">
    <caption valign="top">見出し</caption>
    <tr>
    <th width="100"> </th>
    <th width="100"> </th>
    </tr>
    <td> </td>
    <td> </td>
    </tr>
    </table>

  • TABLE CLASS="JCQ"

    見出し
       
       
    <table cellspacing="1" cellpadding="2" class="jcq">
    <caption valign="top">見出し</caption>
    <tr>
    <th width="100"> </th>
    <th width="100"> </th>
    </tr>
    <td> </td>
    <td> </td>
    </tr>
    </table>

  • TABLE CLASS="QUEST"

    見出し
       
       
    <table cellspacing="1" cellpadding="2" class="quest">
    <caption valign="top">見出し</caption>
    <tr>
    <th width="100"> </th>
    <th width="100"> </th>
    </tr>
    <td> </td>
    <td> </td>
    </tr>
    </table>

  • TABLE CLASS="TOPICS"

    見出し
       
       
    <table cellspacing="1" cellpadding="2" class="topics">
    <caption valign="top">見出し</caption>
    <tr>
    <th width="100"> </th>
    <th width="100"> </th>
    </tr>
    <td> </td>
    <td> </td>
    </tr>
    </table>

色指定(全タグ共通)

  • Black
  • Gray
  • Silver
  • White
  • Maroon
  • Red
  • Purple
  • Fuchsia
  • Green
  • Lime
  • Olive
  • Yellow
  • Navy
  • Blue
  • Teal
  • Aqua
  • RED太字
  • MAROON太字
※黒背景の場合
  • Black
  • Gray
  • Silver
  • White
  • Maroon
  • Red
  • Purple
  • Fuchsia
  • Green
  • Lime
  • Olive
  • Yellow
  • Navy
  • Blue
  • Teal
  • Aqua
  • RED太字
  • MAROON太字

<ul>
<li class="ColorBlack">Black
<li class="ColorGray">Gray
<li class="ColorSilver">Silver
<li class="ColorWhite">White
<li class="ColorMaroon">Maroon
<li class="ColorRed">Red
<li class="ColorPurple">Purple
<li class="ColorFuchsia">Fuchsia
<li class="ColorGreen">Green
<li class="ColorLime">Lime
<li class="ColorOlive">Olive
<li class="ColorYellow">Yellow
<li class="ColorNavy">Navy
<li class="ColorBlue">Blue
<li class="ColorTeal">Teal
<li class="ColorAqua">Aqua
<li class="ColorRed_b">RED太字
<li class="ColorMaroon_b">MAROON太字</li>
</ul>

その他の定義

MARGIN PADDING設定

  • 上下に5pxマージンを取る
    class="mg05-0-05-0"
  • 上右下に5pxマージンを取る
    class="mg05-05-05-0"
  • 上に10pxマージンを取る
    class="mg10-0-0-0"
  • 上下左右に5pxマージンを取る
    class="mgn_gen"
  • 上下左右に5pxスペースを空ける
    class="pd05"
  • 上下左右に10pxスペースを空ける
    class="pd1"
  • 上右下左それぞれ10,15,20,20pxスペースを空ける
    class="pd_gen"
  • 左に10pxスペースを空ける
    class="pd_l10"
  • 下に10pxスペースを空ける
    class="pd_btm"

画像配置

  • 右側に画像を配置する
    <img src="***" class="fr01">
  • 左側に画像を配置する
    <img src="***" class="fl01">

疑似インラインフレームを使用する

文章
<div class="fakeiframe">
サンプル文字
</div>

ドットでの仕切線を使う


<hr class="dot" />

ドットでの仕切線を使う
<hr class="dot_bk" />

引用文などを囲む

サンプル文字

<blockquote class="quest"><p>サンプル文字</p></blockquote>

連続クエストなどの場合の表示

サンプル文字

<table border="0" width="560">
<tr>
<td class="relation">
<p class="relation">サンプル文字</p>
</td>
</tr>
</table>

サイト著作権について | 広告のご案内 | お問合せ
Lineage II(R) and  Lineage II(R) the Chaotic Throne are  trademarks of NCsoft Corporation.
2003 (c) Copyright NCsoft Corporation. NC Japan K.K. was granted by NCsoft Corporation
the right to publish, distribute, and transmit Lineage II the Chaotic Throne in Japan.
All Rights Reserved.
PC広告バナーを