カレンダー上の投稿日の背景色
過去ログ
カレンダー上の投稿日の色を替えたい
こちらを参考にやってみたのですが
table.calender tr td a{
color:#BBFFFF;
}
これを入れてもまるでダメなようです
http://xxstudio310xx.blog39.fc2.com/
もともとスタイルシートにも同じようなものがあるのですが
それが関係しているのでしょうか?
/* カレンダーリンク(書いた日) */
.calender td a{
display:block;
background:#BBFFFF;
}
あれこれやってみましたけどうまく出来そうもありません
どなたか分かる方いらしたらよろしくお願いします
使用カレンダー
CalendArchive
(数字の上に曜日を表示するように改造)
使用テンプレート
sea1
(プラグインNAVIを組み込みページ移動を視覚的に分かりやすく改造)
投稿日とは検索で出てきた言葉
他サービスの質問などでも投稿日とあったのでその単語を使用
もしかしてエントリーというのが正式名称で
それを使わないと質問として認めてもらえないのでしょうか?
もしそうであれば取り下げます
<div align="center" id="navical">
<table summary="カレンダー" class="calender&qu ot;>
<tr class="Mnavi">
<caption>
<form action="<%url>" method="get&q uot; name="Arch" style="margin:0;padding:0&qu ot;>
<中略>
<noscript><br /><input type="submit&quo t; value="Go" /></noscript>
</form>
</caption>
</tr>
他の共有カレンダーの記述を参考に
意味も分からず<caption>を追加
浮いてしまっていたclass="Mnavi"をtrに統合
本当にそれでいいのか分かっていないけどとりあえず
カレンダー上の書き込みがあった日に背景色がつき
その仮定でおかしくなったレイアウト崩れも修正完了
となりました
/* カレンダーリンク(書いた日) */
.calender td a{
display:block;
background:#BBFFFF;
}
tdでaだと背景色がついてしまう
つまり月ページ変更ナビゲータも該当する
そこでとりあえず
<div align="center" id="navical">
<table summary="カレンダー" class="calender&qu ot;>
<tr>
<td colspan="7" class="Mnavi" align= "center">
<form action="<%url>" method="get&q uot; name="Arch" style="margin:0;padding:0&qu ot;>
<strong><a href="<%prev_month_link>&quo t; title=" 前の月 ">≪</a></strong>
<select name="date" onchange="document.Ar ch.submit()">
<option value="<%now_year><%now_month>& quot;><%now_year>年<%now_month>月</option> ;
<!--archive-->
<option value="<%archive_year><%archive_mo nth>"><%archive_year>_<%archive_month> ; (<%archive_count>)</option>
<!--/archive-->
</select>
<strong><a href="<%next_month_link>&quo t; title=" 次の月 ">≫</a></strong>
<noscript><br /><input type="submit&quo t; value="Go" /></noscript>
</form>
</tr>
のtdをはずせば背景色はつかない
しかしalign="center"も効かなくなる
月ページ移動ナビゲータ?<< >>を無理やり上下に持っていかれ
それまで背景色がつけられてしまいました
原因不明・・・orz
<div align="center" id="navical">
<table summary="カレンダー" class="calender&qu ot;>
<tr>
<td colspan="7" class="Mnav i" align="center">
tdを抜いたら色はつかなくなりましたが
左によってしまいました
こういう場合はどうやってセンターに配置すればいいのでしょうか?
やっぱり反映されなかったんですね^^;
シメノのブラウザで拝見しても、水色の方の背景色は反映されてないんですよね~。
以下の部分が
反映されない理由なのかはハッキリとはしないのですが
こちらの共有プラグインには、この部分に「calender」というクラス名が設定されていないみたいです。
下に
「所長」さんのブログページのカレンダー部分のHTMLを抜粋しますが
(前略)
<table summary="calendar">< ;tr>
<td colspan="7" class="Mnavi" align= "center">
<form action="http://xxstudio310xx.blog39.fc2.com/& quot; method="get" name="Arch" style=&qu ot;margin:0;padding:0">
<strong>(後略)
このようになっています。
公式プラグインのカレンダーには
赤文字の部分にクラス名が設定されてるんですよね。
ですから、この部分を
公式プラグインのカレンダーと同じように
<table summary="カレンダー" class="c alender">
のように修正すれば、もしかしたら背景色の設定が反映されるかもしれません。
このカスタマイズを行う時は
プラグインの管理画面からカレンダープラグインの詳細ページに飛んで
HTMLの編集リンクを開いてから文字列を編集してください。
ちなみに
「カレンダー上の投稿日の色を替えたい」のカスタマイズ例ですが
この質問者さんと同じテンプレートを借りてきて実際に試してみたので
シメノと似た環境の方だったら この方法で多分うまくいくんじゃないかと思います。
シメノはウェブデザインのプロじゃありませんし
自分の勉強を兼ねて、見よう見まねでうまくいった例をご案内しているだけです。
ない知恵を絞ってお答えしますが、ご希望通りにいくとは限りません。
その点はご理解いただけると幸いです。
2011年03月28日 15:31 by 標野ゆき
標野さんの過去回答を参考に
/* カレンダーリンク(書いた日) */
.calender td a{
display:block;
background:#BBFFFF;
}
上記部分を
/* カレンダーリンク(書いた日) */
.calender tr td a{
display:block;
background:#BBFFFF;
}
と変更もしてみたがこれまた無反応
他にも別サービスなどの質問回答を参考に
width: 18px; line-height: 16px;
を足してみたり
あれこれ試してみたが効果なし
スタイルシートのカレンダー関連記述
/* カレンダーの設定 ---------------------- */
/* カレンダー表示用のテーブル設定 */
table.calender{
width:100%;
border-collapse:collapse;
font-size:x-small;
}
/* カレンダー見出 */
.calender caption{
margin:0 0 10px;
}
/* カレンダーのセル見出し(曜日) */
.calender th{
padding:0.1em;
border-bottom:1px dotted #fff;
text-align:center;
}
/* カレンダーのセル(日付) */
.calender td{
padding:0.1em;
border-bottom:1px dotted #fff;
text-align:center; color:#79665E;
}
/* カレンダーリンク(書いた日) */
.calender td a{
display:block;
background:#BBFFFF;
}
/* 日曜日 */
th#sun{
color:#CC33FF;
}
/* 土曜日 */
th#sat{
color:#6666FF;
}
カレンダーリンク 書いた日というのが投稿日に当たるものと推測
色を設定するが無反応
カレンダー内色の記述周辺
<script type="text/javascript"><!--
function mkToday() {
var bgcol='#FF9900'; /* 「当日」の背景色 */
var today=new Date();
if (today.getFullYear()==<%now_year> && today .getMonth()==<%now_month>-1){
var D=">"+today.getDate()+"<";
T=document.getElementById("navical").getElementsB yTagName("TD");
for (i=0;i<T.length;i++) {
if (T[i].innerHTML.indexOf(D)>-1) {T[i].style.backgroun d=bgcol;}
} } }
mkToday();
//--></script>
今日の日付しか存在せず
オレンジ色に変更
反映済み
ちなみにそちらの質問にも標野さんがお答えしています
table.calender tr td a{
color:#好きな色;
}
をたせと教えていますが
相手さんは白のままです
やらなかったのか効果がなくて諦めたのかは分かりません
原文:
カレンダー上の投稿日の色を替えたい2010年09月07日 12:21
by Showcian
http://showcian.blog135.fc2.com/?template=natural-leaf& ;index
で書いています。
投稿した日の色がとても薄いので替えたいと思い、「FC2ブログのテンプレート工房」などで調べてみたのですが、「スタイルシ ート編集」というのをどのようにするのかが分かりませんでした。
素人質問で申し訳ありません。分かりやすく教えて頂けると嬉しいです。
よろしくお願いします。
コメント一覧 新しい順に表示▽ / 古い順に表示△
2010年09月19日 00:44
by 標野ゆき
table.calender tr td a{
color: #××××××;
}
これをスタイルシートに追加してみてはいかがでしょう?
スタイルシートの
最末尾のちょっと手前にtableに関する指定があるので
その近くに挿入するのが良いと思います。
#××××××の部分にはご所望のカラーコードを入れてくださいね
具体的にはカレンダーの
どの部分の背景色をどのように変更されたいのでしょうか。
また引用してある部分の
#BBFFFFのカラーコードは変更してみられたのでしょうか。
変更したときにはどんな変化があったのでしょうか。
それとも何の変化もなかったのでしょうか。
引用してある部分のスタイルシートが正しく反映されていれば
リンク部分には水色の背景色が表示されているはずですが
質問者さんのブラウザでは表示されておりますでしょうか。
(シメノが拝見する限りでは水色の背景色は表示されていません)
(今日の日付の背景にオレンジ色が表示されているだけです)
答えを貰う代わりに
たくさんの質問を貰って面食らわれるかもしれませんが
こういう基本的な部分がわからないとアドバイスも出来ないのです^^;
ちなみに
http://blog数字.fc2.com/control.php?で始まるページは
この番号のサーバーの利用者がログイン中にだけ閲覧できるリンクなので
シメノがこのリンクをクリックしても
「ログインしてください」の画面が表示されるだけです~^^;
2011年03月28日 00:13 by 標野ゆき
Copyright(c)1999 FC2, Inc. All Rights Reserved.
@fc2infoさんをフォロー