2006.09.17

コメント記入欄に注意書き追加

20060917_comment_360x291.jpg
コメント記入欄に注意書き追加しました。
メールアドレスを公開したくない方はURLを入力してください。

直接HTMLをさわる事はできないので、JavaScriptで。
以下のScriptをマイリストに追加。
<script type="text/javascript">
<!--
commentNotice('<div>名前とメールアドレスは必須です。URLを記入しないとメールアドレスが公開されます。公開したくない方はウソでもURLを記入してください。メールアドレスが非公開となりURLが公開されます。</div>');
//
function commentNotice(html) {
if (!document.getElementById('right')) {
var tmp = window.onload;
window.onload = function () {
write(html);
if (typeof tmp == 'function') tmp();
}
} else {
write(html);
}
function write (html) {
if (!document.getElementById('more')) return;
var ref = document.getElementById('comment-regist') ||
document.getElementById('bakecookie').parentNode.parentNode;
if (!ref) return;
var e= document.createElement('div');
e.id='comment-notice';
e.innerHTML = html;
if (ref.id) {
ref.appendChild(e);
} else {
ref.parentNode.insertBefore(e, ref.nextSibling);
}
}
}
//-->
</script>
<style type="text/css">
<!--
#comment-notice {
margin: 5px;
padding: 5px;
line-height:1.2em;
color: red;
font-size: smaller;
}
-->
</style>

<参考記事>
facet-divers【コメント欄の設定を明示する

| | コメント (0) | トラックバック (0)

2005.12.06

答えてブログ

今だから笑える2005年トホホな出来事

10分進めたはずの目覚まし時計が10分遅れていた。
トホホ…

なんか変な味がするな〜と思ったら、歯みがき粉じゃなくビオレだった。
トホホ…

顔を洗った後にタオルがない事に気づく。
トホホ…

頑固な寝ぐせ。
トホホ…

今日の占いカウントダウンでドベ。
トホホ…

走ったのに電車に間に合わなかった。
トホホ…

傘を持って出かけたのに雨が降らない。
トホホ…

気がついたら有効期限切れ。
トホホ…

肝心な時にバッテリー切れ。
トホホ…

目薬させません。
トホホ…

隣の列のが進みが早い。
トホホ…

CMになったらトイレに行こう思っていたのに、気がつくとCMは終わっている。
トホホ…

見た事のあるビデオをまた借りた。
トホホ…

本屋で雑誌を買ったのに「ごちそうさま」と言ってしまった。
トホホ…

駐車場で自分の車が見つからない。
トホホ…

顔はわかるが名前が出てこない。
トホホ…

パスワードを忘れた。
トホホ…

しゃっくりが止まらない。
トホホ…

洗濯物が半乾き。
トホホ…

トイレットペーパーを買い忘れた。
トホホ…

ガソリンスタンドで給油口ではなくトランクを開けてしまう。
トホホ…

あと1円あればお札をくずさずにすんだのに。
トホホ…

金曜日だと思っていたらまだ木曜日。
トホホ…

縦列駐車は苦手。
トホホ…

電子レンジとドライヤーを同時に使うとブレーカーが落ちる。
トホホ…

爪切りが見つからない。
トホホ…

燃えないゴミは何曜日かわからない。
トホホ…

リンスのつもりがまたシャンプー。
トホホ…

何を取りに来たのか忘れた。
トホホ…

飴はすぐ噛む。
トホホ…

洗車した次の日は雨。
トホホ…

コンセントが足りない。
トホホ…

詰め替えるタイミングが早すぎて入りきらない。
トホホ…

シャワーのお湯の温度が一定しない。
トホホ…

リンゴをかじらなくても歯茎から血が出る。
トホホ…

明日ならポイント2倍だったのに。
トホホ…

電話がかかってこない。
トホホ…

財布を忘れた。
トホホ…

シャーペンの芯がすぐ折れる。
トホホ…

またテレビを付けっぱなしで寝た。
トホホ…

ban-s2

| | コメント (4) | トラックバック (0)

2005.12.01

ココログの問題についてニフティ古河社長の声

ニフティの古河社長が12月1日に「ココログの性能問題への対応状況」、11月30日に「ココログに対するお叱りの声について」という記事をあげてます。

状況報告をしてくれている事は非常に交換がもてます。
が、しかしどうなんでしょう?

「ココログに対するお叱りの声について」の記事の中で
まず、ココログフリーのビジネスモデルをみなさんに十分説明できていないことを反省しています。
とはじまり、 「ココログフリーの運用費用は…(以下略)」としています。
運用費用は経営する立場の側の事情であって利用者にとっては関係のない話し。
利用者にとって大切なのは運用費用ではなく利用料金なのです。
たとえ広告が表示されたとしてもフリーの方が高機能で快適に利用できるのであれば、ユーザはフリーへと流れるでしょう。
それはユーザがニフティから離れて行く事にもつながります。

有料版が有料であるだけのメリット、ココログユーザがニフティ会員である事のメリットを実感できるような対応を早急にお願いします。

| | コメント (2) | トラックバック (1)

2005.11.28

ローマ字入力で「トゥ」ってどうやって入力するの?

