検索ボックスのカスタマイズ

Seesaaブログでは現在、旧テンプレートと新テンプレートがあります。 もちろんいろんな点で違うんですけど、検索ボックスも違うんですね。今回取り上げるのは、旧テンプレートの検索ボックスを新タイプの検索ボックスのような見た目になるよう、カスタマイズする方法です。 まず、旧タイプのテンプレートを確認しておきましょう。 検索ボックスはラジオボタンでウェブと記事を選択するシステムになっています。 これ、ユーザビリティからいくと不親切な気がするんですよ。記事内検索ができる形にしておくのが良いし、他社のいろいろなブログを見ると、現在はそうなっているのが主流だと思います。 次に、新タイプのテンプレートの仕様と比べてみると… こんな具合に変更しようというわけ。 実はこのブログでもすでに、カスタマイズ済みです。 ほとんどコピペだけで完成するので安心してね。

続きを読む

コメント受付の設定でスパム対策 (2)

前回はこちら。↓ コメント受信の設定でスパム対策 (1) 前回やったことは… 半角英数のみのコメントを受け付けない コメント入力時に認証コードを入力する設定にする この2つの設定をしました。 今回は、 コメントは承認後に表示する その他の禁止設定をする について説明します。

続きを読む

コメント受付の設定でスパム対策 (1)

今日は、基本に戻って、Seesaaブログのコメント受信の設定の仕方を説明します。 最近スパムが来るので設定を変更しようと思ったら、しばらく設定を変更していなかったので、どこで設定するのかすっかり忘れていました。 忘れてしまうなら、ブログに書いておいたほうがいいかなと思いました。 Seesaaブログの新規ユーザーのみなさんにも、役に立つと嬉しいです。 しばらく設定を見直していない方も、この機会に設定がどうなっているか確認してみるといいかもしれませんよ~。

続きを読む

お知らせ 2011/1/29

Seesaaの仕様変更に伴い、「管理人からのコメントを区別」のカスタマイズは正常に動作しなくなっています。 コメントのメールアドレス欄はメールアドレスしか受け付けなくなりました。つまり、メールアドレスではない文字を入力すると、コメントが入らないんです。 となると、管理人を区別できるようにしたアイコンや背景色などのカスタマイズが反映されないことになります。 管理人のコメントにアイコンや背景を設定するのはお気に入りのカスタマイズだったので、すごく残念です…。 今のところ、管理画面(コメント一覧)から入ると、今までのパスワードを入力はできます。 ただ、このブログの場合、指定した桃アイコンは表示されるものの、背景は反映されません。 私が持っている他のシーサーブログでは、アイコンも背景も表示されるんですけどね…。 管理画面ではいじれるのは、とりあえず放置しているだけなのかなぁ…。いずれ使用できない方向で統一しちゃうんだろうなぁ…。 でも、まぁ、完全に使えなくなるまでは、桃アイコンを表示させますので、よろしく♪

続きを読む

カレンダーのデザイン(2)

カレンダーのデザイン(1) の続きです。 カレンダーの日付エリアの背景は画像にすることもできます。 というわけで、今日は、テンプレート「突撃!合戦スタジアム」のカレンダーを改造してみます。 ↑こんなデザインです ↑背景画像 この画像、何なんでしょう? 血のり?(-_-;) き…気分を取り直して、CSSのカレンダーに関わるの次の部分いきましょう。 #calendar { font-size:12px; width:190px; margin:0px; padding-bottom:10px; } #calendar table { background-image:url(http://blog.seesaa.jp/img/bg/battle_stadium/cal_bg.jpg); background-repeat:no-repeat; background-position:0px 0; width:100%; padding:0px 0; margin:0 auto; } #calendar th { padding:3px; font-weight:normal; text-align:center; } .calendarday a { font-weight:normal; color:#F27045; } .calendarhead{ background-image:url(http://blo…

続きを読む

画像の横にも文章を(4) CSSで指定

画像回り込みシリーズも今回が4回目となりました。 画像の横にも文章を(1) 画像の横にも文章を(2) 余白を調整 画像の横にも文章を(3) 崩れた?! 一応、前回で完結しているんですけど、今回は他の方法を紹介します。 CSS(スタイルシート)で指定する方法です。 CSSの設定するページは、「文字の設定(7)ちょっと動くリンク」などで説明しているので参考にしてください。 開きました? それでは、いきましょう。(^-^)ノ 場所はどこでもいいんじゃないかと思うので(根拠はありません…^^;)、一番下のところに次のタグを入れましょう。 そのままコピー&ペーストすればOKです。 画像の横の余白を10pxにしてあります。ご自分の好みで調節してください。 /* 画像右寄せ */ img.right { float: right; margin-left: 10px } /* 画像左寄せ */ img.left { float: left; margin-right: 10px} [スタイルシートを変更する]ボタンを押します。画面の上部に、オレンジ色で「設定を変更し、CSSをビルドしました。」という文字が出ましたね。 CSSの設定はこれで終わりです。 次は、本文を書きます。 画像のアップロードの仕方は、「画像の横にも文章を(2) 余白を調整」を見てくださいね。 で、画像を本文中に挿入したところで、さっき書いたCSSを効かせます。 んー、…

続きを読む

もっと見る