冬眠に乾杯(A；´･ω･)ﾌｷﾌｷ

最近の活動状況

今年の1月から3月まで働いてたとこは午前9時から3午後3時までの勤務だったので
ホンテ戦もたまには参加できるかな～って感じでしたが4月に転職して
遅いときは帰宅が19時30分とかになってしまい
ボス戦はほぼアウト状態(･ω･`)ｼｮﾎﾞｰﾝ

お昼からの勤務の時に午前中に2時間ぐらいと夜23時ぐらいにインしてます
とりあえずはインできる午前にｶﾘｶﾘして一日100Ｍぐらいを目標に地道にレベ上げしてます。
夜も2時間ぐらい狩りできるといいんだけど眠気が凄くてダメっぽ＞＜

そして、今までお世話になってた土曜日vるてぃv様主催のホンテ戦が解散となりました。
運良く仕事がお休みで用事もなかったのでラストホンテに参加する事ができました。

vるてぃvホンテがスナにとっても初ホンテの集まりだったので第1回目のホンテ戦の事が思い出されます

なんと、誘惑対応ができないで墓多数出てしまって1回目は撤退だったのです；；
でも最後のホンテ戦は墓も無しで参加者の成長が感じられましたね～

それに抽選で1番だったのです。

そして頂いたのが何故かｼﾞｬｸﾑの兜( ´艸｀)

これは主催者様の寄付の品なのです～・・・太っ腹だ～

ありがとうございました。

1年間とーっても、楽しく過ごさせていただきました(*- -)(*_ _)ペコッ♪

画像にフィルターをかけて表示

<img src="画像のＵＲＬ"style="filter:alpha(opacity=20);">　
このタグを使うと画像にフィルターをかける事ができます。

<img src="画像のＵＲＬ"style="filter:alpha(opacity=5);">　

画像の追加

★tageの表示にﾎﾟｲﾝﾄ画像をつけてみたので紹介します。もとは本文下中央にあったのですがどうも中央のままﾎﾟｲﾝﾄｲﾒｰｼﾞを追加しようと試みたけど上手く行かなかったの左の端に表示を移動してﾎﾟｲﾝﾄの画像つけてみました。

div.TAGS{margin:10px;text-align:center;}

となってましたので、center　を　left! important　に変更して左端に移動

・tagsとスクローズの間には半角分の隙間を追加するための
　TAGS a{padding-left:0.5em;}　を追加

・画像の追加のコードは↓です
.TAGS{
background-image:url("http://pds.exblog.jp/pds/1/200706/20/83/hana-ani02.gif");
background-repeat:no-repeat;
background-position:left center;
padding-left:20px;
margin-top:1em; /*上との記事の間に１行分の隙間を入れる*/
}
・赤字の部分はﾏｲｲﾒｰｼﾞｱｶｳﾝﾄにｲﾒｰｼﾞ登録してｲﾒｰｼﾞURLをｺﾋﾟｰして使います

・変更後はこうなります

div.TAGS {
margin:10px;
text-align:left! important;
}
.TAGS a{
padding-left:0.5em;
}
.TAGS{
background-image:url("ﾏｲｲﾒｰｼﾞｱｶｳﾝﾄにｲﾒｰｼﾞ登録したｲﾒｰｼﾞURL");
background-repeat:no-repeat;
background-position:left center;
padding-left:20px;
margin-top:1em; /*上との記事の間に１行分の隙間を入れる*/
}

★次にメニューにも初めについてる画像から気に入った小さなｲﾒｰｼﾞに変更してみました。

div.menu_title h3 {
background: transparent url("http://pds.exblog.jp/pds/1/200706/18/83/futaba.gif") no-repeat

赤字の部分を ﾏｲｲﾒｰｼﾞｱｶｳﾝﾄにｲﾒｰｼﾞ登録したｲﾒｰｼﾞURLに変更するだけです
★avaScritpを使用しないで、画像をズーム

アンカータグの中にimgタグで２つの画像を埋め込んであります。２つの画像にはsmallとzoomの２つの違ったクラスを指定してあり、通常はzoomの画像をdisplay:none;で非表示にし、マウスが乗った時に display:block;で表示するようにしてあります。
HTML部分説明用に改行とコメントを入れてあります。
HTML編集

<div class="popup">;
<a href="自分のブログのアドレス">

<!- 始めに表示しておく小さな画像 ->
<img src="イメージURLアドレス" height=高さ width=幅 class="small">

<!- マウスを乗せて大きく表示する画像 ->
<img src="イメージURLアドレス" height=高さ width=幅 class="zoom">

</a>
</div>

CSS編集

/*画像の拡大表示*/
.popup a:link img.zoom,
.popup a:visited img.zoom,
.popup a:active img.zoom,
.popup a:focus img.zoom{
display:none;
border-style:none;
}

.popup a:hover{background-color:transparent;}

.popup a:hover img.zoom{
border-style:none;
display:block;
}

.popup a:link img.small,
.popup a:visited img.small,
.popup a:active img.small,
.popup a:focus img.zoom{
border-style:none;
display:block;
}
.popup a:hover img.small{
border-style:none;
display:none;
}

今日の日付にﾎﾟｲﾝﾄ画像を追加

今回はカレンダーにワンポイントの追加するにしました。
あまり大きな画像は、入らないので小さな画像を素材屋さんから持って帰って
アップロードして使わせていただきました。
画像のURLを追加する場所はCSS編集の
div.CAL table td.CAL_TODAY｛～～～の中です｝
background-colorの指示がしてある場合は消してくださいね。

background-image:url(画像のURL);
background-position:center bottom;
background-repeat:no-repeat;

よくイベントの更新の時に日付間違って告知しちゃうんだけど、少しは間違えが少なくなるかもね♪


　　　　　　　　　　　　　　　　　　　・・・・・・・・違う話ですが・・・・・・・・
赤十字の募金の季節がやってきました。
寄付という名目ですが金額の指定があります
募金だから１円でも１０円でも１００円でもいいんじゃないかな？って思ったりもしますが
赤十字の年間の活動費を集める為にはそんなゆっくりした事ではどうも足りないらしい
世帯数×４００円ぐらいの金額で赤十字社から県にそれぞれ割り当てが来るらしいのだ
県はそれを各市町村にまた割り振りするって段取りらしい
だから任意の募金とはいえ結構強制力を伴った募金活動ともいえる
募金が困難な方の分は、町内会費みたいなもので補充され募金されるようになってるみたいだ、たぶん市町村が収める時にも足りない分は予備費みたいなものから補充されて
収められる事になってるんだって思う
ある集会でお隣に座られたご年配の方がこんな話をしてくださった。
『赤十字の寄付もしてますが、自分は子供の頃ユニセフのおかげで家では食事も満足に出来なかったのに、学校で出される給食のおかげで助けられたから、いまは銀行の自動振り落としでユニセフにも少しだが毎月寄付を送っているんですよ、恩返しですな～。』っと笑ってお話してくださいました
ふっと自分を振り返ってみると子供の頃から食べ物が食べれない時とかなかった、まして生きる為に誰かに助けられたという経験もない、でも報道なんかで本当に貧しい生きて行くのがやっとの方々の映像とか見るたびに私達が寄付したお金が有意義に使われて助かる人が一人でも増えたらいいなーって思います。

パネルの設置

これで、自動再生＆繰り返しのソースの出来上がりって感じでしょうか
<embed src="music.mid" autostart="true" hidden="false" loop="true" type="audio/midi">



embedの属性に height="40"と加えるとコンパクトになりますね
<embed src="music.mid" autostart="true" hidden="false" loop="true" type="audio/midi"height="40">



さらにembedの属性に width="70"と加えるともっと小さくなって邪魔にならないです
<embed src="music.mid" autostart="true" hidden="false" loop="true" type="audio/midi"height="40"width="70">


パネルなんていらない、開いたページだけに音楽を自動で再生させたい方には
<bgsound loop="2" src="music.mid" volume="-1500">


music.mid　にアップロードした音楽のURLを入れてくださいね～

＊注　エキサイトで設置するには最後のカッコくぐりを外さないと設置できません

カレンダー

アナさんの画像をお借りしてカレンダーの背景に付けてみました。

CSS編集の下の方にDIV.CAL_BODY {WIDTH: 150PX;TEXT-ALIGN: CENTER;}
があるので{}の中に
background-image:url(ｲﾒｰｼﾞ登録したURL);
background-repeat:no-repeat;
background-position:bottom;
追加します

追加するとこんな感じになります。

DIV.CAL_BODY {
　　　　　　　　　　　　WIDTH: 150PX;
　　　　　　　　　　　　TEXT-ALIGN: CENTER;
　　　　　　　　　　　　background-image:url(ｲﾒｰｼﾞ登録したURL);
　　　　　　　　　　　　background-repeat:no-repeat;
　　　　　　　　　　　　background-position:bottom;
　　　　　　　　　　　　}

コメント欄のスクロール

ん～、解んない(･ω･`)ｼｮﾎﾞｰﾝ
投稿されたコメント欄だけにスクロールバー付けたいけど思うようには行きませんね～
＜div class="com_area"＞＜/dl＞タグ使ってできるかな～って思ったけど
エキサイト特有のこのコメント表示のタグ＜$cmtjs$＞囲ってみたけど失敗ですね
コメント書くところが表に表示になってないから無理なのかな～
コメント部分全部がスクロールしちゃったよ～ヽ('A`)ノ

これじゃ意味無し！！

カレンダーの移動

両サイドにメニューバーがあるスキンのカレンダーを右から左に動かすには
HTTML編集の全体のタグに<$calendar type=1$>ってのがあるのでそれを切り取って移動すれば簡単に左に動かせます移動する場所は
＜div class=LEFT>＜$menuleft$＞＜/div＞のタグのとこです

移動後はこうなります
＜div class=LEFT＞＜$calendar type=1$＞＜$menuleft$＞＜/div＞

＜$menuleft$＞の左に入れたほうが見た目がいいですね。

ワンポイント画像の追加と変更

★tageの表示にﾎﾟｲﾝﾄ画像をつけてみたので紹介します。もとは本文下中央にあったのですがどうも中央のままﾎﾟｲﾝﾄｲﾒｰｼﾞを追加しようと試みたけど上手く行かなかったので他の方に教えてもらって左の端に表示を移動してﾎﾟｲﾝﾄの画像つけてみました。

div.TAGS{margin:10px;text-align:center;}

となってましたので、center　を　left! important　に変更して左端に移動

・tagsとスクローズの間には半角分の隙間を追加するための
　TAGS a{padding-left:0.5em;}　を追加

・画像の追加のコードは↓です
.TAGS{
background-image:url("http://pds.exblog.jp/pds/1/200706/20/83/hana-ani02.gif");
background-repeat:no-repeat;
background-position:left center;
padding-left:20px;
margin-top:1em; /*上との記事の間に１行分の隙間を入れる*/
}
・赤字の部分はﾏｲｲﾒｰｼﾞｱｶｳﾝﾄにｲﾒｰｼﾞ登録してｲﾒｰｼﾞURLをｺﾋﾟｰして使います

・変更後はこうなります

div.TAGS {
margin:10px;
text-align:left! important;
}
.TAGS a{
padding-left:0.5em;
}
.TAGS{
background-image:url("ﾏｲｲﾒｰｼﾞｱｶｳﾝﾄにｲﾒｰｼﾞ登録したｲﾒｰｼﾞURL");
background-repeat:no-repeat;
background-position:left center;
padding-left:20px;
margin-top:1em; /*上との記事の間に１行分の隙間を入れる*/
}

★次にメニューにも初めについてる画像から気に入った小さなｲﾒｰｼﾞに変更してみました。

div.menu_title h3 {
background: transparent url("http://pds.exblog.jp/pds/1/200706/18/83/futaba.gif") no-repeat

赤字の部分を ﾏｲｲﾒｰｼﾞｱｶｳﾝﾄにｲﾒｰｼﾞ登録したｲﾒｰｼﾞURLに変更するだけです
ｲﾒｰｼﾞは自分で作るのが一番いいですけど私にみたいに作れない人は素材の配布してるところから自分のPCに入れてから使うと簡単ですね～。

スクロールボックスの無駄な空白どうにかしたい！

★カテゴリとかコメントの一覧とかスクロール式にてすっきりしたけど、どうも様子が・・・
　タグのとこみたいに、スクロールの長さよりも表示項目が少ない場合は
　スクロールボックスが出ないで、無駄に空白が・・・・"(ﾉ_･､)"ｼｸｼｸ
　height=px を max-height=px　にしてみたりしましたけどダメみたいで・・・・
　何か他にいい方法は無いのかな～・・・・
とりあえず、実行した変更部分の紹介しますね。

HTML編集で<$mnbody$>のタグを<div class="mbody2"></div>で囲みます
<div class="mbody2"><$mnbody$></div>
　　
次にCSS編集に↓追加します
div.mbody2{
　　　　　　　　　width:200px; height:190px; overflow:auto; overflow-x:hidden;
　　　　　　　　　overflow-y:auto; text-align:left; padding:0px; margin:0px;
　　　　　　　　　}

★＜前のページ　次のページ＞
　の間に、トップに戻るを追加してみましたが、これは結構便利かもですよ～

＜前のページ　｜　トップ　|　次のページ＞

長いページだとトップに戻るの大変ですよね♪
何故にエキサイトには無いのか不思議です。

HTML編集で下のタグの間に<a href="#top" target="_self">トップ</a>を追加します　
<$prepage type=1$><$nextpage type=1$>

<$prepage type=1$>
<a href="#top" target="_self">トップ</a>
<$nextpage type=1$>

あとは仕切りを入れるだけですね仕切りは好きな記号入れるといいですね。
ぽっとさんのページにワンポイントで表示してあったので、そのうちやってみます～。

エキサイトブログで設置できるプルダウン

★エキサイトブログのメモ帳にプルダウンリンクを設置してみました。

メモ帳編集のメモ帳メニュー編集のところに貼り付けてね

<select onchange="location.href = this.options[selectedIndex].value" >
<option value="">＋リンク＋</option>
<option value="URL">サイト名</option>
<option value="URL">サイト名</option>
</select>

別窓で開けるといいけどエキサイトブログでは無理みたいですね～。

＋リンク＋
めいぽに乾杯


★ついでに以前の記事もプルダウンにしちゃいました。

<select onchange="location.href = this.options[selectedIndex].value">
<option>以前の記事 </option>
<option>2007年</option>
<option value="http://sakuralljp.exblog.jp/m2007-01-01/">01月</option>
<option value="http://sakuralljp.exblog.jp/m2007-02-01/">02月</option>
<option value="http://sakuralljp.exblog.jp/m2007-03-01/">03月</option>
</select>

http:～は自分のブログのURL入れてください。

以前の記事
2007年
01月
02月
03月



以前の記事の手打ちって結構大変なので色々見てたらタグ作ってくれる
サイトがあったので紹介しときます。
記事リンク生成プログラム・・excite「以前の記事」のリンクを生成

色見本

　★　＃d8edc6　★　#00AA24　★　#EAFFD3　　★　#ff99cc
　★　#cc99ff　　★　#ccffff　　　　★　#ffcccc　　　★　#ccffcc
　★　#37a3a3 ★　#ffccff　　　　★　#ffead7　　　★　#ff0000
　★　#00ff00　　★　#bcffaa　　　★　#0000ff　　　★　#ff8500
　★　#ffd1db　　★　#000000　　★　#00ccff　　　★　#ffff00

自分用に好きな色だけチョイスして作ってみました( ´艸｀)

タグ色々追加して縦にスクロール～。

★中央　　　　　　　　　　　<center></center>　　　
★文字の大きさと色指定<Font Size=""Color=""> </Font>
★左に動かす　<Marquee></Marquee>
★右へ動かす　<Marquee direction="right"></Marquee> 　
★往復で動かす<MarqueeBehavior="Alternate"></Marquee>
★文字列の移動幅　<Marquee ScrollAmount=""></Marquee>
　　　（数字の変更で動く早さを調節＊大きくするとｶｸｶｸ動くので注意）
★下から上に動かす<Marquee direction="up"></Marquee>
★上から下に動かす<Marquee direction="down"></Marquee>
★移動する早さ（1000分の１秒）　scrollderai=""
★回数指定　loop=""　
★縦幅指定　　height=""
★横幅指定　　width=""
★中央揃え　style="text-align:center"
････････････････････････････････････････････････････････････････････････・・・・・・・・・・・・・・・・

<center><Marquee direction="up"ScrollAmount="1"loop="0"scrollderai="200" height="80"width="350"style="text-align:center"><Font Size="4" Color="00AA24">
色んな指令の文字列が追加できます
スクロールの回数指定
移動の早さ、縦横の幅の設定
文字の色と文字の大きさ
</Font></Marquee></center>

　


色んな指令の文字列が追加できます
スクロールの回数指定
移動の早さ、幅、
文字の色　文字の大きさ

･･･････････････････････････････････････････････････････････････････････････・・・・・・・・・・・・・・・・

　text-align:left;に変更すると左揃えになります

色んな指令の文字列が追加できます
スクロールの回数指定
移動の早さ、幅、
文字の色　文字の大きさ

文字を囲んだ四角いボックス

スクロールバー付きのボックス
<p style="width:450px;height:100px;background-color:#ff9;overflow:scroll;">
</p>

overflow・・・・ボックスから文章がはみ出した場合の処理の方法を指定
scroll・・・・・・・ボックスにスクロールバーが表示されますが、文章がはみ出さない場合でも常にスクロールバーが表示されてしまいます。
･･･････････････････････････・・・・・・・・・・・・・・・････････････････････････・・・・・・・・・・・・・・・・・( ´艸｀)

･･･････････････････････････････････････････････････････････････････････････・・・・・・・・・・・・・・・
枠線無しで色付きのボックス
<p style="background-color:#d8edc6;width:490px;height:100px;"></P>

<p style="background-color:#d8edc6;width:490px;height:100px;">文字はここに書きます。色や枠の大きさは数字を変えて好みの大きさに変更</P>

････････････････････････････････････････････････････････････････････････・・・・・・・・・・・・・・・・
枠線を指定したボックス
<p style="border-style:double;width:300px;"></p>

<p style="border-style:groove;width:300px;"></p>

<p style="border-style:ridge;width:100px;"></p>

<p style="border-style:solid;width:400px;"></p>

<p style="border-style:inset;width:200px;"></p>

<p style="border-style:outset;width:200px;"></p>

<p style="border-style:dotted;width:200px;"></p>

<p style="border-style:dashed;width:200px;"></p>

エキサイトのコメント欄の変更

★コメント欄の行数を増やす
今日はエキサイトの狭すぎるコメント欄を増やしてみました。
ブログ初心者ですから当然、ネット検索でﾌﾟﾁｯとねｗ
色々見てるうちにmitsu-kenさんのブログで紹介記事が載ってたので早速自分でもやってみる事にしました～。
凄く簡単なので挑戦してみてくださいね。
下のコードをＣＳＳ編集の画面にコピーして張り付けるだけで変更可能です
1行が１cmみたいなので下の数字のとこを　10　にしてみました。

TEXTAREA.TXTFLD {height:10em;}

　　　　　　　　　　　　　　　　　　

････････････････････････････････････････････････････････････････････････・・・・・・・・・・・・・・・・
★コメント欄の装飾
これも結構簡単そうだったのでやってみる事に( ´艸｀)
CSS編集でコメント欄のTEXTAREA.TXTFLD {height:10em;} に 追加するだけです　　　　　　　
background-image:url("イメージをアップロードしたURL");
background-position:0% 100%;background-repeat:no-repeat;　　繰り返し無し
追加後

TEXTAREA.TXTFLD{
　　　　　　　　height:10em;background-image:url("http://pds.exblog.jp/pds/1/200706/14/83/b0063421_215547.jpg");
　　　　　　　　background-position:100% 100%;background-repeat:no-repeat;
　　　　　　　　}

ｼﾆｱﾈｯﾄとともにさんのブログをお手本にしております～

文字をスクロールさせてみよう♪

ある日のメイプルでの出来事・・・・『成功させてください』って、ｼﾞｪﾈ20を友が持ってきてくれたので即、貼ってみた・・・・・・"(ﾉ_･､)"ｼｸｼｸ　　　3回目の失敗　でも、、ありがと～
　


コピーして貼り付けて自分のブログも動かしてみてね♪
<Marquee></Marquee>
　文字を動かすタグです（文字列を追加することにより動き方が変わってきます）
　　　<Marquee>ある日の出来事</Marquee>
ある日の出来事

★右へ動かす　 DIRECTION="right" を追加　　　　
　　　<Marquee DIRECTION="right"></Marquee>
　　　<Marquee DIRECTION="right">ｼﾞｪﾈもらったー。</Marquee>
　　　ｼﾞｪﾈもらったー。

★往復で動かす　Behavior="Alternate"　を追加
　　　　<Marquee Behavior="Alternate"></Marquee>
　　　　<Marquee Behavior="Alternate">ｼﾞｪﾈ30失敗</Marquee>
　　　　ｼﾞｪﾈ30失敗
★文字列の移動幅　ScrollAmount="数字"　を追加
（数字の変更で動く早さを調節＊大きくするとｶｸｶｸ動くので注意）
　　　<Marquee ScrollAmount=""></Marquee>
　　　<Marquee ScrollAmount="1">みくちゃん</Marquee>
　　　みくちゃん
　　　<Marquee ScrollAmount="10">ﾏｽﾀﾘー</Marquee>
　　　ﾏｽﾀﾘｰ
　　　<Marquee ScrollAmount="20">ありがとー。</Marquee>
　　　ありがとー。

★下から上方向に動かす　direction="up"　を追加
　　　　<Marquee direction="up"></Marquee>
　　　　<Marquee direction="up">こんなことして</Marquee>
　　　　こんなことして
★上から下方向に動かす　direction="down"　を追加　
　　　　<Marquee direction="down"></Marquee>
　　　　<Marquee direction="down">遊んでます</Marquee>
　　　　 遊んでます
★<Marquee></Marquee>に色々追加できます　　　
<Marquee Behavior="Alternate" ScrollAmount="24"><Font Size="4" Color="turquoise">次は光るねキット！</Font></Marquee>
次は光るねキット！

　　　　　　　　　　　　　　　　　　　　　　　＊かわのページを参考にさせて頂いてます

スクロールバーの色を変えてみよう♪

スクロールの色って結構簡単に変更できるんですね～
スキン編集画面のCSSにタグを貼り付けるけで好きな色にできます。
赤い文字に色の名前(半角英数)ｏｒ色コード(#000000～#FFFFFF)を入れてください。

html {
scrollbar-3dlight-color : スクロールバーの左端と上端の色;
scrollbar-arrow-color : スクロールバーの矢印の色;
scrollbar-base-color : スクロールバーのベースの色;
scrollbar-darkshadow-color : スクロールバーの右端と下端の色;
scrollbar-highlight-color : スクロールバーのハイライトの色;
scrollbar-shadow-color : スクロールバーの影の色;
scrollbar-track-color : スクロールバーの通路の色;
}

識別しやすいようにred入れてみました。










ぽっとの陽だまり研究室のブログを参考にしました

エキサイトブログにBGMを流す方法

エキサイトでBGM

皆さんもご存知のようにエキサイトでは禁止されてるタグが沢山あります。

BGMを流すためにはメモに貼り付けるのが初心者には一番簡単な方法です。

blog-tunesでは無料で音楽を配信してくれるので興味のある方は
　　↑
一度遊びに行ってみてください。

BGMが流れるブログが嫌いな方もいますけど私は結構BGM流れたりしてるの
大好きです( ´艸｀)

プレイヤー埋め込んで音楽をダウンロードして設置できると一番いいのかもしれませが
どうもやり方が今一難しくて、コピーして貼り付けの簡単な方法に切り替えました。

　　＊音楽は流れるようになったけど、メニューのボタン右端が消えちゃうのよねー
　　　　これが問題かな・・・

ペンギン２