今回のトラックバック野郎のお題は「いまさら聞けないデジタル疑問箱!

ローマ字入力で「トゥ」ってどうやって入力するの?

2005.11.22の記事、「20Q(トゥエンティキュー)」を書いた時にに困った、困った。
「thu」で出るかと思ってたのに「thu」では「てゅ」になってしまう。
「tyu」では「ちゅ」だし…
仕方がないので「to」で「ト」、「xu」で「ぅ」と別々に入力しました。
あぅ〜。

| | コメント (4) | トラックバック (0)

2005.11.26

ココログフリー版開始

20051126_cocolog_240x254 ココログのトップページが変わったと思ったら、11月24日から無料の「フリー版」が始まってました。

「ベーシック版」より「フリー版」の方が高機能だったりする部分もありますが、3月を目標に同機能にバージョンアップするそうです。
「目標」としているところが怪しげです。
な〜んか遅れそうな雰囲気…

既存ユーザよりも新規ユーザを優先させるというのはいただけませんね。

| | コメント (6) | トラックバック (2)

2005.11.01

ココログディスク容量増加

ココログの保存ディスク容量が増加しました。
ココログベージックが50MBから2GB、
ココログプラスが100MBから5GB、
ココログプロが300MBから10GBになりました。

多いことは良いことです。

2005.11.01 ココログのディスク大容量化について

| | コメント (0) | トラックバック (0)

2005.03.11

フェイバリットアイコン表示方法

3月6日にフェイバリットアイコンを表示するようにしました。
その方法を忘れないうちに書き留めておきます。

meiaさんの | rs-fabrik - blog | faviconをつけてみる#2
を参考にしました。
1. アイコン画像の準備
16x16の画像を準備します。
32x32を用意しても日の目を見る事はないらしいのですが、準備したのは32x32です。
色数も気にせず作りました。
2. 準備した画像をfavicon.icoに変換
favicon.icoに変換するソフトがあるのですがWindows用で面倒だったので変換してくれるサイト(FavIcon from Pics)で変換しました。
3. favicon.icoのアップロード
cocolog001_160x120.gif ココログの「新規記事を作成」画面にある「ファイルの挿入」アイコンのボタンでfavicon.icoをアップロード。
「ココログのアドレス/files/favicon.ico」にアップロードされます。
「画像の挿入」アイコンでアップロードしたらうまくいきませんでした。
4. 設定
cocolog002_160x120.gif <link rel="shortcut icon" href="ココログのアドレス/files/favicon.ico">
をマイリストのメモ欄に追加。

Safari001_160x120.jpg Safari002_160x120.jpg

<関連記事>
2005.03.06 【フェイバリットアイコン表示

| | コメント (0) | トラックバック (0)

2005.03.06

フェイバリットアイコン表示

フェイバリットアイコン(favicon.ico)表示するようにしました。
アドレスバーにrhino10アイコンが表示されてるハズ。
表示が確認できたのはMac OSXのSafari、Firefox、Netscape。
表示できなかったのはIE、Opera。
OS9、Windows環境では確認してませんのであしからず。

表示できたブラウザでもひとつの記事を表示した時にはアイコンが表示されないみたいです。
「トップページ」に戻ったり「カテゴリー」表示すると表示されるようです。

| | コメント (0) | トラックバック (1)

2005.02.06

ココログファイルアップロードの仕様変更

ココログのファイルアップロードの仕様が変更されていたようです。
先日、最近のコメントをツリー表示している時に気がつきました。

これまでは自分の好きなディレクトリを掘り、そこにファイルをアップロードする事が出来たのですが、今は出来なくなっています。
画像ファイルの場合、「images」、画像以外は「files」というフォルダが勝手に掘られ、そこにアップされるようです。
頂けませんね。

観測気球」さんトコの「ココログでの「ファイルのアップロードに関する仕様変更」の波紋」が参考になります。
ココログの任意のディレクトリにファイルをアップロードするツール」を使えば好きなディレクトリにアップ出来るようですね。

| | コメント (0) | トラックバック (0)

2005.02.05

匿名でのコメント投稿

これまで匿名でのコメント投稿を許可していましたが、許可しない設定にしました。

| | コメント (0) | トラックバック (0)

最近のコメントをツリー表示

最近のコメントをツリー表示にしました。
参考にしたのは「KOROPPYの本棚」さんの「最近のコメント」をツリー表示

やった事は
1. ツリー表示用の罫線画像2種類を準備
2. ツリー表示用のスクリプトを準備
3. ツリー表示用にスタイルシートを編集
4. 上記3種類のファイルをアップロード
5. ツリー表示用のスクリプトを反映させる記述を追加

1. ツリー表示用の罫線画像はどこかのblogのツリー表示をされている方のものを拝借させて頂きました。
どこから拝借したかは忘れてしまいました。すみません。
tree.giftreeend.gifです。

2. ツリー表示用のスクリプトは「ふろむにぅじぃ」さんトコから拝借するつもりでしたが、どこにあるかわからず「KOROPPYの本棚」さんトコのリンクから拝借。
comtree.jsです。

