SSブログ
So-net blog ブログトップ

可変変化 [So-net blog]

【コマとコマの時間を変えた画像変化】


pkao.jpg

いい加減ネタが尽きてきた変化シリーズです。
タグは以下の通りです。
<script type="text/javascript" language="JavaScript">
<!--
var n=0;
ani =new Array()
ani[0] = new Image(); ani[0].src =
"/_images/blog/_563/warainosisya/pkao.jpg";
ani[1] = new Image(); ani[1].src =
"/_images/blog/_563/warainosisya/p1.jpg";
ani[2] = new Image(); ani[2].src =
"/_images/blog/_563/warainosisya/p5.jpg";
ani[3] = new Image(); ani[3].src =
"/_images/blog/_563/warainosisya/p10.jpg";
ani[4] = new Image(); ani[4].src =
"/_images/blog/_563/warainosisya/p50.jpg";
ani[5] = new Image(); ani[5].src =
"/_images/blog/_563/warainosisya/p100.jpg";
ani[6] = new Image(); ani[6].src =
"/_images/blog/_563/warainosisya/p500.jpg";
// -->
</script>
<img src="/_images/blog/_563/warainosisya/pkao.jpg"
width="45";height="37" name="para" alt="pkao.jpg"
onload="n++;if(n>6) n=0;
if(n==0){setTimeout('document.para.src = ani[0].src;',6400);
}else
if(n==1){setTimeout('document.para.src = ani[1].src;',100);
}else
if(n==2){setTimeout('document.para.src = ani[2].src;',200);
}else
if(n==3){setTimeout('document.para.src = ani[3].src;',400);
}else
if(n==4){setTimeout('document.para.src = ani[4].src;',800);
}else
if(n==5){setTimeout('document.para.src = ani[5].src;',1600);
}else
if(n==6){setTimeout('document.para.src = ani[6].src;',3200);
}">
です。

ani[0] = new Image(); ani[0].src =
"最初に表示するファイル";
ani[何コマ目か] = new Image(); ani[何コマ目か].src =
"何コマ目かのファイル";
としてあらかじめ読み込んでおきます。
setTimeoutで時間つぶしてから表示します。400とか800(単位ミリ秒)が待ち時間です。
番号0が最初に表示するファイル(顔)であり,
100ミリ秒待って番号1のファイル(1)
200ミリ秒待って番号2のファイル(5)
400ミリ秒待って番号3のファイル(10)
800ミリ秒待って番号4のファイル(50)
1600ミリ秒待って番号5のファイル(100)
3200ミリ秒待って番号6のファイル(500)
6400ミリ秒待って番号0のファイル(顔)
を表示するという繰り返しになっています。
ちょいと難しいですかね・・・
利用する人いないと思いますが,使う場合は
URL自動リンクはリンクしないにして,タグのキーワードは外してくださいね。
タグ:可変変化

スーパーファビコン [So-net blog]

【ファビコン<フェイバリットアイコン><お気に入りアイコン>の変更簡易バージョン】

完璧に変更するにはソフトの導入とicoファイルのアップロードが必要となるので,簡易バージョンです。
まず,元のアイコンを呼び出します。アドレスバー(ブラウザにあるurlを入力する欄)に
http://自分のブログのurl/_common/favicon.ico
と入力してください。
私のブログの場合
http://warainosisya.blog.so-net.ne.jp/_common/favicon.ico
です。
favi1.jpg
左上にちっちゃいアイコンが出てきましたね。これが標準のアイコンです。
右クリックで,名前を付けて画像を保存(V)します。
favi2.jpg
このアイコンを編集します。ペイント(では編集しにくいのですが仕方ないです)を起動して
このファイルを開きます。このままでは小さすぎて編集どころではないので拡大します。
favi3.jpg
表示(V)→拡大(Z)→拡大率の指定(U)で800%に拡大します。
favi4.jpg
マス目欲しいですね。表示(V)→拡大(Z)→グリッドを表示(G)で,OKです。
favi5.jpg
思う存分お絵描きしてください。私はできません・・・
出来上がったら名前を付けて保存します。icoファイルではアップできませんのでgif形式にします。
favi6.jpg
今回はfavi.gifという名前にしてみました。
このファイルをソネットにアップロードします。
favi.gif
アップしたら,タグを見ます。
<img src="/_images/blog/_563/warainosisya/favi.gif" width="16" height="16" border="0" align="" alt="favi.gif" />
/_images/blog/_563/warainosisya/favi.gif
コピーします。
次に管理画面からデザイン→HTML編集と進み,HTMLの追加をクリックします。
favi7.jpg
17行目辺りにある
<link rel="shortcut icon" href="<% site_info.blog_url %>/_common/favicon.ico" />
を探します。
/_common/favicon.ico
先ほどコピーしたものと置き換えて,適当にHTML名を決めて保存します。
favi8.jpg
favi9.jpg
このHTMLを適用させれば・・・
faviA.jpg
ワーイ♪
でも,かっこ悪いのですぐ戻しました・・・

