忍者ブログ

刻ノ深淵

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

[PR]

[編集] 
×

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

[雑記]テンプレ記。

いつの間にやら。

[編集] 
物凄く確認作業をしてOK出したつもりだったのですが、いつの間にやら『休日表示カレンダー』の休日が表示されなくなっていましたので、修正しました。
居られないとは思うのですが、参考にされた方がいらっしゃいましたら申し訳ありませんでした。

カスタマイズもやり尽くしてきたので、もうそろそろ申請しようかなぁなどと思っていたりします。
その前に素材サイト様に報告しなければっ！

それにしてもこのテンプレート、FireFoxとかでは文字に使ったフィルターが反映されないため非常に見難いです。
IEのことしか考えてなくてすみません。。。

拍手[0回]

PR

[公開テンプレート]朱ノ華

朱ノ華について。

[編集] 
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回]

[ブログカスタマイズ]忍者ブログ

続きを読むの折り畳み。

[編集] 
■続きを読むの折り畳みの方法。

上手く言えませんが、デェフォルトの『続きを読む』のリンクが何だか嫌だったのです。
シャッターのように頁はそのままで開閉する感じのが良くて、色々検索をかけて調べた結果、下記のブログサイト様の説明が一番分かりやすくて助かりました。
ありがとう御座いますっ！

■CHELLCY；忍者ブログ 続きを読む の折り畳み
　http://chellcy.blog.shinobi.jp/Entry/3/

1)HTML内の<head>～</head>に以下のJavaScriptを記述記述する。
<script language="javascript">
<!--
function showMore(varA1, varB1){
var123 = ('varXYZ' + (varA1));
varABC = ('varP' + (varA1));
if( document.getElementById ) {
if( document.getElementById(var123).style.display ) {
if( varB1 != 0 ) {
document.getElementById(var123).style.display = "block";
document.getElementById(varABC).style.display = "none";
} else { document.getElementById(var123).style.display = "none";
document.getElementById(varABC).style.display = "block"; }
} else { location.href = varB1;
return true; }
} else { location.href = varB1;
return true; }
}
//-->
</script>

2)HTML内の<!--if_not_entry-->～<!--/if_not_entry-->の中身を下記に差し替える。

<!--if_not_entry-->
<!--if_ps_text-->
<div id="varP<!--$entry_no-->" class="EntryPsText">
<a href="<!--$entry_link-->#<!--$entry_no-->" onclick="showMore(<!--$entry_no-->,'<!--$entry_link-->#<!--$entry_no-->');return false;"><!--$entry_ps_title--></a>
</div>
<div id="varXYZ<!--$entry_no-->" style="display: none" class="EntryText"><!--$entry_ps_text-->
<a href="#entry<!--$entry_no-->" onclick="showMore(<!--$entry_no-->,0);return true;">×Close</a>
</div>
<!--/if_ps_text-->
<!--/if_not_entry-->

拍手[3回]

[雑記]拍手レス

お返事。

[編集] 
拍手お返事です。

拍手[1回]

[雑記]テンプレ記。

初テンプレート作成中。

[編集] 
3カラムのテンプレートが少なくて・・・自分で作ってみました(苦笑)。
どれもステキなテンプレートではあったのですが、何となく自分の好みからズレている感じがしてどうもしっくりこなかったのです。
現在、分からないことだらけで、悪戦苦闘中。

今まではプレビュー表示でこまめに確認していたのですが、実際使ってみないことには分からないこともあるので暫らくこのテンプレートを使用しつつ、修正していこうと思っています。
もう大丈夫と思ったら、思い切って共有テンプレートに登録申請しようかなと考えております。
折角作ったのだし。
最初で最後のテンプレートになるかもしれませんが(笑)。

タイトルは『幻橙華』でいこうかと。

拍手[0回]