3. スタイルシートに以下のツリー表示用の記述を追加
元となるcssの取得方法は「ココログカスタマイズ」を参照。
ul ul.tree {
list-style: none;
margin: 0px;
padding: 0px;
}

ul ul.tree li {
margin: 0px;
padding: 0px 0px 0px 16px;
font-size: 100%;
background-image: url(自分のココログのアドレス/images/tree.gif);
background-repeat: no-repeat;
}

ul ul.tree li.end {
background-image: url(自分のココログのアドレス/images/treeend.gif);
}
4. 上記3種類のファイルをアップするのですが、ココログのファイルアップロードの仕様が変わってしまって好きなディレクトリを掘れなくなってました。
最近画像をアップロードする時は、ココログの領域ではなく@nifty@homepageの領域に上げていたので気がつきませんでした。
仕方がないのでココログの仕様にそってアップロード。

罫線画像
トップ > ウェブログ一覧 > RHINOCEROSES10 > 記事の作成 > 新規投稿
のカメラのアイコン(画像の挿入)をクリック、開いたウインドの「ファイルを選択」ボタンをクリックし罫線用の画像を指定、「標準設定を使う」のチェックを外し、「画像の横にテキストを表示」「サムネイル画像の作成 」のチェックボックスも外し「画像の挿入」ボタンクリック。
「本文」にHTMLが書き出されますが気にしません。
tree.gifとtreeend.gifで2回。

スクリプト
トップ > ウェブログ一覧 > RHINOCEROSES10 > 記事の作成 > 新規投稿
の書類アイコン(ファイルの挿入)をクリック、開いたウインドの「ファイルを選択」ボタンをクリックしスクリプト(comtree.js)を指定、「アップロード」ボタンクリック。
「本文」にHTMLが書き出されますが気にしません。

スタイルシート
トップ > ウェブログ一覧 > RHINOCEROSES10 > 記事の作成 > 新規投稿
の書類アイコン(ファイルの挿入)をクリック、開いたウインドの「ファイルを選択」ボタンをクリックし編集後のスタイルシートを指定、「アップロード」ボタンクリック。
自分の場合、以前とスタイルシートのアップロード先が変わってしまったので、その対応。
ついでにスタイルシートを反映させる為の記述を「ウェブログ」、「設定」、「基本設定」の「ウェブログのサブタイトル(キャッチフレーズ)」に書いていたのですが、マイリストに書くよう変更しました。

5. スクリプトを反映させる記述を追加
「最近のコメント」より後に追加とのことなので、自分の場合はマイリストのMY FAVORITEの中に以下の記述を追加しました。
<script type="text/javascript" src="自分のココログのアドレス/files/comtree.js"></script>
コメントが見やすくなっていい感じです。

| | コメント (2) | トラックバック (0)

2004.10.28

コメントスパム

コメントスパム来ました。
もう削除しましたが、2件ほど。
2件で良かったです。
何百件も来る事もあるらしいですから…

nlog(n):「 ハードディスクレコーダーからのコメントスパム攻撃」より
今日、ものすごい量のコメントスパム攻撃があった。攻撃中に気がついたので、被害はそれほど大きくなかった。ログを見ていると、国内の IP アドレスからの発信がある。そのアドレスにアクセスしてみると、ハードディスクつきの DVD レコーダーだった。
ハードディスクレコーダが踏み台になるなんて困ったご時世になったものだ。

| | コメント (0) | トラックバック (0)

2004.09.25

名前変えました

名前変えました。

今まで「rhino10 diary」
これから「RHINOCEROSES10」

本家である「RHINOCEROSES10」と区別する為に「rhino10 diary」にしてたんですけど、最近はこっちしか更新してないし、区別する必要もないのかな〜と…
何となく小文字より大文字のほうが見た目カッコ良いような気もするし…

そんなしょーもない理由で変えちゃいました。
と、言っても元々タイトルのトコの画像は本家とおんなじの使ってるから「RHINOCEROSES10」になってるんだよね。

画像の「RHINOCEROSES10」とテキストの「RHINOCEROSES10」がかぶってますが、テキストの「RHINOCEROSES10」をクリックするとトップに戻れるし、とりあえずそのままにしときます。
そのうち、画像クリックでトップに戻れるように直すかも…

| | コメント (0) | トラックバック (0)

ココログブックスコンテスト開催!

ココログブックスコンテストに登録してみた。
ココログブックスコンテスト開催! 2004/09/24
ココログブックス賞に入賞した方のココログは、プロの編集者の手により書籍化され、全国の書店に並びます。
ココログブックスで作家デビューも夢じゃありません!
ココログブックス・ニュースより

本になるのはうれしいかも。
作家デビューする気はないけど…

「プロの編集者の手により書籍化」ってトコが気になるんですけど…
どういう形で書籍化するの?
内容そのものに手を加える訳にはいかないだろうし。
そのまま本にしたところで、本になった時点で情報陳腐化してるだろうし…

結局紹介本になるのかな。
一人のココログを詳しく紹介するの?
それとも、いろんなココログを紹介するただの寄せ集め本?
ん〜〜、わからん。
見せてもらいましょう、プロの編集者の腕前を。

