XHTML対策

XHTML対策

PERSONA@BLOG

キリ番リスト

2006年01月11日 管理用今日がわかりやすいカレンダー

カテゴリ Seesaa BLOG カスタマイズ


Seesaaのカレンダーは今日の日付がわかりにくいので、

・背景色を付けてわかりやすくする。(背景色なしも可。)
・枠線を付けてわかりやすくする。(枠線なしも可。)
・背景画像を付けてわかりやすくする。(背景画像なしも可。)
※背景画像はかなりいい画像を使わないと逆に見にくくなります。(爆笑)

そんなカスタマイズです。


【サンプル】
2006年01月
1 2 3 45 6 7
8 91011121314
15161718192021
22232425262728
293031



【使用条件】
・ソース内の著作権表示の改変・削除は厳禁。
・著作権表示以外の改変可、転載不可、再配布不可。



【姉妹品】
横型カレンダーを設置する
今日がわかりやすい横型カレンダー




【カスタマイズ方法】

管理画面 > デザイン > コンテンツ
と進み、

新しいコンテンツの追加
種類 
追加先ページ 
配置 
並び順 


と設定して、 をクリックします。


開いたページで、
タイトル 
と入力し(タイトルはお好きな名前でOK)、 をクリックします。


開いたページで、
タイトル『今日カレンダー』をクリックします。


開いたページで、
コンテンツHTML編集』をクリックします。


開いたページに書かれているHTMLをすべて削除して、下記に書き変えます。

<div id="calendar">
<% content.header -%>
<% if:content_calendar.type == 1 -%>
<script type="text/javascript">
<!--
// http://persona-blog.seesaa.net/article/11590773.html

var calendar_today = new Date();
var calendar_day = calendar_today.getDate();
document.writeln('<style type="text/css">');
document.writeln('<!--');
document.writeln('#calendar_id_',calendar_day,' {');
document.writeln('background-color:#dd77d62;'); /* 背景色 */
document.writeln('border-style:solid;'); /* 枠線の種類 */
document.writeln('border-width:1px;'); /* 枠線の太さ */
document.writeln('border-color:#ff66ff;'); /* 枠線の色 */
document.writeln('background-image:url(http://blog.seesaa.jp/img/bg/sakura/title.gif);'); /* 背景画像 */
document.writeln('background-position:center center;'); /* 背景画像の位置 */
document.writeln('background-repeat:no-repeat;'); /* 背景画像を繰り返さない設定 */
document.writeln('}');
document.writeln('//-->');
document.writeln('</style>');
// -->
</script>
<table border="0" cellspacing="0" cellpadding="0" summary="Calendar">
<caption class="calendarhead"><% date_format(now,content_calendar.datetime) %></caption>
<tr>
<th abbr="Sunday" align="center" class="calendarday"><% content_calendar.sun_text %></th>
<th abbr="Monday" align="center" class="calendarday"><% content_calendar.mon_text %></th>
<th abbr="Tuesday" align="center" class="calendarday"><% content_calendar.tue_text %></th>
<th abbr="Wednesday" align="center" class="calendarday"><% content_calendar.wed_text %></th>
<th abbr="Thursday" align="center" class="calendarday"><% content_calendar.thu_text %></th>
<th abbr="Friday" align="center" class="calendarday"><% content_calendar.fri_text %></th>
<th abbr="Saturday" align="center" class="calendarday"><% content_calendar.sat_text %></th>
</tr>
<% loop:list_calendar -%>
<% loop:list_data_month -%>
<tr>
<% loop:list_data_week -%>
<td align="center" class="calendarday" id="calendar_id_<% data.day %>"><% if:data.day %><% if:article -%><a href="<% article.page_url %>"><% article.createstamp | date_format("%e") %></a><% else -%><% data.day %><% /if %><% else %><% content_calendar.spc_text %><% /if %></td>
<% /loop %>
</tr>
<% /loop -%>
<% /loop -%>
</table>
<% /if -%>
<% if:content_calendar.type == 2 -%>
<span class="calendarhead"><% date_format(now,content_calendar.datetime) %></span>
<span class="calendarday">
<% loop:list_calender -%>
<% loop:list_data -%>
<% if:data.day -%><% if:article -%><a href="<% article.page_url %>"><% article.createstamp | date_format("%e") %></a><% /if %><% else -%><% data.day %><% /if -%>&nbsp;
<% /loop -%>
<% /loop -%>
</span>
<% /if -%>
<% content.footer -%>
</div>



赤字の3箇所を設定。
背景色が不要の場合は、青字の行を全部削除。
枠線が不要の場合は、緑字の行を全部削除。
背景画像が不要の場合は、桃字の行を全部削除。

※ 設定はあとからでもできますので、あとでやってもOKです。


あとは、 をクリックして『再構築』をしておわり。

XHTML対策

XHTML対策

タグ この記事に設定されているタグ(キーワード)

XHTML対策

コメント コメント (14) | トラックバック トラックバック (0) | 清き一票 清き一票 | | このブログの読者になる | 更新情報をチェックする | トップページへ | このページの一番上へ | 一つ前の記事へ 一つ後の記事へ
この記事へのコメント
おはようございます。
これ・・昔エキサイトでやったんです。
ココでも出来るかなぁ〜って思ってたけど
思っただけで忘れてました。
ココに来て思い出したので・・また参考にし隊と思います。

  ・・とですね?
カテゴリーがまた更に分けてあるじゃないですか?
サイドバーのとこ。。
  カスタマイズは3つに・・・。
