忍者ブログ

刻ノ深淵

低周波音と耳鳴りに悩まされ不眠状態に陥る日々とアンチエイジング。只今、現状打破を試み奮闘中。

2017.04│ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

朱ノ華について。

3カラムテンプレートです。
カテゴリーのツリー化、カレンダープラグインのHTMLを編集することにより休日表記カレンダーにすることが出来ます。
また、テーブル挿入でテーブルタグ内にクラス指定をすることによりブロック引用したようなテーブルを表示させることが出来ます。

■カテゴリーのツリー化
必要なJavaScriptは埋め込んであります。
管理画面の環境設定のカテゴリーの編集で、下記のように各カテゴリーの名称を[親カテゴリー]子供カテゴリーという感じに全て変更する。
※[ ]は半角にすること。
[親1]子供A
[親1]子供B
[親2]子供C

■休日表記カレンダー
必要なJavaScriptは埋め込んでありますので、通常カレンダーを休日表記カレンダーにしたい場合は、
[管理画面]→[プラグインの設定]→[カレンダー]→[HTML編集]で記述されているソースを以下のソースに差し替えて下さい。
< table class="CalendarMoveTable">

<tr class="CalendarMoveTr">
<td class="CalendarPrevTd">
<a href="<!--$plugin_calendar_prev_link-->"><!--$plugin_calendar_prev_mon--></a>
</td>
<td class="CalendarNowTd"><!--$plugin_calendar_now_year-->/<!--$plugin_calendar_now_mon--></td>
<td class="CalendarNextTd">
<a href="<!--$plugin_calendar_next_link-->"><!--$plugin_calendar_next_mon--></a>
</td>
</tr>

</table>

<table summary="<!--$plugin_calendar_now_year-->/<!--$plugin_calendar_now_mon-->" class="CalendarTable">
<tr class="CalendarWdayTr">
<th class="CalendarWdaySun">S</th>
<th class="CalendarWday">M</th>
<th class="CalendarWday">T</th>
<th class="CalendarWday">W</th>
<th class="CalendarWday">T</th>
<th class="CalendarWday">F</th>
<th class="CalendarWdaySat">S</th>
</tr>
<!--plugin_calendar-->
<tr>
<td class="holiday"><!--$calendar_sun--></td>
<td class="day"><!--$calendar_mon--></td>
<td class="day"><!--$calendar_tue--></td>
<td class="day"><!--$calendar_wed--></td>
<td class="day"><!--$calendar_thu--></td>
<td class="day"><!--$calendar_fri--></td>
<td class="saturday"><!--$calendar_sat--></td>
</tr>
<!--/plugin_calendar-->
</table>

<script type="text/javascript">
<!--
setWeekendAndHoliday(<!--$plugin_calendar_now_year-->,<!--$plugin_calendar_now_mon-->);
//-->
</script>


■ブロック引用

ブロック引用するとこのような感じになります。
 

■テーブルにclass指定をする。
<table>タグ内に以下のclass指定をするタグを挿入する。
テーブルプロパティ は"box1"~"box4"まで全て同じです。
テーブル幅;500ピクセル、セル内間隔を12に指定しないとズレます。
table_box1-4.jpg
















□ class="box1"
 <table>タグ内にclass="box1"を挿入するとこのような感じになります。

□ class="box2"
 <table>タグ内にclass="box2"を挿入するとこのような感じになります。

□ class="box3"
 <table>タグ内にclass="box3"を挿入するとこのような感じになります。

□ class="box4"
 <table>タグ内にclass="box4"を挿入するとこのような感じになります。

拍手[0回]

PR
■カレンダー
03 2017/04 05
S M T W T F S
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30
■プロフィール
HN:
sui
性別:
非公開
■最新記事
---2013/10/24 00:06
---2013/10/23 23:48
---2013/02/03 22:59
---2012/07/29 19:36
---2012/07/29 18:16
■最新コメント
[02/05 mic]
[05/01 きろ]
[04/23 きろ]
[03/25 通りすがり]
[03/23 通りすがり]
■ブログ内検索
■バーコード
■カウンター
■ブクログ
■防振ゴム
天然ゴムシート GS-16
天然ゴムシート GS-16
■CAC化粧品
■DHC
■B・R・Y
■楽天
■ポイントサイト
■アンケートサイト
マクロミルへ登録
■アド
■フリーエリア