いいですけどね、どんな形でも。
ココログ」って音の響きにひかれてるだけですから。

| | コメント (0) | トラックバック (0)

2004.09.12

ヒラギノ角ゴ Std W8に指定するには?

cssでフォント指定しました。

ん〜、なんか思ったようにならない。
個別タイトルのフォントを「ヒラギノ角ゴ Std W8」にしたかったのですが、

font-family: "ヒラギノ角ゴ Std W8", sans-serif;

と、したのではSafariでは表示されません。
どうやら、Safariは日本語のフォント名を認識しないようなのです。

font-family: "Hiragino Kaku Gothic Std", sans-serif;

と、するとヒラギノ角ゴ Std W8で表示されます。
なぜか"Hiragino Kaku Gothic Std W8"では表示されませんでした。
Safariは良いのですが、コレだとNetscapeやIEでは表示されないのです。で、

font-family: "Hiragino Kaku Gothic Std", "ヒラギノ角ゴ Std W8", sans-serif;

と、してみましたがダメ。
いろいろやってみましたが、どうやったらNetscapeやIEでヒラギノ角ゴ Std W8が表示できるのかわかりません。そして、"Hiragino Kaku Gothic Std"の後に"ヒラギノ角ゴ Std W8"など日本語のフォント名を指定すると、せっかくSafariで表示されていたヒラギノ角ゴ Std W8が表示されなくなるようです。

結局、

font-family: "Hiragino Kaku Gothic Std", sans-serif; font-weight:bold;

と、しました。
Safariではヒラギノ角ゴ Std W8で、NetscapeとIEではどのフォントなのかはっきりわからないのですがbold指定で太くなったので良しとします。Safari最優先という事で…

最終的に修正したのは以下の通り。

/* 個別タイトル */
.content h3 {
font-family: "Hiragino Kaku Gothic Std", Verdana, Arial, sans-serif;
font-weight:bold;
font-size: medium;
color: #006600; /* 文字色 */
text-align: left;
padding: 3px; /* 内容周りの空間*/
background-color: #CCFF66; /* 背景色 */
border-left:solid 8px #336600; /* 左の枠 */
border-bottom:solid 1px #336600; /* アンダーライン */
text-indent: 2px; /* 1行目のインデント*/
vertical-align: bottom; /* 縦方向の位置 */
}

