CSS メッセージボード
今月メッセージボードが2,000文字から10,000文字に拡大していますが・・・・・
みなさま使われていますか？
携帯のみなさまからは見えないって聞いたこともあるのですが・・・
（携帯電話から見るにはブログ情報をクリックらしいです）
せっかく文字数が増えているのですから使って見ませんか？
みなさま・・・・
初期状態の点線が付いているか
メッセージボードを使っていない方がほとんどでした
まずは・・・・
点線を消します・・・
#message {
border:none;
}
スキンがベーシックの場合は・・
#message .contents{
border:none;
}
つぎは・・・・
中央寄せしちゃいます・・・
#message {
text-align:center;
}
スクロールをつけます
#message {
height:150px;
overflow:auto;
}
全部やっちゃうなら・・・・
#message {
border:none;
text-align:center;
height:150px;
overflow:auto;
}
スキンがベーシックの場合は枠が付いているところが違いますので
#message .contents{
border:none;
}
コレも必要です
次回は画像を背景に使ってみます・・・・
使いまわしの画像ですみません・・・・・・ でも・・・画像３つも使っているんですよ・・・・
CSS メッセージボード2
http://ameblo.jp/exlink/entry-10157975843.html
CSS メッセージボード3
http://ameblo.jp/exlink/entry-10158428512.html
CSS メッセージボード4
http://ameblo.jp/exlink/entry-10158874915.html
アメーバニュースで・・・・
今日のアメーバニュースで・・・・
「検索すればすぐ分かる質問に丁寧に答える人は悪者？」
ekken : Q＆Aサイトの常連回答者は「初心者」に優しいのか？
"それをいちいち時間を費やして個別に回答をするのは、‘いいひとな自分’に酔いたいだけじゃないのか。"
"「自分で解決する手段」を見出すきっかけを奪っているだけ。初心者の成長の妨げだ。"
・・・・うっっ
反論できない自分がいる・・・・
このところは・・・
コメントを見ていただければわかりますが
質問などに対してだけしか返事を書いていません
てか・・・
このところのプチメ、コメントが多くなってきていて
書けないって言った方が正しい状態になりつつあります
質問に答えていても・・・
この質問この前にも同じこと答えているんだけどな～
この記事読んでくれていればカンタンにわかるのにな～
って正直思いながら答えているときがあります
でも・・・
質問に答えようとここにありますよ、この記事を読んでくださいって書きたいのですが
それがどこにあるのか書いた本人ですら探すのに苦労しています
みなさまがあるかどうかもわからない目的の記事を探すということは
もっとメンドウなのではないでしょうか？
わかりやすい目次、メニューを作りたいのはやまやまなんですが・・・
それがない以上は教えてあげるべきではないのか・・・
う～んん・・・
ムズイ問題です
ということで答えは先送り・・・
体調が悪いときはCSSだけしか書かないような
失礼なコメントをしてしまっていることは大目に見てください
自分でも反省はしております
ついでにやってみました
あなたの偽善者度チェック（心理テスト）│GoisuNet(無料)
結果です
の、ようです・・・・・・・
思い当たる部分・・・
多々あります・・・・
偽善者に一票・・・・
今回はコメントなしでお願いします
JavaScript ラインカレンダー 4 CSSの編集が出来ないスキン
ＣＳＳの編集が出来ないスキンだから・・・・ムリ！って決め付けていませんか？
フリープラグインにこのままコピペしてみてください
※日付けを白字にしてますので背景が白の場合は #ffffff を変更の必要があります
<script language="javascript"><!--
//http://ameblo.jp/exlink/
function myC() {
var w=0,d=0,ss='<span class="',se='</span>',today = new Date(),dd = today.getDate(),liC = document.getElementById("overHeader"),baseC = document.getElementById("calendar"),capC = baseC.getElementsByTagName("caption"),tdC = baseC.getElementsByTagName("td"),dayC = (capC[0].innerHTML + ' ');
for (var i = 0; i < tdC.length; ++i) {
w++;ih = tdC[i].innerHTML ;
if (ih != '') {d++;
if (d==dd){ih =(ss+'to">'+ ih +se+' ');}
if (w==1){dayC += (ss+'sn">'+ ih +se+' ');}
else if (w==7){dayC += (ss+'st">'+ ih +se+' ');w=0;}
else {dayC += (ih +' ');}}}
liC.innerHTML += ('<p>'+ dayC + '</p>');}
window.onload = function(){myC();}
// --></script>
<STYLE TYPE="text/css"><!--
#overHeader p{
text-align: center;
color:#ffffff;
font-size: 12px;
padding: 10px 0 10px;}
#overHeader p a{
color:#ffffff;text-decoration:underline;}
#overHeader p .pre,
#overHeader p .next{padding: 0 10px;}
#overHeader p a.pre,
#overHeader p a.next{
color:#ffffff;
font-weight:normal;
text-decoration:none;}
#overHeader .sn a,
#overHeader .sn{color:#ff3366;}
#overHeader .st a,
#overHeader .st{color:#33ffff;}
#overHeader .to{border:1px solid #ffffff;}
--></STYLE>
このままではうまくいかない場合があります
位置を下に下げる場合は上の10pxを変えてください
中には表示がおかしくなる場合もありますが・・・
その場合は外してください
元に戻ります ↓
またサイドバーのカレンダーを消すことも出来ます
#overHeader .to{border:1px solid #ffffff;}
#calendar {display:none;}
--></STYLE>
と、上のプラグインの中に
#calendar {display:none;}
を、加えてください
※すべてのスキンで出来るわけではありません
※フリープラグインには文字数制限3800文字がありますので入りきらない場合はゴメンナサイ
ラインカレンダーはサイドバーのカレンダーを元にできています
サイドバーにカレンダーが配置されていない場合はラインカレンダーも表示できません
ラインカレンダーのみ表示させたい場合はCSSに
#calendar {display:none;}
で、サイドバーのカレンダーを非表示にしてください