アレはどこかに書いてあります?
私もやりたいですぅぅ〜。
Raspberry* URL
2006年01月13日 06:38
>また参考にし隊と思います。

  (o゜◇゜)ノあぃ♪どんな『隊』なんでそ?(汗

私が今使ってるカレンダーでは無理ですかね?
家事済ませてから
チョッとトライしてみます。
Raspberry* URL
2006年01月13日 07:01
> アレはどこかに書いてあります?

書いていません。(笑)


と言うのも、うちで使っているカテゴリのカスタマイズは、とてつもなく複雑なんです。

だから、現状の状態でのカスタマイズ記事を書いてしまうと、おそらく10人中9人ぐらいの人が失敗して、BLOGをぶっ壊してしまうと思います。(笑)

可能性は極めて低いのですが、万人がカスタマイズしやすい状態にまでシェイプアップできたら、カスタマイズ記事を書く可能性はあります。

が、シェイプアップするためには、私自身が思うに、私自身のスキルが現状よりも10倍ぐらいアップしないと難しいと思います。


PERSONA@BLOGには、ちょっぴりだけポリシーがあったりします。(笑)

それは、カスタマイズが得意な人だけが便利になるようなカスタマイズ記事や、どこにでもあるようなカスタマイズ記事は載せたくないのです。

カスタマイズをやった事のない人が、書かれている記事どおりにやったら、

「あら? できちゃったよ!
私って天才かも!!!!!」

と、PERSONA@BLOGがどうこうじゃなくて、カスタマイズをしたご本人自身が、自分に酔いしれちゃうような、そんな極限までわかりやすく書かれたカスタマイズ記事を載せたいのです。

と言う訳で、現状のこのBLOGのカテゴリのカスタマイズに関しては、カスタマイズ方法の記事を書く時限にまで、私が辿り着いていないので、書きません。

ごめんなさいです。。。
ペルソナ このアイコンは投稿者が真の管理人である事を証明します
2006年01月13日 21:27
こんにちは。
早速ためさせて頂きましたが、
todayは宣言されていませんとエラーが出てしまいます。
どうしてでしょうか?
mari
2006年01月14日 15:55
mariさん、こんにちは♪

私の動作確認不足でした。
JavaScriptの記述に間違いがありましたので、修正致しました。

もし、まだ興味があるようでしたら、再度お試し下さい。
上手くいくと思います。
ペルソナ このアイコンは投稿者が真の管理人である事を証明します
2006年01月14日 16:36
はい(*^-^*)
わかりました。

  ありがとうございました。
  参考にして私も勉強します。

     ペコリ(o_ _)o))
Raspberry* URL
2006年01月16日 09:30
がんばです♪(^ー^)
ペルソナ このアイコンは投稿者が真の管理人である事を証明します
2006年01月16日 22:55
たびたびお邪魔します。
管理人コメント、新着記事にnew、そして今日のわかるカレンダー。全部うまくいきました。
今までは今日の印がなくて、目が泳いでました。>゜))彡
今日からそんな煩わしさとお別れです♪

> カスタマイズをやった事のない人が、書かれている記事どおりにやったら、
> 「あら? できちゃったよ!
> 私って天才かも!!!!!」

ええ、まさにそんな感じです。感激です。ありがとうございます。
もも URL
2006年03月04日 00:11
ももさん、こんにちは♪

このカスタマイズって、私自身とても気に入っているカスタマイズですので、使っていただけるととても嬉しく思います!

コメントも含め、ありがとうございました!(^o^)ノ
ペルソナ このアイコンは投稿者が真の管理人である事を証明します
2006年03月04日 14:53
再びお邪魔します。
最近、シーサーのもろもろ変わりましたでしょ。
前月・翌月に移動する機能を付けた新バージョンにしたら、この今日の表示がうまくいかなくなってしまったんです。
お時間ができたら、ぜひ新バージョンではどうすればよいか教えていただけないでしょうか。
もも URL
2006年06月01日 21:01
ももさん、こんにちは♪

お返事が遅くなりごめんなさいです。。。(;_;)

新バージョンの件ですが、最近は私自身がSeesaaのバージョンアップに目を向ける時間がなく、最近のSeesaaがどうなっているのかを把握できていない現状です。。。

まず、今のSeesaaがどうなっているかを確認してからのバージョンアップになると思いますので、今すぐとかは、ちときつい日々を送っています。

時間が取れたら、やってみます。
ご期待に応えれず、ごめんなさいです。。。
ペルソナ このアイコンは投稿者が真の管理人である事を証明します
2006年06月18日 16:18
ペルソナさま

こちらこそ、勝手なお願いをしてごめんなさい。
ご好意で成り立っているブログであることは承知していますので、無理を言ってすみませんでした。


カレンダーについての変更箇所について、ついでながらご説明しまね。

今までは、カレンダー欄から前月・翌月のカレンダーに移動できませんでしたでしょ? 過去ログから月を指定して移動する形だったわけですよね。
それが他のブログのように「<< 6月 >>」という表示になって、前月・翌月へのカレンダー切り替えが簡単になりました。
もも URL
2006年06月29日 13:48
こんにちは。カレンダーの今日の日付使わせてもらいます。綺麗な”今日”ナイスです。ありがとう。
shiu URL
2013年02月26日 21:53
shiuさん、こんばんは♪

使って頂けて光栄に思います!(^ー^)

素敵な”コメント”ナイス&ありがとうございます!
ペルソナ
2013年02月27日 18:52
お名前

MAIL(管理人のみに公開)

URL

コメント


×

この広告は1年以上新しい記事の投稿がないブログに表示されております。