body {
font-family: "Hiragino Kaku Gothic Pro", Verdana, Arial, sans-serif;
font-weight: normal;
margin: 20px 0px 0px;
background-color: #333333;
text-align: center;
background-image: url(http://rhinoceroses10.cocolog-nifty.com/rhino10/general/back.gif);
background-repeat: repeat;
}
20040912_befor_160x120.gif 20040912_after_160x120.gif
修正前(クリックで拡大) 修正後(クリックで拡大)

<関連記事>
2004.07.05【見え方変わりました】
2004.06.20【カスタマイズは非公認?】
2004.06.13【個別タイトル周りをカスタマイズ】
2004.05.22【ココログカスタマイズ】

| | コメント (0) | トラックバック (0)

2004.08.20

コメントスパム対策

ココログコメントスパム対策されたそうですが…

お客様からご指摘いただいておりますコメントスパムへの対策につきましてご報告させていただきます。

本日 12:00、コメントスパムを排除する仕組みを強化いたしました。
ご報告ならびに対策実施が遅れましたことを深くお詫びいたします。

残念ながら、現時点で完全な対策が無く、試行錯誤を繰り返しながらの対策実施となっておりますことをお許しください。

今後も 継続して対策を実施してまいります。  対策実施の経過につきましては、順次ご報告いたします。

これからも、ココログをどうぞよろしくお願いいたします。
幸いウチは被害にあっていませんが、なにがどう変わったのかわかりません。
改善されているんでしょうか?

| | コメント (0) | トラックバック (0)

2004.08.05

トラックバックした時の文字数

トラックバックした時に、相手先に表示される記事の文字数が少ないような気がしたので、増やしてみました。

変えたのは、ココログにログイン、
トップ > ウェブログ一覧 > 自分のココログ名 > 設定 > 表示オプションの

概要の文字数: 40
サイトの連携設定がオンになっていて、かつ概要のみを表示する設定にしている場合、新規投稿の際に自動生成される概要の文字数をここで設定することができます。
の概要の文字数を40文字から100文字にしました。

| | コメント (0) | トラックバック (0)

2004.07.05

見え方変わりました

Mac OSX Pantherをインストールして、ココの見え方が少し変わりました。

Safariで見ると個別タイトル部分の太さが細く見えます。
もともとフォントの設定はしてませんので、仕方ないと言えば仕方ないのです。

Rhino10_20040705_160x131.gif 上がOSX10.2.8(Safari1.0)、下がOSX10.3.4(Safari1.2.2)での見え方

| | コメント (0) | トラックバック (0)

2004.06.27

引用文中に改行が入ると

引用文をカスタマイズ
で引用文を枠でかこったり、文字サイズを小さくしたりしていたのですが、どーも文字サイズの設定がうまい生きていなのが気になっていた。

文字書きわーるど♪「引用文を目立たせる」

ただし、引用文の中に改行があると、.content p (記事本文を定義します)として認識されてしまうらしく、引用文の文字色も記事の文字色と同じになってしまうため、引用文には、無闇に改行を加えられません><

との記事を発見。

原因はこれだったのか。
じゃあ、投稿時に改行が入らないようにすれば良いのかな?

【修正前】投稿時、以下のように登録

<blockquote>NHK地上波放送、遂に決定!!
地上波での放送が決まりました!

7月14日(水)より、毎週水曜深夜24時25分〜
NHK教育にて放送スタート!

まだ観られてない方、BSで観られた方も是非
この機会をお見逃しなく!</blockquote>

出来上がったソース
<p>タグが入るので、その箇所は .content p の設定が生きてしまう。(1行目最後の</p>タグは引用文の前の文章から始まるに<p>タグに対する終了タグです)

<blockquote>NHK地上波放送、遂に決定!!</p>

<p>地上波での放送が決まりました!<br />
7月14日(水)より、毎週水曜深夜24時25分〜<br />
NHK教育にて放送スタート!</p>

<p>まだ観られてない方、BSで観られた方も是非<br />
この機会をお見逃しなく!</blockquote></p>


【修正後】投稿時、以下のように登録

<blockquote>NHK地上波放送、遂に決定!!<br />
地上波での放送が決まりました!
7月14日(水)より、毎週水曜深夜24時25分〜
NHK教育にて放送スタート!<br />
まだ観られてない方、BSで観られた方も是非
この機会をお見逃しなく!</blockquote>

出来上がったソースに<p>タグが入らない。

<blockquote>NHK地上波放送、遂に決定!!<br /><br />
地上波での放送が決まりました!<br />
7月14日(水)より、毎週水曜深夜24時25分〜<br />
NHK教育にて放送スタート!<br /><br />
まだ観られてない方、BSで観られた方も是非<br />
この機会をお見逃しなく!</blockquote>

直ったっぽい。

| | コメント (0) | トラックバック (0)

2004.06.24

ボールド設定解除

昨日、フッタとサイドバーのボールド設定を解除したつもりだったのですが、できていなかったようなので追加修正。(そもそも、Safariでは日本語に対するボールド指定は反映されません。)

a {
text-decoration: underline;
font-weight: normal;
}

.sidebar {
padding: 15px;
font-weight: normal;
}

.sidebar a {
text-decoration: underline;
font-weight: normal;
}
ボールド表示されていたのはキャッシュが生きていただけかもしれません。
どこでボールド設定が生きているのかわからず、3箇所も追加修正してしまいましたが、昨日の
font-weight: bold; /* この行削除 */
の行を削除しただけで良かったのかも???

修正前、修正後の画像はありません。
あしからず。

| | コメント (0) | トラックバック (0)

2004.06.23

引用文をカスタマイズ

引用文がわかりやすくなるように、枠で囲むようにカスタマイズ。

「クリスマス緑」の「右サイドバー付」のテンプレートを元に、
ココログカスタマイズ
個別タイトル周りをカスタマイズ
でカスタマイズしたものを以下のように修正。

/* 引用文 */
.content blockquote {
line-height: 150%;
color: #808080; /* 文字色 */
font-size: 90%; /* 文字サイズ */
padding: 5px; /* 内容周りの空間*/
background-color: F5F5F5; /* 背景色 */
border:1px dotted #808080; /* 枠の形式と色 */
}
ついでに、フッタとサイドバーのボールド指定を削除しました。
/* フッタ */
.content p.posted {
color: #666666;
font-family: 'Trebuchet MS', Verdana, sans-serif;
font-size: x-small;
text-align: right;
font-weight: bold; /* この行削除 */
margin-bottom: 25px;
line-height: normal;
}

.sidebar a {
text-decoration: underline;
font-weight: bold; /* この行削除 */
}
修正前、修正後の画像はありません。
あしからず。

| | コメント (2) | トラックバック (0)

2004.06.20

カスタマイズは非公認?

ココログナビのTOPページ「ウェブログ虎の穴其の七」が掲載されています。

番外編として「コピペでカンタン!今すぐCSSカスタマイズ」にCSSのカスタマイズ方法が掲載されているのですが、

※今回ご紹介するテクニックには、ココログプロの機能が必要です。ご利用状況をご確認のうえ、「上級者向けテンプレート」の使用方法もあわせてご確認ください。
と、あります。でも、これってそれなりの手順を踏めばココログプロじゃなくても出来るよね?
ココログプロ以外でのカスタマイズは非公認ってこと?

もう、認めちゃってもいいんじゃない?
ウチでもやってるけど、いろんなところでカスタマイズ方法は紹介されてるんだし…

| | コメント (0) | トラックバック (0)

バナー追加

このココログ(rhino10 diary)のバナーを追加しました。

今までのものに「DIARY」の文字を追加しただけですが…
ついでに、タイトル画像を少し修正。
黄緑の帯にサイの影が乗ってしまっていたので、影が乗らないようにしました。

Safari20040620_01_160x206.gif Safari20040620_02_160x206.gif
修正前(クリックで拡大) 修正後(クリックで拡大)

| | コメント (0) | トラックバック (0)

2004.06.13

個別タイトル周りをカスタマイズ

個別タイトル周りを中心に細かなところをカスタマイズ。

「クリスマス緑」の「右サイドバー付」のテンプレートを元に、ココログカスタマイズでカスタマイズしたものを以下のように修正。

[01] リンクの色の設定
リンクの色の設定を変更しました。 また、設定順が、 a:link /* リンク */ a:visited /* 訪問済みリンク */ a:active /* クリック時リンク */ a:hover /* カーソルが乗った時のリンク */ になっていた為、クリックした時の色の設定が生きていませんでした。

/* リンク */
a:link {
color: #006600;
}

/* 訪問済みリンク */
a:visited {
color: #009900;
}

/* カーソルが乗った時のリンク */
a:hover {
color: #99CC00;
}

/* クリック時リンク */
a:active {
color: #CC0000;
}

[02] 日付け部分の修正
ボックスに、左に帯、下にアンダーラインを付けました。

/* 日付け */
.content h2 {
color: #808080 ; /* 文字色 */
font-family: 'Trebuchet MS', Verdana, sans-serif;
font-size: small;
text-align: left;
font-weight: normal;
padding: 1px; /* 内容周りの空間*/
background-color: #DCDCDC ; /* 背景色 */
border-left:solid 6px #C0C0C0 ; /* 左の帯 */
border-bottom:solid 1px #C0C0C0 ; /* アンダーライン */
text-indent: 2px;  /* 1行目のインデント*/
margin-bottom: 5px; /* マージン */
vertical-align: bottom; /* 縦方向の位置 */
}

[03] 個別タイトルの修正
ボックスに、左に帯、下にアンダーラインを付けました。

/* 個別タイトル */
.content h3 {
color: #006600; /* 文字色 */
font-family: 'Trebuchet MS', Verdana, sans-serif;
font-size: large;
text-align: left;
font-weight: bold;
padding: 3px; /* 内容周りの空間*/
background-color: #CCFF66; /* 背景色 */
border-left:solid 8px #336600; /* 左の帯 */
border-bottom:solid 1px #336600; /* アンダーライン */
text-indent: 2px; /* 1行目のインデント*/
vertical-align: bottom; /* 縦方向の位置 */
}

[04] フッタの修正
フォントの色と種類を修正しました。

/* フッタ */
.content p.posted {
color: #666666;
font-family: 'Trebuchet MS', Verdana, sans-serif;
font-size: x-small;
text-align: right;
font-weight: bold;
margin-bottom: 25px;
line-height: normal;
}

[05] サイドバーのリンクの色の修正
サイドバーのリンクの色の設定を変更しました。
また、設定順が、
a:link /* リンク */
a:visited /* 訪問済みリンク */
a:active /* クリック時リンク */
a:hover /* カーソルが乗った時のリンク */
になっていた為、クリックした時の色の設定が生きていませんでした。

/* リンク */
.sidebar a:link {
color: #CC6633;
}

/* 訪問済みリンク */
.sidebar a:visited {
color: #CC9933;
}

/* カーソルが乗った時のリンク */
.sidebar a:hover {
color: #FFCC00;
}

/* クリック時リンク */
.sidebar a:active {
color: #FF0000;
}

[06] サイドバーのタイトル修正
ボックスに、左に帯、下にアンダーラインを付けました。

/* サイドバータイトル */
.sidebar h2 {
color: #006633; /* 文字色 */
font-family: 'Trebuchet MS', Verdana, sans-serif;
font-size: x-small;
padding: 1px;  /* 内容周りの空間*/
text-align: left;
font-weight: bold;
text-transform: uppercase;
background-color: #FFFFFF; /* 背景色 */
border-top:none; /* 上 */
border-bottom:solid 1px #CCFF33; /* アンダーライン*/
border-left:solid 6px #CCFF33; /* 左の帯 */
border-right:none; /* 右 */
text-indent: 4px;  /* 1行目のインデント*/
}

左と下の設定のみでは、元のボックスの枠が残ってしまったので、上と右をnoneで消しました。

[07] カレンダーのタイトル修正
ボックスに、左に帯、下にアンダーラインを付けました。

#calendar caption {
color: #006633; /* 文字色 */
font-family: 'Trebuchet MS', Verdana, sans-serif;
font-size: x-small;
padding: 2px;
text-align: left;
font-weight: bold;
text-transform: uppercase;
background-color: #FFFFFF; /* 背景色 */
border-top:none; /* 上 */
border-bottom:solid 1px #CCFF33; /* アンダーライン*/
border-left:solid 6px #CCFF33; /* 左の帯 */
border-right:none; /* 右 */
text-indent: 4px;  /* 1行目のインデント*/
}