かちかち山 [So-net blog]

IEで私のブログを開くとカチカチうるさいですね。
読み込みが多いからですね。すみません・・・

消す方法はあります。
OSによってちょっと異なりますが(XPで解説)
コントロールパネル
→サウンドとオーディオデバイス
→プロパティからサウンドのタブを選び
→プログラムイベントの
 エクスプローラ
  ナビゲーション開始
のサウンドがWindows XP Start.wav
になっているはずですが,これを(なし)にすると
静かになります。

昔はエラー音をウルトラクイズの罰ゲームの音楽にしてみたりして
いろいろ遊びましたが,今は壁紙同様すべて標準です。つまんないの~

左下に出るJavaScriptエラーはとある広告の影響ですが特に問題ないようです。
その他,トラベルじゃなかったトラブルについてわかる範囲で・・・
nice!押してnice!のアイコンが表示されないときは
(ほとんどの場合,カウントされていて問題ないはずですが)
nice!のボタンがあるならもう一度押してみると良いでしょう。
ボタン消えたときはコメント入力すれば現れることが多いですが,
更新しても出ないときは誰か他の人の力を借りるしかないようです。
(他の人の入力で一緒に現れる)
コメントのゲスト扱いですが,更新してもダメなときは
あきらめる(コラッ!),後回しにする,ブラウザ変えてみる,
私はどうしようもないときは携帯から入力しています。
重くて読み込みが遅いのは単にゴチャゴチャ貼りすぎだからです。 
(x_x) ☆\( ̄ ̄*)オイッ

自動変化 [So-net blog]

【setTimeout】

parapara

