[↑PageTop]
ブログ検索 タグ検索
申し訳ありません。2008年01月 には、記事はありません。
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
2008/01/01 00時頃

css 自分用メモ

追加スタイル


■引用
<blockquote>~</blockquote>
blockquote テスト



■アスキーアート
class="aa"
※下のAAのズレない環境が標準です。
|.     |\|/ |     |.   |
|.∧∧ |/⌒ヽ、| ∧_∧. | ∧∧ |
|(,,゚Д゚)||,,゚ Θ゚)|(; ´Д`)|(=゚ω゚)|

<div class="aa">~</div>指定無し
※下のAAのズレない環境が標準です。
|.     |\|/ |     |.   |
|.∧∧ |/⌒ヽ、| ∧_∧. | ∧∧ |
|(,,゚Д゚)||,,゚ Θ゚)|(; ´Д`)|(=゚ω゚)|



■枠付き領域
class="box_blue"
<div class="box_blue">~</div>



■複数のクラスを同時に指定する。
例)アスキーアート + 枠付き領域
<div class="aa box_blue">
複数のクラスを適応するには、class="クラス名1 クラス名2" の様に、半角スペースで区切って、複数記述する。
※下のAAのズレない環境が標準です。
|.     |\|/ |     |.   |
|.∧∧ |/⌒ヽ、| ∧_∧. | ∧∧ |
|(,,゚Д゚)||,,゚ Θ゚)|(; ´Д`)|(=゚ω゚)|



■複数列 div
<div class="float">
<div class="box4">1列目</div>
<div class="box4">2列目</div>
<div class="box4">3列目</div>
<div class="box4">4列目</div>
</div>

box2(260px)2分割用
box2
box2

box3(173px)3分割用
box3
box3
box3

box3_2(346px)1:2分割用
box3
box3_2

box4(130px)4分割用
box4
box4
box4
box4

box4_3(390px)1:3分割用 が有ります。
box4
box4_2


表示例では解りやすいように、box_blueも同時に指定しています。



■フォントサイズ
class="SS"
SSサイズのフォント

class="S"
Sサイズのフォント

class="L"
Lサイズのフォント

class="LL"
LLサイズのフォント





■画像回り込み指定領域
<div class="image_float">~</div>
<img src="http://blog-imgs-24.fc2.com/f/e/r/ferio68k/MHFSS_LO_000s.jpg" border="0" />
モンスターハンターのロゴ<br>
&lt;br&gt;は改行のみ<p>

&lt;p&gt;で回り込みを解除

<div class="image_float">~</div>内では

モンスターハンターフロンティアオンライン ロゴ
モンスターハンターのロゴ
<br>は改行のみ

<p>で回り込みを解除




■css ではないけど、このテンプレートで使える Javascript

【非表示に出来る Box】
<a href="javascript:IDdisp('ID_1')">【非表示に出来る Box】</a>
<div class="box_blue" id="ID_1(重複させてはならない)">表示内容</div>



【最初から非表示 Box】
<a href="javascript:IDdisp('ID_2')">【最初から非表示 Box】</a>
<div class="box_blue" id="ID_2(重複させてはならない)">表示内容</div>
<script type="text/javascript">IDdisp("ID_2");</script>


2008/01/01 00時頃

エリア変数対応表

表紙 最近の記事 個別エントリー カテゴリー 全記事 月別 タグ検索 検索 検索(記事無し:広告有り) 検索(記事有り:広告無し)
topentry - -
titlelist_area - - - - - - - - -
not_titlelist_area -
index_area - - - - - - - - -
not_index_area -
permanent_area - - - - - - - - -
not_permanent_area -
date_area - - - - - - - - -
not_date_area -
category_area - - - - - - - - -
not_category_area -
search_area - - - - - - -
not_search_area - - -
tag_area - - - - - - - - -
not_tag_area -


参考:テンプレート中に使える変数一覧
2008/01/01 00時頃

呪文

続きを読む »

HOME : TOP

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。