左と下の設定のみでは、元のボックスの枠が残ってしまったので、上と右をnoneで消しました。

[08] powered by Typepadの修正
下に空白を付けました。

/* powered by Typepad */
#powered {
font-family: 'Trebuchet MS', Verdana, sans-serif;
font-size: x-small;
line-height: 150%;
text-align: left;
color: #666666;
margin-top: 50px; /* マージン */
margin-bottom: 30px; /* マージン */
}


以上です。

rhino10_20040613_01_160x202.gif rhino10_20040613_02_160x202.gif
変更前(クリックで拡大) 変更後(クリックで拡大)

| | コメント (0) | トラックバック (0)

2004.05.28

Yahoo!の検索結果

2004年5月28日、21:30現在、Yahoo!で「ゴジラファイナルウォーズ」と検索するとウチのココログ最初に表示される。

なんのこっちゃ?

どういう基準で登録されるのやら?
内容何にもないのに…

オフィシャルページが最初に表示されてもよさそうに。

「GODZILLA FINAL WARS」で検索すればオフィシャルページが最初に引っかかるのね。
ん〜、さすが世界配給を視野に入れてるだけあって英語で検索かけなきゃ引っかからないんだ。

2004.08.28追記
<関連記事>
2004.08.28【早足ゴジラ】
2004.05.24【ゴジラファイナルウォーズ】