一定時間で画像を変化させます。
タグは
<script type="text/javascript" language="JavaScript">
<!--
var Img=0;
anime = new Array()
anime[1] = new Image(); anime[1].src =
"1枚目の画像ファイル名";
anime[2] = new Image(); anime[2].src =
"2枚目の画像ファイル名";
anime[3] = new Image(); anime[3].src =
"3枚目の画像ファイル名";
anime[4] = new Image(); anime[4].src =
"4枚目の画像ファイル名";
anime[5] = new Image(); anime[5].src =
"5枚目の画像ファイル名";
anime[6] = new Image(); anime[6].src =
"6枚目の画像ファイル名";
//-->
</script>
<img src="最初に表示する画像ファイル名 (今の場合6枚目のファイル名にしておけば上手く繰り返す事が出来ます)"
width="" height="高さ" name="名前" align="位置" border="枠線の幅"
alt="代替ファイル名"
onload="Img++;if(Img>変化させる画像の数)Img=1;
setTimeout('document.名前.src =
anime[Img].src;',画像変化させるまでの時間で単位はミリ秒)">
です。
注意点として,
URL自動リンクは●リンクしないに設定する事と タグに含まれるキーワードは外しておく事

あぶり出し [So-net blog]

有名な技ですが,あぶり出しをやってみましょう。

このブログは,地の色が白なので,
字の色を白にすると,闇夜のカラスではないですが
何も見えなくなります。
見えないだけで存在していますので
マウスでドラッグすると浮き出てきますよ。
あぶりだし
ねっ♪
<span style="color:#FFFFFF;">あぶりだし</span>
として,文字の色を白にしています。
もっとも,環境によっては丸見えですが^^;
あと,反転してくださいとか書いておかないと
そのまま気付かれない可能性が高いですよ。

ソネットってとっても素敵なISPですよね。
重いし不具合多いし,やたらメンテするし・・・
ソネットポイントというポイントを集めると素敵な景品と交換できるんですよ♪
最近は,そう簡単には集められなくなってるけどね~
楽しいゲームも盛りだくさん!
苦しい箱探しはもうたくさん!
So-net blogで日記を書けば,お小遣い稼ぎも出来ちゃうし,
月を経るごとに,小遣い減らされてますが・・・
nice!システムや,コメントし合うのも楽しいですね~
時々,透明になったりもするんですよ~ ひえ~
今日もブログ書こうかな♪
今日も地獄めぐりかな
タグ:あぶりだし

お手紙届いた [So-net blog]

【通知設定】

管理→設定→通知
から,ブログにnice!やコメントが付いたとき,
メールで通知してもらう事が出来ます。
私は,このように設定しています。
古い記事にコメントをくれたとき,見逃す事があるので。
otegami.jpg
アドレスの設定や変更もここから行けますよ。

出来れば,nice!キリ番チェックシステムが欲しいところです。
携帯を使わないと正確なnice!が把握できないのはなぜだろう・・・
タグ:通知設定
nice!(32)  コメント(26)  トラックバック(0) 
共通テーマ:blog

マーキー極細 [So-net blog]

【marqueeタグ】

<marquee>と</marquee>で挟まれた部分のテキストやイメージは,スクロールさせる事が出来ます。
このスクロールする領域を「マーキー」と呼びます。たとえば
<marquee>笑いの使者</marquee>
とすると
笑いの使者
と,こうなるわけですが,このタグには多数属性があって,さまざまなスクロールが可能となっています。
□主な属性 (検証はIEとFirefoxのみ)
behavior="" スクロールパターン
●scroll (指定なしのときはこれになる)  同一方向へのスクロールを繰り返す
●slide (IEのみ,他ではscrollになる)   スクロールした後,端で停止する
●alternate (IE以外でははみ出す)    スクロールエリアを行ったり来たりする
direction="" スクロール方向
●left (指定なしのときはこれになる)   右から左
●right                      左から右
●up (IEのみ)                下から上 
●down (IEのみ)              上から下
loop="" スクロール回数
●(指定なしのとき)              無限
●数字                      数字の回数
scrollamount="" 移動距離
●(指定なしのとき)              6ピクセル
●数字                      数字の分
scrolldelay="" 再描画時間
●(指定なしのとき)              85ミリ秒
●数字                      数字の分
60未満を指定したいときはIEの場合,後ろに truespeedをつける

なお,IEではmarqueeタグを入れ子にする事が可能なので複雑な動きも可能です。
phako.jpg

<marquee behavior="alternate" direction="down" scrollamount="2"
height="436" width="292">
<marquee behavior="alternate" scrollamount="4" width="292" >
<img src="/_images/blog/_563/warainosisya/phako.jpg"
onclick="this.src='/_images/blog/_563/warainosisya/hakoaki.jpg'"
alt="phako.jpg" >
</marquee></marquee>
とすると高さ436ピクセル,幅292ピクセルのマーキーで左に4ピクセル進みつつ,
下に2ピクセル進む事になります。alternateとしたので往復します。

改名して出直すか [So-net blog]

【ニックネーム変更】

簡単そうなのですが,罠が潜んでいます。さすがはソネトロン・・・
現在のニックネームは「笑いの使者プラス」ですが,プラスは省こうかな・・・
(説明のため,一時的にプラスを付けていました)
kaimei1.JPG
→プロフィールの設定からニックネーム変更を選びます。
kaimei2.JPG
変更したいニックネームを入力してっと
kaimei3.JPG
簡単簡単♪ なになに一度ログアウトしてログインし直せと,そうですか。
kaimei4.JPG
ログアウトしてログインし直してみます。
トップは変わるのですが
kaimei5.JPG
ブログは変わらんぞ~ うが~(ノ`Д´)ノ彡┻━┻
kaimei6.JPG
どうすればいいの~ 教えて~,おじいさん♪
それはな,ブログのトップから
kaimei7.JPG
ログアウトしてログインするんじゃ
kaimei8.JPG
すると,アラ不思議
kaimei9.JPG
ハイジ感激!

似非スロット [So-net blog]



pkao.jpgpkao.jpgpkao.jpg

So-netブログでJavaScript使うには
URL自動リンクをリンクしない
に設定する事(ということはシンプルエディタでないとダメです)

それだけの事に気付くのにどれだけの時間を無駄にした事か・・・

七変化 [So-net blog]

【クリックで画像変化】


pkao.jpg

これは

<script Language="JavaScript">
<!--
var n=0;
// -->
</script>
<img
src="/_images/blog/_563/warainosisya/pkao.jpg" width="45"
 height="37"
border="0" alt="pkao.jpg"
 onclick="n++;if(n>6)
n=0;
if(n==0){this.src='/_images/blog/_563/warainosisya/pkao.jpg';
}else
if(n==1){this.src='/_images/blog/_563/warainosisya/p1.jpg';
}else
if(n==2){this.src='/_images/blog/_563/warainosisya/p5.jpg';
}else
if(n==3){this.src='/_images/blog/_563/warainosisya/p10.jpg';
}else
if(n==4){this.src='/_images/blog/_563/warainosisya/p50.jpg';
}else
if(n==5){this.src='/_images/blog/_563/warainosisya/p100.jpg';
}else
if(n==6){this.src='/_images/blog/_563/warainosisya/p500.jpg'
;}">

というタグで実現しています。ブログでJavaScript使うのは困難だ・・・
使い方ですが

<script Language="JavaScript">
<!--
var n=0;
// -->
</script>
<img
src="最初に表示するファイル" width=""
 height="高さ"
border="0" alt="代替ファイル名"
 onclick="n++;if(n>変化させるファイル数)
n=0;
if(n==0){this.src='最初のファイル';
}else
if(n==1){this.src='変化その1';
}else
if(n==2){this.src='変化その2';
}else
if(n==3){this.src='変化その3';
}else
if(n==4){this.src='変化その4';
}else
if(n==5){this.src='変化その5';
}else
if(n==6){this.src='変化その6'
;}">

とまあ,こんな感じです。同様に八変化,九変化もできるはずです。
これは,時間かかりました。また,朝だ・・・
タグ:七変化

パラパラしてみますか [So-net blog]

フリーソフトでGIFアニメ作成【Ani4gif編】
とりあえずパラパラアニメを作ってみる事にしましょう。
まず,フリーソフトのAni4gifをダウンロードしてインストールします。自己解凍形式なので,問題ないとは思いますが・・・
起動する前にネタとなる絵を用意しないと・・・
ネタとなる絵を
Ani4gif1.JPG
GIF形式で保存します。
Ani4gif2.JPG
GIFでは256色しか使えないので
Ani4gif3.JPG
と言われたりしますが,仕方ないです。
netaフォルダに6枚のGIFファイルを用意しました。
Ani4gif4.JPG
それでは,Ani4gifを起動しましょう!
Ani4gif5.JPG
用意したファイルを含むフォルダを開いてっと
Ani4gif6.JPG
ファイルをクリックすると中身を確認できます。
Ani4gif7.JPG
ダブルクリックしてコマとなる絵を並べていきます。
間違えたときはダブルクリックで取り消せます。
Ani4gif8.JPG
並べ終わったらコマとコマの時間を決めましょう!
左上にある50と言う数字が次のコマに移るまでの時間(0.01秒単位)です。
Ani4gif9.JPG
右下にDelay Timeとありますが直接変更できるようです。
Ani4gifa.JPG
よく分かるようにかなり極端な数字にしました。
Ani4gifb.JPG
左上の目(View)でどうアニメーションしているかをチェックできますよ。
上手く出来たら保存しましょう。
Ani4gifc.JPG
出来たファイルをAni4gifでクリックするとアニメーションします。ヒデキ感激!
Ani4gifd.JPG
今回作成したアニメーションはこれです。
dekita.gif
チャレンジしてみますか?

五変化 [So-net blog]

【画像変化応用編】

pkao.jpg

これは
<img src="/_images/blog/_563/warainosisya/pkao.jpg"
width="45"
 height="37" border="0"
alt="pkao.jpg"
 onclick="this.src='/_images/blog/_563/warainosisya/p1.jpg'";
 ondblclick="this.src='/_images/blog/_563/warainosisya/p5.jpg'";
 onmouseover="this.src='/_images/blog/_563/warainosisya/p10.jpg'";
 onmouseout="this.src='/_images/blog/_563/warainosisya/p50.jpg'";
>
というタグで実現しています。
onclickはシングルクリック,ondblclickはダブルクリック,
onmouseoverはオンマウスオーバー,onmouseoutはオンマウスアウトです。

<img src="元画像"
width=""
 height="高さ" border="0"
alt="代替ファイル名"
 onclick="this.src='シングルクリック'";
 ondblclick="this.src='ダブルクリック'";
 onmouseover="this.src='オンマウスオーバー'";
 onmouseout="this.src='オンマウスアウト'";
>

タグをコピーして,ファイルを置き換えてください。
もちろん全部使う必要はありません・・・
最初はクリックで七変化を用意したのですが,
いくら頑張ってもブログの記事では変化してくれなかった・・・
なぜだ???
タグ:五変化

過去をやり直す [So-net blog]

予約投稿が出来て過去投稿は出来ないのですか,とのことですが,もちろん出来ますし,予約投稿より簡単です。

まず,記事を書きます。テストなので簡単に・・・
kakote1.jpg

設定ですが
kakote2.jpg
記事URLは何でもいいです。通常,2008年11月6日だと2008-11-06 2008-11-06-1 2008-11-06-2 ・・・
となります。2008-11-06と2008-11-06-1は使っているので2008-11-06-2としました。(ダブらなければ何でもいいのですよ)
大事なのは日付です。
この日時に記事が挿入される事になります。
2008-11-06 11:16:30 としてみました。後は保存してっと

kakote3.jpg
kakote4.jpg
めでたし,めでたし。

別な日にしようかなってときも,同じですよ。
kakote5.jpg
今のテスト記事,やっぱり11月5日が良かったなあ(いつだっていいだろ!)ってときは
日付をこんな感じに変えて,と,ついでに記事URLも変えておくか。

kakote6.jpg
kakote7.jpg

日付だけ気をつけて,普通に投稿するだけですよ。
タグ:過去投稿

近道 [So-net blog]

【ショートカットキー】

ブラウザやアプリケーションにもよるのですが,私が良く使う
一般的なものをご紹介(表記はFirefox) 語呂合わせ付き

新しいウインドウ       Ctrl + N  New
ファイルを開く         Ctrl + O  Open
閉じる             Ctrl + W  Window閉じる
名前を付けてページを保存 Ctrl + S  Save
元に戻す            Ctrl + Z  Zero もしくはZen(前)
切り取り            Ctrl + X  はさみでチョキチョキ
コピー              Ctrl + C  Copy
貼り付け            Ctrl + V  ヴェタッと貼る
すべて選択            Ctrl + A  All
このページを検索       Ctrl + F  Find

ヘルプを表示する                           F1
ファイルまたはフォルダを検索する。              F3
作業中のウィンドウを最新の情報に更新する。          F5
作業中のプログラムのメニュー バーをアクティブにする。   F10
ブラウザウィンドウの全画面表示と通常表示を切り替える。 F11

(F)とか(E)とかあるのはAltキーを押しながらFなりEなりを押せば
メニューバーに飛びます。そこにショートカットキーも記述されていますよ。

画面コピーしてみますか [So-net blog]

【スクリーンショット】
ご存知の方も多いかとは思いますが,ディスプレイに表示されている画面のコピー方法です。
使用するキーは「Alt」キーと「Print Screen(prt scなどと省略されていることもあります)」キーです。
ノートパソコンなどではFnキーが必要になる事もあります。ここでは,一般的なデスクトップパソコンでWindowsを
使用しているものとします。

ここら辺にあるはずです。
key1.jpg

まず,「Print Screen」キーのみを押すと画面すべてをコピーします。
copy1.JPG

「Alt」キーを押しながら「Print Screen」キーを押すとアクティブなウィンドウのみコピーします。
copy2.JPG

何も起こらないよって思うかもしれませんが,クリップボードという場所にコピーされています。
取り出してみましょう。プログラムからアクセサリ→ペイントを起動します。
copy3.JPG

左上にある編集(E)から貼り付け(P)をクリックすると
copy4.JPG
出てきましたね♪


必要な部分を切り出しましょう。左上の点線をクリックして必要な部分をマウスで囲います。
copy5.JPG

右クリックでコピー(C)を選び,
copy6.JPG
改めてファイル(F)から新規(N)を選び,編集(E)から貼り付け(P)します。

それでは,保存しましょう。ファイル(F)から名前を付けて保存(A)を選びます。
copy7.JPG

ファイルの種類はJPEGがオススメです。
copy8.JPG

ブログが出来る方なら,すぐ理解出来ると思います。

三変化 [So-net blog]

【ロールオーバー<オンマウスオーバー>】
前回の記事に多数お問い合わせがあったので,簡単に実現出来るように説明します。
用意する画像ファイルは2つ(もしくは3つ)です。

元ファイル/_images/blog/_563/warainosisya/p1.jpgp1.jpg
変化ファイル/_images/blog/_563/warainosisya/p5.jpg p5.jpg
とします。

<img src="元ファイル" onmouseover="this.src='変化ファイル';" onmouseout="this.src='元ファイル';">

↑このタグをコピーしてそれぞれ置き換えればOKです。

今の場合
<img src="/_images/blog/_563/warainosisya/p1.jpg"
onmouseover="this.src='/_images/blog/_563/warainosisya/p5.jpg';"
onmouseout="this.src='/_images/blog/_563/warainosisya/p1.jpg';">
となり,

と表示されるはずです。(もちろん色は説明の都合であり,付ける必要はありません)

<img src="元ファイル" onmouseover="this.src='変化ファイル';" onmouseout="this.src='新ファイル';">
として
<img src="/_images/blog/_563/warainosisya/p1.jpg"
onmouseover="this.src='/_images/blog/_563/warainosisya/p5.jpg';"
onmouseout="this.src='/_images/blog/_563/warainosisya/p10.jpg';">
とすると,

と表示され,三変化も可能です。(使い道があるかどうかは知りませんが・・・)

サイズ変更の例は
<img src="/_images/blog/_563/warainosisya/p1.jpg" width="90" height="74" onmouseover="this.src='/_images/blog/_563/warainosisya/p5.jpg';"
onmouseout="this.src='/_images/blog/_563/warainosisya/p10.jpg';">
で,

と表示されます。

今月もご紹介 [So-net blog]

今月も前回好評?だった面白検索ワードをご紹介します。
ネタに困ったときにもってこいですね。
やり方は以前紹介しましたが,管理ページから
アクセス解析→検索ワードとしてから
アドレスバー<urlを入力する欄>を書き換えて
期間を変えます。例えば
https://blog.so-net.ne.jp/MyPage/... ...&start=2008-10-14&end=2008-10-14
のstart=2008-10-14を2008-09-01に,end=2008-10-14を2008-09-30に
書き換えると9月の1ヶ月間についてブログにやってくるために
検索されたワード一覧が集計されることになります。
で,9月の結果です。

 1 六曜  8 
 2  六曜をやけに 8 
 3 貧乏予備校 6
 4  2008 5
 5  柱立 3
 6  水森亜土 3 
 7  十二直 3 
 8  不成就日 3 
 9  Tシャツ 3 
10  和分の積 2 
11 2008年09月14日 2 
12  ビンゴ 2 
13  今日の六曜 2 
14  天赦の日 2 
15  災い 2 


とまあ,2票以上はいつものようにまあ普通です。
面白少数意見を紹介しましょう。

16位 sonet
ハイフン省略しちゃいましたか
17位 自衛隊ネタ
ないない!
18位 求人
バイト探そうか
20位 ZWEI2
面白いですか
21位 水兵リーベ、僕の船
七曲りシップスクラークか,絶対暗記!
22位 天晴くんを救う会
目標額達成できて良かったですね。
23位 ヒント
何の?
24位 コンテスト
だから何の?
25位 貧乏予備校講師
ソンナコンテストデタクアリマセン
26位 2008年8月29日
もう遅いと思うが,大安じゃ
28位 相似
相似条件は覚えたかい?
29位 輻輳
読めますか?
30位 短調
マイナーですね
31位 消化酵素の覚え方
アニマル浜口,ペプシ取りペプシだぜ,立派だぜ
32位 2008年9月27日
いい日です,大安です。
33位 今日
今日で何を求めたいのですか?
34位 2008/09/14
残念,仏滅です。
35位 hentai;anime
ムフフッ,キャッ!
36位 楽天
楽天家ですが,何か。
38位 シャープのシ
シのシャープはドです。
39位 どうなる
さ~ ┐(´~`;)┌
40位 長調
メジャーですね
41位 気体反応の法則
ゲーリュサックです。
42位 サザンコンサート
盛り上がったようですね。
43位 おはようスパンクぬいぐるみ
持ってません・・・
44位 語呂合わせ
俺に任せろ!
45位 教育心理
いろいろあるよ~語呂合わせ
46位 特急まりも
ついに廃止,残念です。
47位 2008年
広すぎっ!
48位 HTML
質問がありましたらどうぞ
49位 車輌登録日
平成9年4月 何日だったかな
50位 8月23日
やった~大安。すでに過去だと思うけど
51位 アムールスパ
しんりゅうさんに聞いてください
52位 六曜は
六種類です。
53位 笑いの使者
(^O^)/ ハーイ!
54位 イガーマスク
タはどうしたタは!
55位 so-net
最近重いです
56位 2008年9月21日の六曜
しっかり入力していただいて・・・ おお,大安!
57位 フリーズ
それはイヤだわ
60位 笑い
モットーとしております。
61位 横断
ビンゴですか?ウルトラクイズではないですよね。

ジャスト100件でした。いまいちパンチが足りないな~
ヒットはイガーマスクくらいですか。
タグ:検索ワード
nice!(28)  コメント(26)  トラックバック(0) 
共通テーマ:blog

二変化 [So-net blog]

【オンマウスオーバー<ロールオーバー>】
マウスが載ったときに画像を変化させる方法です。もちろん外れたときに元に戻さないとアウトですよ。これはオンマウスアウトと言います。
まず,普通に画像を貼り付けたときのタグを見てみます。
クリックで貼り付けると,
pkao.jpg は
<img src="/_images/blog/_563/warainosisya/pkao.jpg" width="45" height="37" border="0" align="" alt="pkao.jpg" />
こんな感じになっていると思います。
まず,この画像に名前を付けてやります。安直ですがgazouとでもしてみます。
<img src="/_images/blog/_563/warainosisya/pkao.jpg"
width="45" height="37" border="0" align=""
alt="pkao.jpg" name="gazou" />
そこで,オンマウスオーバーの出番です。
onmouseover="document.名前.src='画像ファイル名';"
の形で先ほど名前を付けた画像をこの画像ファイル名に置き換えることが出来ます。
外れたときに戻すのはオンマウスアウトで
onmouseout="document.名前.src='画像ファイル名';"
の形で名前を付けた画像をこの画像ファイル(普通は元のファイルにするでしょう)に置き換えることが出来ます。
まとめると
<img  alt="代替テキスト" src="元ファイル" width="幅" height="高さ" border="枠の太さ" align="配置"
name="名前" onmouseover="document.名前.src='新ファイル'" onmouseout="document.名前.src= '元ファイル'">
と言う感じです。それでは使い方の例として
<img  alt="pkao.jpg" src="/_images/blog/_563/warainosisya/pkao.jpg" width="45"
height="37" border="0" align=""
name="gazou" onmouseover="document.gazou.src=
'/_images/blog/_563/warainosisya/JACK.jpg';"
onmouseout="document.gazou.src=
'/_images/blog/_563/warainosisya/pkao.jpg';">
とすると
pkao.jpg
と,まあこんな感じです。分かりましたでしょうか。;は無くても良いですが入れないと見えずらいです。
もっと,簡単にするには
<img src="元ファイル" onmouseover="this.src='新ファイル';" onmouseout="this.src='元ファイル';">
とすればいいです。thisというのは自分を表しています。
えっ?先に言えって・・・

迷惑なんだよ [So-net blog]

【トラックバックスパムの対処】

最近,変なとこからトラックバックが送られる事が多くなりました。
ブログが認知されているという事は嬉しいのですが,迷惑ですね。
私は,たいした数ではないので,見つけ次第削除しています。
最初から受け付けないようにしても良いのですが,
好意的に送ってくる方もごくまれにいますので承認後表示が
オススメです。

まず,これから書く記事すべてに適用する基本設定は設定→基本設定の
tora1.jpg
■nice!、コメント、トラックバックの設定
で,トラックバックの設定を
tora1.jpg
●受付/承認後表示
にすれば良いです。
ちなみに
○受付/表示 は受け付けてすぐ表示します。
○受付しない/表示しない は表示そのものがなくなりますのでもちろん受け付けません。
○受付しない/表示する は表示されますが新しく受け付けない(締め切った)という事です。

すでに投稿した記事の変更ですが,1つの記事であれば記事の編集画面で
tora1.jpg
同様に変更すればいいのですが,記事が多いと大変ですね。
そこで,記事管理→記事一覧から変更したい記事を表示して(最大50件)
すべてのチェックボックスを選択/解除をクリックして記事すべてにチェックを入れます。
tora1.jpg
その後,選択した記事のステータス▼を
トラックバック設定
 受付/承認後表示
に変更すればよいです。

コメント同様に ○So-net blogユーザーからのトラックバックのみ受け付ける というのがあればいいのにな~
nice!(28)  コメント(20)  トラックバック(1) 
共通テーマ:blog

ご予約はお早めに [So-net blog]

【予約投稿してみませんか】

予約投稿して遊びに行く,ゆっくり眠る,ゲームする,ご飯を食べる・・・
便利ですね~

記事を作成して,日付や時間を未来に設定すればいいのかなあ
yoyaku1.jpg
って,それだけでは
yoyaku2.jpg
と,怒られてしまいます。なので,
有効期限・予約投稿のところを未来に設定して何日の何時から公開
というように設定します。
予約投稿の場合にも日時を未来にする事は出来ません。

yoyaku3.jpg
これは,ちょうどぴったりなのでOKです。

yoyaku4.jpg
これは,未来になってしまうのでNGです。

yoyaku5.jpg
これは,記事の日時が,公開しようとしている日時より前なのでOKです。

yoyaku6.jpg
公開設定は ●公開する でも ●下書きに保存する でもどちらでも良いです。
どちらに設定しても ●下書きに保存する になります。

それでは,おやすみなさい。
タグ:予約投稿
nice!(32)  コメント(18)  トラックバック(0) 
共通テーマ:blog

クリックで拡大 [So-net blog]

【大きな画像を縮小して貼り付けてクリックで拡大する方法】

まず,普通に画像を貼り付けるときの例ですが
<img src="/_images/blog/_563/warainosisya/panda.jpg" width="362" height="318" border="0" align="" alt="panda.jpg" /> で
panda.jpg
と表示されます。意味は
src="ファイル名
width="(ピクセル数または%,ただし%はブラウザにより意図されない表示になる事あり)"
height="高さ(ピクセル数または%,ただし%はブラウザにより意図されない表示になる事あり)"
border=”枠線の太さ(ピクセル数)(0にすると表示されない)"
align="画像の位置(topで上,middleで中央,bottomで下,leftで画像を左に配置しテキストを右側に回り込ませる,rightで画像を右側に配置しテキストを左側に回りこませる。省略するとbottomが適用される)"
alt="表示できないときの代替テキスト"
です。たとえば,
<img src="/_images/blog/_563/warainosisya/panda.jpg" width="181" height="159" border="0" align="left" alt="panda.jpg" />
panda.jpgとすると,幅も高さも半分になり,テキストが右側に回り込むわけです。
さて,この画像にリンクを設定しましょう。






<a href="/_images/blog/_563/warainosisya/panda.jpg" target="_blank">
<img src="/_images/blog/_563/warainosisya/panda.jpg"  width="181" height="159" border="0" align="left" alt="panda.jpg" /></a>
とすると,画像にリンクが設定され,クリックすると新しいウィンドウで元の大きさの画像が表示されます。
target="_blank"が新しくウィンドウ<タブ>を開くという意味です。
panda.jpgクリックすると新しいウィンドウで拡大表示しますよ♪

といった感じです。 





【おまけ】
カスタムペイン使用するとき,枠いらないんだよなあというとき,コンテンツHTML編集で
<div class="sidebar">
<h3 class="sidebar-title"><% content.title | html %></h3><% content.header -%>
<div class="sidebar-body custom-body">
<% content.free.text | nl2br_filter %>
</div>
<% content.footer-%>
<div class="sidebar-end"></div>
</div> を

<div class="sidebar">
<% content.free.text | nl2br_filter %>
</div> とすれば枠がなくなります。真ん中にそろえたいときは

<div class="sidebar" style="text-align:center">
<% content.free.text | nl2br_filter %>
</div>
とすれば良いでしょう。

どこから来たの [So-net blog]

しんりゅうさんが面白検索ワードを紹介していましたので私も真似してみました。
管理ページから
アクセス解析→検索ワードとするとどの言葉を検索して自分のブログにやってきたかがわかります。
このとき,アドレスバー<urlを入力する欄>を書き換えると
期間を変えることが出来ます。例えば
https://blog.so-net.ne.jp/MyPage/... ...&start=2008-09-15&end=2008-09-15
のstart=2008-09-15を2008-08-01に,end=2008-09-15を2008-08-31に
書き換えると8月の1ヶ月間について検索されたワード一覧が集計されることになります。
で,8月の結果ですが

 1位 六曜をやけに  18.3%  24 
 2位 六曜   9.2% 12 
 3位  大安   3.1%   4
 4位  三隣亡   2.3%   3  
 5位  十方ぐれ入り   2.3%   3 
 6位  予備校講師   2.3%   3 
 7位  仏滅   1.5%   2 
 8位  二十八宿    1.5%  2 
 9位 貧乏予備校講師   1.5%   2 
10位  2008   1.5%   2 
11位  スタンプ   1.5%   2 
12位  講師   1.5%   2 
13位  不成就日   1.5%   2 
14位  天一天上   1.5%   2 
15位  天赦日   1.5%   2 
16位  移動   1.5%   2 


2票?以上はまあ,普通です。面白いのは少数意見です
(クイズ100人に聞きましたみたいですね,ご存知ですか?)

18位 貧乏予備校 0.8% 1
予備校が貧乏じゃやばいでしょ・・・
19位 火成岩の画像 0.8% 1
載せた覚えないです・・・
20位 8月17 0.8% 1
中途半端だ・・・
30位 8月11日 0.8% 1
何の日でしたっけ・・・
31位 2008年 0.8% 1
ずいぶんアバウトですね・・・
32位 http://warainosisya.blog.so-net.ne.jp/ 0.8% 1
検索しなくても,そのままアドレスバーに入力していただければOKですよ・・・
37位 当て方 0.8% 1
聞きたいのは私のほうです・・・
40位 コスモス 0.8% 1
すみませんねぇ,cosを見てがっかりした事でしょう・・・
42位 8月7日の六曜 0.8% 1
おお,コアなファンですなあ。
45位 やけに気にする貧乏 0.8% 1
そうきましたか・・・orz
46位 仏事 0.8% 1
ちょっとわかりかねます・・・
48位 2008 0.8% 1
何を求めていたのでしょうか・・・
51位 酒田カスタムエージェント 0.8% 1
はいっ???yamagatnさん~ご存知ですか~?
52位 2008年10月18日 0.8% 1
ずいぶん未来ですね。ちなみに仏滅です・・・
53位 8月11日 0.8% 1
30位にもありましたが・・・
54位 2008年11月1日 0.8% 1
また,未来ですか。この日は先勝です。
55位 ガラガラ福引 0.8% 1
so-net歴やたら長いですが1度も当たった事ないです・・・
56位 貧乏 0.8% 1
57位 ビンゴ 0.8% 1
はい,ビンゴ!
65位 エリザベート2008 0.8% 1
エリザベート2008さん,お呼びですよ・・・
66位 占い 0.8% 1
占いは出来ません・・・
68位 ソネット 0.8% 1
ソネットといってもいろいろありますがどうしてここへ・・・
76位 so-net 0.8% 1
あなたもですか・・・
78位 1ヶ月流産 0.8% 1
何も出来ませんがお祈り  (_ 人_)

合計131でした。皆さんもいかがですか?
タグ:検索ワード
nice!(28)  コメント(26)  トラックバック(1) 
共通テーマ:日記・雑感

外し方 [So-net blog]

広告の外し方

【記事下広告とキーワード広告とRSSフィード広告の外し方】
管理ページから
[設定](一番右)クリック→[広告](左から2番目)クリック
□広告設定
 記事下広告の表示設定    ●表示しない
 下のほうに
 キーワード広告の表示設定  ●表示しない
 RSSフィード広告の表示設定 ●表示しない
 [設定を保存する]クリックでOK

【ボックス広告の外し方】
管理ページから
[デザイン](左から4番目)クリック→[レイアウト](左から3番目)クリック
□コンテンツ配置
 [ボックス広告]右上の×をクリック(またはゴミ箱へドラッグ&ドロップ)
 [設定を保存する]クリックでOK

【ブログクルーザー広告の外し方】
自分のプロフィールのページから[設定](右上)のドロップダウンリストからプロフィール編集をクリック
(またはMy So-netの左上の□会員向け情報のマイプロフィール登録・編集をクリック)
□広告設定(左下)
 ●非表示
 [確認]クリックでOK

【おまけ】
クリックするとき,新しいタブで開きたいときはホイールクリックできるマウスならばホイールをクリックすると上手くいくことが多いです。(ホイール無いときはShiftを押しながらクリックすれば新しいwindowで開きます)
タグ:外し方 広告
nice!(23)  コメント(22)  トラックバック(0) 
共通テーマ:blog
So-net blog ブログトップ

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。