Chocobo Style~Cinemaな気分~
2006-04-30T12:57:51+09:00
chocobopapa
記事更新停止中です;;
Excite Blog
コメントいただいた方へ...
http://chocob.exblog.jp/3332892/
2006-04-30T12:57:51+09:00
2006-04-30T12:57:51+09:00
2006-04-30T12:57:51+09:00
chocobopapa
スキン編集
励ましのメールありがとうございます...
でも...まだ...復活できない;;;
]]>
ごめんなさい...
http://chocob.exblog.jp/3218468/
2006-04-13T21:49:00+09:00
2006-04-21T23:03:01+09:00
2006-04-13T21:49:46+09:00
chocobopapa
未分類
ごめんなさいToT
もうすこし
もう少し、時間を下さい...
いろんなことが...
ありすぎて...
]]>
41 画像に枠をつけてみましょう①
http://chocob.exblog.jp/3217326/
2006-04-13T19:13:00+09:00
2006-04-13T19:13:49+09:00
2006-04-13T19:13:30+09:00
chocobopapa
スキン編集
今回のカスタマイズは画像に枠をつけて見ましょう...①です
CSSもHTMLもいじりません
準備
画像を一度アップロードします。(画像アップロードです^^;)
保存をせずに、一度プレビューを開きます。
画像の上で右クリックしてプロパティをクリックします。
中ほどに アドレス(URL)と言う欄があります。
この右に書いてあるのが、アップロードされた画像のurlです。
アドレスをドラッグして、右クリックしてコピーしておきます。
記事中の
〔#IMAGE|e007XXXX_213xxxx.jpg|200602/28/08/|mid|400|589#〕
はけしちゃってください。
*下の削除ボタンで消さないで下さいね^^;;
記事の書き方
<center><span style="border:ridge 10px #ffffff ;"><img src="http://pds.exblog.jp/pds/1/200603/26/08/e0075308_15214398.gif" alt="" /></span></center>
解説
1.<center> ~ </center>
これは画像を記事の真ん中に配置するために入れています。
これを省略すれば、通常のスキンの方は左寄せになると思います。
2.赤字のurlのところには先ほどupした画像のurlを記載してください。
3.青字のborder:ridge 10px #ffffff ; は枠の設定です
ridge...これは線の種類です。いろいろありますので、こちらを参照してください
10px 枠の線の太さです。
#ffffff...これは線の色です。お好きな色を設定してみてください。こちらを参照
*プレビューを見て枠の形や太さを確認して調整してみてください。
上手く出来ない方はご連絡くださいね。検証いたしますので
]]>
なんだかなぁ...
http://chocob.exblog.jp/3187995/
2006-04-09T20:55:00+09:00
2006-04-12T10:53:44+09:00
2006-04-09T20:55:14+09:00
chocobopapa
other
アクセスカウンターの調子が悪いようです;;⇒ 4/11に復旧した模様です^^
ついでにオンラインカウンター(今何人見てるかがわかるカウンターを上の方につけてみました^^)
XREAのサイトもここ数日不安定なようですね...
こんな問題らしいです...記事はこちら
原因は...どこかのサイトが5000きり番なぁんてやってるから...なんて事はないと思いますが;;
私のとこなんか一日3桁も行かないんだから...ちょっとくらいおまけして回ってくれても......ん??
というわけで...私のメンテ不足ではないです^^;;;
ん??やっぱり昨日のカウンターはオカシイですね!17アクセスじゃないんですよね~
アクセス解析の結果だと...倍は行ってるのに...
]]>
おしらせ...
http://chocob.exblog.jp/3159542/
2006-04-05T22:42:00+09:00
2006-04-09T09:52:23+09:00
2006-04-05T22:42:33+09:00
chocobopapa
other
おしらせ
タイピング練習の問題を入れ替えました
太陽の下 / レミオロメン です...
+雨ニモ負ケズも入れてみました...
これからもいろいろといれていこうかな^^
みんなでれんしゅういたしましょう^^
]]>
5000アクセス達成
http://chocob.exblog.jp/3143470/
2006-04-05T06:30:00+09:00
2006-04-08T10:03:10+09:00
2006-04-03T21:41:49+09:00
chocobopapa
other
お越しになってくれた皆様、ありがとうございました^^
5000アクセスあっという間に行っちゃいましたね^^;びっくりです
きり番の記念で memorial No というページを作って、きり番のスペシャルお客様にリンクさせていただきました(勝手にですが^^;;)
これからも ChocoboStyleをどうぞよろしくお願いいたします<(_"_)>
もうすぐ、5000アクセス^^;
長い様で結構早かったような...
何か記念しようかなぁ...
って言っても...出来る事...カスタマイズくらいしか出来ない><、、、
ということで(ん?どんなことだ!?)
きり番踏まれた方にはその人のリクエストにそったスキンをプレゼント...え?いらん??ぐはっ!orz
出来る限り希望に沿ったスキンを作らせていただきます...
って...こんなこといって大丈夫なのかなぁ;;;(不安)
(今は勢いで言ってるけど^^;;...)
きり番踏まれた方は一応自己申告してくださいね。(うそはだめだよぉ~)
達成
なんだか、どきがむねむねしちゃってます;;
このページを開いて、5000カウントだった方がきり番です^^
ただし...3時間以内におこしになってくれた方は、カウントされません^^;;]]>
いろいろなお国から...
http://chocob.exblog.jp/3151058/
2006-04-04T21:14:00+09:00
2006-04-04T21:15:22+09:00
2006-04-04T21:14:29+09:00
chocobopapa
other
ちょっと時間があったので、アクセス解析してみました^^;
やっぱり日本からのアクセスが多い^^(当たり前だ!!)
英語??オーストラリアの方も英語ですね^^...一人以外心当たりがない;;82人って...
タイ...お一人さまはいつも来ていただいております<(_"_)>感謝...あと3人??
中国の方もお一人さまは存じ上げてますが...あと3人??謝謝<(_"_)>
ドドド、ドイツ語ですか?お二人様...どんな方なのだろう...ダンケ<(_"_)>
その他少数派??どこの方なのでしょう^^;;今度コメント残してね^^
↑カウンターとアクセスあいませんが、設置時期がまったく違うので^^;;;
いろいろはお国からこんにちは^^
これからもよろしくお願いいたします<(_"_)>]]>
test
http://chocob.exblog.jp/3128559/
2006-04-03T15:21:17+09:00
2006-04-03T15:21:17+09:00
2006-04-01T23:04:13+09:00
chocobopapa
スキン編集
IEだけですけど^^;;;
]]>
お知らせ...
http://chocob.exblog.jp/3137552/
2006-04-03T12:48:27+09:00
2006-04-03T12:48:27+09:00
2006-04-03T00:11:05+09:00
chocobopapa
other
私の体調と同じく、HPのサーバーの調子が悪いようです;;
なんちゃってで取り急ぎミラー立ててみました...
ミラー1(タイピングは Dead Link です) CGI対応してなかったみたい...このサーバー...
↑
chocob.himegimi.jp かわいいでしょ^^;;(姫君です^^)]]>
爆発する文章
http://chocob.exblog.jp/3111956/
2006-03-30T19:56:38+09:00
2006-03-31T07:43:42+09:00
2006-03-30T19:56:38+09:00
chocobopapa
スキン編集
カスタマイズは以前出した文字の移動の応用です
押したら大変^^;;]]>
test
http://chocob.exblog.jp/3101590/
2006-03-29T11:16:08+09:00
2006-04-01T11:12:49+09:00
2006-03-29T11:16:09+09:00
chocobopapa
スキン編集
こんなこともできるんだぁ^^;;
と言うことでテスト中...
あなたの心が
開きますように
]]>
【HTML+TIME】 カスタマイズ 7?時間とともに文章を表示させましょう①
http://chocob.exblog.jp/3086173/
2006-03-27T12:39:43+09:00
2006-03-27T23:43:28+09:00
2006-03-27T12:39:42+09:00
chocobopapa
スキン編集
効果が見れるのはIE5以降だけです。他のブラウザの方ごめんなさい。
IE以外のブラウザの方には、ふつ~に表示されてしまいます。
雨
雨が降ると心まで湿っぽくなってしまいます...
あなたは...いま...
何処にいるのですか?
あの日...
あなたに出逢わなければ...
私はきっと...
HTML+TIMEのカスタマイズです。いつもおこしになっていただきありがとうございます。
今回のカスタマイズは時間とともに文字を表示させるカスタマイズです。
その前にお願いです^^;
今回のソースを使われる方...出来たらでいいのでコメントくださいね^^
拝見させていただきたいので、よろしくお願いします。
あと、出来たら【HTML+TIME】のソースの転載はなるべくしないでね^^;
①と②は前回と同じです。
前回のカスタマイズを行った方は、記事の書き方だけでOKです。
①HTML全体の一番最初の行に次の文をコピーしてください。
<HTML XMLNS:t="urn:schemas-microsoft-com:time">
<?IMPORT namespace="t" implementation="#default#time2">この2行の文は、動きのなかったHTMLに動きを持たせるための宣言文です。
絶対に入れ忘れないで下さい。
今後のカスタマイズでも、この2行が必要になってきますので^^
②CSSの最後に次の文をコピーしてください。
.time {behavior: url(#default#time2);}
これで準備は終了。
記事の書き方(ちょっとずらしたほう)
<center>
<SPAN CLASS="time" begin="3" DUR="5">あの日...</SPAN><BR>
<SPAN CLASS="time" begin="6" DUR="5">あなたに触れて</SPAN><BR>
<SPAN CLASS="time" begin="9" DUR="3">私は...</SPAN>
</center>
解説
1.<center>~</center>
この文は間に挟まれているものを真ん中に表示させると言う意味です。
省略すれば、post領域の設定に従います。(通常は左寄せかな?)
2.あの日...
ここの部分に表示させたい文章を書いて下さいね^^
3.begin="3"
ここは、ブラウザでこのページを表示させてから、拡大させるまでの秒数です。
各行をずらして表示させています。
1行目3秒後、2行目6秒後、3行目9秒後...
同じ数字をいれると同じタイミングで表示されてしまいます(意味なくなっちゃう^^;;)
4.DUR="5"
表示させる秒数です。
今回の場合最初の2行が5秒表示、最後の行が3秒表示にしてみました。
5.<BR>
行間調整に入れてます。見やすくするのに...入れなくてもOK!
記事の書き方(一行ずつ表示するほう)
<center>
<SPAN CLASS="time" begin="1" DUR="3">雨</SPAN><BR>
<SPAN CLASS="time" begin="4" DUR="3">雨が降ると心まで湿っぽくなってしまいます...</SPAN><BR>
<SPAN CLASS="time" begin="7" DUR="3">あなたは...いま...</SPAN>
<SPAN CLASS="time" begin="10" DUR="3">何処にいるのですか?</SPAN>
</center>
解説
基本は先ほどの解説と一緒です。
異なる点は...
begin と DUR の関係です。
一行目のbegin(表示開始)は1、DUR(表示時間)は3 ... 一行目の表示終わりは4となります。
そこで、2行目のbeginを4とすれば、一行目の表示終わりに2行目の表示となるわけです。
他にも制御方法はあるのですが...これが一番短い文でできますので^^;
他の方法はまたの機会にご紹介いたします。
また、今回のカスタマイズでは、一度きりの表示です...
次回は、何回も繰り返す表示の仕方をご紹介しますね^^;(え?いらん??ま、そういわずに^^;;)
最後にプレビューで見て調整してみてくださいね。
上手く出来ない方はご連絡くださいね。検証いたしますので]]>
40 スクロールバーの色を変えてみましょう(CSS)
http://chocob.exblog.jp/3059695/
2006-03-23T23:12:00+09:00
2006-04-09T11:23:18+09:00
2006-03-23T23:12:55+09:00
chocobopapa
スキン編集
今回はスクロールバーのカスタマイズです...
スクロールバーのカスタマイズなんて、他でもやられているので目新しくはないです。
ということで、ちょっとがんばっちゃいました^^
私のHPのほうで新しいコンテンツを作ってみました^^
Scrollbar Color Customize というページを作ってみました^^
一度御覧になってください
宣伝はここまでで、カスタマイズ方法です
Scrollbar Color Customize にアクセスします(結局宣伝になっちゃってますね^^;;)
そこでいろいろいじってみてください。
気に入った色になりましたら、右下にあるボタンを『ぽち』
クリップボードにコピーされますので、CSSにペーストしてみてください。
わからないことありましたらコメントくださいね。
]]>
39 水平線を変更してみましょう③ IE only (CSS)
http://chocob.exblog.jp/3028358/
2006-03-19T23:27:59+09:00
2006-03-19T23:27:59+09:00
2006-03-19T23:27:59+09:00
chocobopapa
スキン編集
記事と記事の間にちょっと区切りをつけたいとき <hr> と言うタグを使います。
前回は一つの <hr> タグでしたが、今回は複数の <hr> タグを設定してみましょう
今回はIEに搭載されているfilterを使ってみましょう。(IE専用です)
↑
標準の水平線
CSSの一番最後に次の文を追記します。
*前回 hrタグを設定した方は一度その設定を消して下さいね
HR.s10 {
color: #ff0000;
background-color: #ff0000;
height: 3px;
border: 0px;
filter: Alpha(opacity=100, finishopacity=0, style=1);
width: 480px;
text-align: center;
}
解説
① color: #ff0000;
ここは線の色を設定します。
② background-color: #ff0000;
ここはIE以外のブラウザ用の線の色を設定します。(IE以外は色しか設定できません)
③ border: 0px;
枠の設定です。(今回は枠を使わないので0pxに)
④ height: 12px;
線の太さを設定します
⑤filter
filterの設定です
⑥ width: 500px;
線の長さを設定します
⑦ text-align: center;
線の配置場所を設定します。
中央:center
左 :left
右 :right
記事投稿の仕方
こんな風に区切りをつけたい場所に
<hr class="s1">
と打つだけ
HR.s10 {
color: #ff0000;
background-color: #ff0000;
height: 3px;
border: 0px;
filter: Alpha(opacity=100, finishopacity=0, style=1);
width: 480px;
text-align: center;
}
HR.s11 {
color: #ff0000;
background-color: #ff0000;
height: 3px;
border: 0px;
filter: Alpha(opacity=0, finishopacity=100, style=1);
width: 480px;
text-align: center;
}
HR.s12 {
color: #ff0000;
background-color: #ff0000;
height: 10px;
border: 0px;
filter: Alpha(opacity=100, finishopacity=0, style=2);
width: 480px;
text-align: center;
}
HR.s13 {
color: #ff0000;
background-color: #ff0000;
height: 10px;
border: 0px;
filter: Alpha(opacity=0, finishopacity=100, style=2);
width: 480px;
text-align: center;
}
HR.s14 {
color: #0000ff;
background-color: #0000ff;
height: 1px;
border: 0px;
filter: Alpha(opacity=100, finishopacity=0, style=3);
width: 480px;
text-align: center;
}
HR.s15 {
height: 5px;
border: 0px;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#ffff0000, EndColorStr=#ff0000ff);
width: 480px;
text-align: center;
}
HR.s16 {
height: 7px;
border: 0px;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#99ff0000, EndColorStr=#33ffff00);
width: 480px;
text-align: center;
}
HR.s17 {
color: #ff0000;
background-color: #ff0000;
height: 5px;
border: 0px;
filter: progid:DXImageTransform.Microsoft.Shadow(Color=black, Strength=2, Direction=135);
width: 480px;
text-align: center;
}
HR.s18 {
color: #ff0000;
background-color: #ff0000;
height: 2px;
border: 0px;
filter: progid:DXImageTransform.Microsoft.Shadow(Color=#3333ff, Strength=2, Direction=180);
width: 480px;
text-align: center;
}
]]>
【HTML+TIME】 カスタマイズ 6 背景色を変化させて見ましょう
http://chocob.exblog.jp/3027104/
2006-03-19T21:46:46+09:00
2006-03-19T22:44:49+09:00
2006-03-19T21:46:46+09:00
chocobopapa
スキン編集
IE5以降だけです。他のブラウザの方ごめんなさい。
HTML+TIMEのカスタマイズです。
今回は、時間とともに背景色を変更する...です。
きっと華やかになる事と思います^^
その前にお願いです^^;
今回のソースを使われる方...出来たらでいいのでコメントくださいね^^
拝見させていただきたいので、よろしくお願いします。
あと、出来たらソースの転載はなるべくしないでね^^;
①と②は前回と同じです。
前回のカスタマイズを行った方は、③だけでOKです。
①HTML全体の一番最初の行に次の文をコピーしてください。
<HTML XMLNS:t="urn:schemas-microsoft-com:time">
<?IMPORT namespace="t" implementation="#default#time2">この2行の文は、動きのなかったHTMLに動きを持たせるための宣言文です。
絶対に入れ忘れないで下さい。
今後のカスタマイズでも、この2行が必要になってきますので^^
②CSSの最後に次の文をコピーしてください。
.time {behavior: url(#default#time2);}
これで準備は終了。でも記事書くときは結構大変ですのでがんばってみてください。
③HTMLの①の後ろに下の文をコピーしてください
<BODY ID="body1" STYLE="background-color:black;"><t:animateColor targetElement="body1" attributeName="background-color" begin="3" to="yellow" dur="10" autoreverse="true" repeatCount="indefinite" />
解説
①STYLE="background-color:black;
最初に表示される背景色を設定します。カラーコードでもOKです。
②begin="3"
ブラウザを開いてから色を変化させ始めるまでの秒数の設定です。
③to="yellow"
何色に変化させるかを設定します。
④dur="10"
何秒で変化させるかを設定します。(数字が小さいほど変化は早いです)
⑤autoreverse="true"
変化させたあと、元に戻しますので true を設定しています
⑥repeatCount="indefinite"
何回変化させるかを設定しています。
そのページを表示している間変化させたいので indefinite を設定しています。
上手く出来ない方はご連絡くださいね。検証いたしますので]]>
https://www.excite.co.jp/
https://www.exblog.jp/
https://ssl2.excite.co.jp/