「ゴジラファイナルウォーズ」で検索してココに来た方、オフィシャルサイトはカタカナ表記ではひっかからないようです。「GODZILLA FINAL WARS」で検索してください。

| | コメント (0) | トラックバック (0)

トラックバックpart2に載ってる

なんか良くわからんが、トラックバックpart2に載ってる。

「佳作」だって。
そんな賞もらうのなんて小学校の時以来かも…
やっぱりうれしいもんだね。

その時のお題は「聞くは一時の恥じ、聞かぬは一生の恥じ」

| | コメント (0) | トラックバック (0)

2004.05.22

ココログカスタマイズ

ずっと、ココログのテンプレートそのまま使っていましたが、メインのページにデザインを近付けるべくカスタマイズしてみました。
海外鉄道旅行愛好者さんトコが非常に詳しくわかりやすかったので参考にさせてもらってます。

忘れないうちに以下に自分の行った手順を記しておきます。

[01] タイトル画像作成
自分の場合はメインのサイトの画像をもとに作りました。
サイズは600x63pixel
2列のレイアウトだと幅は600pixelみたいです。縦はなりゆき。
たまたまメインのサイトの画像と横幅がぴったりだったので助かりました。

[02] 背景画像作成
自分の場合はメインのサイトの画像をそのまま使いました。
サイズは10x10pixel
背景として同じ画像を繰り返し表示するだけなので、本当はもっと小さくても良いのですが、作成時にあまり小さいと作業しにくかったのでこのサイズにしてあります。上下左右でつながりのある画像が良いでしょう。

[03] スタイルシート取得
ココログのデザインはスタイルシートによって定義されています。
この事により、同じ内容でもスタイルシートを変更するだけでいろいろなデザインに変更する事が出来ます。

ブラウザのアドレス欄に「http://自分のココログのアドレス/styles.css」を入力し、Enterキーを押す。
自分の場合は、「http://rhinoceroses10.cocolog-nifty.com/rhino10/styles.css」
MacOSXのSafariの場合、ブラウザにスタイルシートの内容が表示されたので、全てを選択、コピーしてテキストエディタにペースト、保存しました。念のためもともと付いていた名前(styles.css)とは違う名前にしておきます。Windowsマシンの場合とは動作が違うようです。Windowsの方は海外鉄道旅行愛好者さんトコを参考にして下さい。

[04] スタイルシートの編集
[02]で保存したスタイルシートの以下の部分を編集します。
ベースとしたテンプレートは「クリスマス緑」の「右サイドバー付」です。これ以外のテンプレートをベースとした場合、以下のcssの内容に違いがあるかと思いますが、編集箇所は同じだと思います。

背景画像の設定
body {
margin: 20px 0px;
background-color: #333333;
text-align: center;
background-image: url(自分のココログのアドレス/必要であればフォルダ名/背景画像のファイル名);
background-repeat: repeat;
}

marginは、余白の設定。上下に20pixel分開けます。
値が1つの時は、上下左右の余白。
値が2つの時は、1つ目の値が上下の余白。2つ目の値が左右の余白。
値が3つの時は、1つ目が値が上、2つ目が左右、3つ目が下の余白。
値が4つの時は、1つ目の値が上、2つ目が下、3つ目が左、4つ目が右の余白になります。

background-colorは、背景色の設定。濃いグレーを表示します。
背景は、画像を表示するので隠れてしまうのですが、一応背景画像に近い色を設定しました。

background-imageは、背景画像の設定。表示する背景画像の保存場所、ファイル名を指定します。
urlの後ろ、カッコの中に背景画像の保存場所、ファイル名を指定します。

background-repeatは、背景画像の並び方の設定。縦横に繰り返して表示します。
repeat : 縦横にタイル状に繰り返して表示
repeat-x : 横方向にのみ繰り返して表示
repeat-y : 縦方向にのみ繰り返して表示
no-repeat : 繰り返さずにひとつだけ表示

タイトル画像の設定
#banner {
font-family: "Verdana", "Arial", "sans-serif";
text-align: left;
padding: 0px;
background-image: url(自分のココログのアドレス/必要であればフォルダ名/タイトル画像のファイル名);
background-repeat: no-repeat;
background-position: left top;
margin: 0px;
text-indent: 50px;
height: 63px;
width: 600px;
}

paddingは、タイトル画像の内側の余白の設定。余白なしに設定。

ackground-imageは、タイトル画像の設定。表示するタイトル画像の保存場所とファイル名を設定。
urlの後ろ、カッコの中にタイトル画像の保存場所、ファイル名を指定します。

background-repeatは、タイトル画像の並び方の設定。ひとつだけ表示に設定。
repeat : 縦横にタイル状に繰り返して表示
repeat-x : 横方向にのみ繰り返して表示
repeat-y : 縦方向にのみ繰り返して表示
no-repeat : 繰り返さずにひとつだけ表示

background-positionは、タイトル画像の表示位置の設定。左上に表示に設定。
表示位置を、left、right、center、top、bottomで左、右、中央、上、下に指定。
左上を起点とした単位付き数値または%での指定も可能。

marginは、タイトル画像の余白の設定。余白なしに設定。
値が1つの時は、上下左右の余白。
値が2つの時は、1つ目の値が上下の余白。2つ目の値が左右の余白。
値が3つの時は、1つ目が値が上、2つ目が左右、3つ目が下の余白。
値が4つの時は、1つ目の値が上、2つ目が下、3つ目が左、4つ目が右の余白になります。

heightは、タイトル画像の高さの設定。63pixelに設定。
作成したタイトル画像の高さを設定します。

widthは、タイトル画像の幅の設定。600pixelに設定。
作成したタイトル画像の幅を設定します。

サイトバーの背景色の設定
#right {
float: left;
width: 200px;
background-color: #FFFFCC;
overflow: hidden;
}

background-colorで、背景色を設定します。薄い黄色に設定。

枠線の設定
#container {
line-height: 140%;
margin-right: auto;
margin-left: auto;
text-align: left;
padding: 0px;
width: 600px;
background-color: #FFFFFF;
border: 0px none;
}

borderで、枠線の設定をします。枠線なしに設定。

[05] アップロード
ココログにログインし、作成した背景画像、タイトル画像、編集したスタイルシートをアップロードします。
背景画像と、タイトル画像を「[03] スタイルシートの編集」で指定した場所にアップロードします。
アップロード時の「縮小画像を作成」のチェックボックスは画像が縮小されないようにチェックなしにします。
スタイルシートも画像と同じ要領でアップロードしますが、スタイルシートは画像と違いアップロード後に、ココログの「コントロールパネル」の「ファイルマネージャー」に表示されません。

[06] タグ挿入、反映
「[05] アップロード」でアップロードした編集済みスタイルシートを読み込ませるようにタグを挿入します。
「ウェブログ」、「設定」、「基本設定」の「ウェブログのサブタイトル(キャッチフレーズ)」に以下のタグを追加します。
<link rel="stylesheet" href="自分のココログのアドレス/必要であればフォルダ名/編集後のスタイルシートのファイル名" type="text/css" />不定期更新日記

「href="」の後ろは「[05] アップロード」でアップロードしたスタイルシートの保存場所とファイル名を指定します。
記入が終わったら画面下にある「変更を保存」ボタンをクリック、その後画面右上に表示される「サイトに反映」ボタンをクリック。別ウィンドウが開くので、「すべてのファイル」を選択、「反映」ボタンをクリック。

以上です。

| | コメント (4) | トラックバック (1)

2004.05.21

とりあえず見えてるみたいね

ココのデザインを変更してから、Windowsマシンでの確認してませんでしたが、とりあえずWin2000ではそれなりに見えてるみたいね。
98やらxpやらでどー見えてるかわからんが、まー、良しとしよう。

| | コメント (2) | トラックバック (0)

2004.05.20

ココログル検索

「いかんともしがたい」さんトコを参考に「ココログル検索」を付けてみた。

なんのトラブルもなく、あっさり出来ました。

| | コメント (0) | トラックバック (0)

2004.05.17

マックのバッジ追加

AppleMADE ON A Macバッジ追加しました。
Macユーザです。

| | コメント (0) | トラックバック (0)

デザイン変更

ココログのデザインをメインのページに近付けました。
つかれた。

とりあえずMacOSX(10.2.8)環境ではそれなりに見えてるのは確認しました。
タイトル部分の「rhino10 diary」、「不定期更新日記」の位置や大きさ、色などはカッコ悪いのでいずれは直したいな。

Safari(1.0)やネスケ(7.02)は、まあ、それなり。
IE(5.2.2)とOPERA(6.03)だと「不定期更新日記」が「RHINOCEROSES10」に重なってしまっている。
原因調査もめんどうなので、当分そのままになると思います。

MacOSXユーザの多くはSafariを使っている事を信じて、Safari最優先で調整しようかと思ってます。
世間的にはWindowsユーザの方が圧倒的に多く、IEユーザが最も多いんでしょうけど…
まだ、Windowsマシンでは確認していないので、どんな風に見えてるか全く不明。
気になる箇所があれば、ご指摘頂けると助かります。

あ〜、気が付けば、古いバージョンのブラウザばっか使ってる。最新にしなくては…