斎七(さいしち)の描いた受験がテーマのウェブ漫画をおいてます~。共有テンプレート・共有プラグインも製作しています。共有テンプレート・共有プラグインのページにて作者名「rainbow」と検索してください。
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

IEのインターネットオプションで、全般>ユーザー補助>Webページで指定されたフォントサイズを使用しないをチェックすると、ブラウザでの文字のサイズ変更が可能になります。割とみんな知っているかも。



僕はもともと前からこのように設定していました。文字の大きさが変更できないと不便ですからね。


ところで、新都社のRSSが表示できない気がします。困っていたところ、iframeで表示できる更新情報ページが登場しました。

第三開発室 自サイト強化計画!


すごいナイスタイミングwwおやゆび主任グッジョブ!
というわけで左カラムの新都社RSSのところに設置してみました。


文字デカッ(゚ロ゚;
スタイルシートをいくら設定しなおしても文字の大きさが変わりません。おかしいな~と思いながらネット上の参考になりそうなものを検索していました。そしたらこの記事の冒頭に挙げた「指定されたフォントサイズを使用しない」が原因だったことがわかりました。

タグ h1 は見出しに使います。フォントサイズを指定しないとバカでかい文字になります。そこで先ほどの「指定されたフォントサイズを使用しない」にしていたため、いくらスタイルシートで小さくしようとしても変更できない、といった落とし穴にはまっていたのでした。てへへ。

あらためて、IEの設定をしなおして表示させました。


バッチリです。

でも見出しではない、他の文字のサイズが変更できないのでやっり僕は「指定されたフォントサイズを使用しない」にします。見出しがデカく見えるのは僕だけなので別にいいかな、と。


文字サイズで思い出したのが、共有テンプレート。文字サイズを「12px」などで指定しています。僕は文字サイズを変えられるので別に気にしていませんでしたが、このように数値でサイズ指定すると通常は文字の大きさは変更できません。これはまずいですね。

昔からよく言われているのが、文字サイズはパーセントで指定するか、あるいはむしろ何も指定しないほうがいいという話です。いや~すっかり忘れていました><;さっそく手直ししたいと思います。


追記を閉じる▲
スポンサーサイト

【2006/05/31 11:09】 | 未分類
トラックバック(0) |

それっ、知らなかった。
つなさらだ
です。
ありがとう。
私も設定変えてしまおうかなぁ。


斎七
>>つなさらださん
僕は視力が低いので、特に夜とかは小さい文字だとつらいんですよ~。
でもつなさらださんが困っていないなら、そのままが良いと思いますよ!

コメントを閉じる▲
先日、ヘッドセット型のマイクを買いました。どうせだから、髪型がくずれないらしいネック型にしようと思って選んだのがこちら。
SANWA SUPPLY MM-HS305NC マルチメディアヘッドセット(ネックバンド式)SANWA SUPPLY MM-HS305NC マルチメディアヘッドセット(ネックバンド式)

by G-Tools


使いづらいですwww
耳にかけるので眼鏡をかけていると非常に使いづらく、また長時間となると耳のうえが痛くなります。素直に普通のヘッドセット型かスタンド型を買えばよかったww

でもマイクの感度は-46dBと結構良いです。(数値が高いと音が拾いやすいらしいです。マイナスがついているので0に近いほうが感度がいいみたい。)他のヘッドセットの数値はだいたい-58dB~-54dBあたりでした。

せっかく買ったので机の上において使いたいと思いますwwヘッドセットなのにwww


僕はねとらじのやりかたをあたまにきたどっとこむで学びました。1から丁寧に解説していたんですが、今サイトにいくとコンテンツが削除されています。以下引用。

予想以上のスゲェプレッシャーだ・・・

逃げるしかないと判断しました!

命だけは守らないとね。

ビクビクと震えながら寝れない夜を過ごします(((( ;゚д゚)))


何があったんでしょうか(゚ロ゚;


追記を閉じる▲

【2006/05/30 21:02】 | 未分類
トラックバック(0) |
FC2ブログ全体が、アドセンスの広告配信停止らしいです。

FC2ブログ ユーザーフォーラム :: トピックを表示 - Google Adsense が表示されない



テンプレートをいじっていたら、いつの間にかアドセンスの広告が表示されなくなっていました。
いろいろ検索してみたら、google adsense preview tool(プレビューツール)でe:-2146697208という値が帰ってきたらドメイン全体が広告配信停止になっているとのこと。なるほど僕のブログでも、全てのページで表示されていません。

もうだめだ~と思いかけたところ、2chのWeb収入板でFC2の話題が多くあがっていました。冒頭であげたように、FC2ブログ全体が広告配信停止なので、すべてのユーザーも停止。僕が悪かったわけじゃないと知って一安心www

しかしながらドメイン単位で停止を食らい、それから復帰した例がないとのこと。このさきFC2ではアドセンスが使えないのかもしれません。さてどうしたものか;´ω`)


追記を閉じる▲

【2006/05/28 22:20】 | 未分類
トラックバック(0) |

直ったようです
スターサマー
http://www.ma-mate.com/log/eid452.html

どうやら不都合は解決したようです。

ただ、原因はいまだに不明です。

お知らせありがとうございます
斎七
>>スターサマーさん
直りましたね~~!
僕はこれは直らないと思って、別の広告を申し込んじゃいましたwwww
せっかくなのでどちらも使っていきたいと思います。

コメントを閉じる▲
僕が製作した共有テンプレートのプレビューです。上に行くほど新しいです。

コメントが多くなってきましたので、新しく共有テンプレートに関する記事を作りました。お手数ですが、コメント、質問はその2の記事のほうでお願いします。(2008/08/31)

虹のもとブログ:共有テンプレートの記事その2



tile01-3c-w-js
(2008/02/05)


aozora29-3c-w-js
(2008/02/05)


ac-green-3c-w-js
(2008/02/05)

tile01-3c-js (2008/01/08)

aozora29-3c-js (2007/03/16)

aozora29-r-js (2007/03/16)

aozora29-l-js (2007/03/16)

ac-autumncafe-3c-js(2006/10/22)
ac-sweetviolet-3c-js(2006/10/22)
ac-cosmos-3c-js (2006/09/15)
ac-cosmos-r-js (2006/09/15)
ac-whitebase-r-js (2006/09/10)
ac-green-r-js
ac-green-l-js
ac-green-3c-js
ac-concrete-3c-js
gb-lightblue-r-js
gb-rosybrown-r-js

共有テンプレートのページで「js」と検索するとみつかります。



質問やご意見などがありましたらお寄せ下さい。
お答えできない場合もあります。ご了承下さい。

【2006/05/27 15:22】 | 共有テンプレート
トラックバック(0) |

他にも色々
つなさらだ
作っていらしたのですね。
どれも、あっさりしていて素敵ですね。
機会があったら、別のもお借りしにきます。

ところで、、
昨日だか、一昨日の新聞でみたのですが、
今年の国二、志望者が減っているそうですね。
今年は、当たり年かも。

ご健闘心よりお祈りいたしております。


斎七
>>つなさらださん
ありがとうございます~。テンプレートをかえると気分もかわりますよね。FC2は共有テンプレートが豊富なので楽しいですね~。

国1の志望者数が減ったニュースは前にもみましたが、国2も減ったんですね!世の中は好景気なのでしょうね~。応援ありがとうございます。がんばりまっす!

質問です 展開について
スターサマー
記事を書くときに本文と続きを読むのすペーすがありますがブログを開いたときに続きを読むは読み込んでいるのでしょうか?

続きを読むに重い画像や音楽を載せたら開くときに時間がかかるのではないかと思ってコメントしてみました。


斎七
>>スターサマーさん
はい、僕のテンプレートで使っている「展開」については、最初に読み込んでしまいます。おっしゃる通り、大きな画像・音楽などをのせると時間がかかると思われます。

また普通のテンプレートでは個別記事へのリンクだけなので、追記内容は読み込まないと思います。

お邪魔します~。
煦絽
斎七さんのテンプレート使わせて頂いています。
お気に入りです。
字も大きくて見やすくて写真のポップアップ機能も一番使いやすいです。
たまにこのブログも拝見させて頂いて、今日まで気付かなかったのですが、リンクして頂いてたんですね。
ありがとうございます(笑)。
(同じブログ名の人がいるって最初思ってしまいました。)
私もリンクさせていただきます~。
これからも頑張ってくださいね。応援します!


斎七
>>煦絽さん
使ってもらってありがとうございます!
そしてリンクありがとうございます。
(同じブログ名の人、というところで笑っちゃいました^^)
煦絽さんのブログを拝見させてもらっています。
本当に素敵な写真が多くて、みとれています。

これから秋冬になっていきますね。(僕の今のテンプレはこれからの季節には厳しいかなと思っています^^;)。
ですので、季節に合ったテンプレートにするのも良いと思います。画像ポップアップ機能はどのテンプレにもつけることができるので、気が向いたときにでも挑戦してみてくださいませ。


画像ポップアップのためのJavaScript
http://rainbowmaterial.blog59.fc2.com/blog-entry-164.html


つなさらだ
新作のコスモス、秋らしくてすごく素敵ですね。
10月入ったら、借りにきま~す。
よろしくお願いします。


斎七
>>つなさらださん
ありがとうございます!
ただいま調整中ですのでもう少しお待ちください~。

テンプレート作りは楽しくて、息抜きのつもりが……ってこともしばしばですww

良い感じですね。
煦絽
コスモスの3カラム。
すごくいいですね。
出来たらすぐ!!借りに行きますので。
白のもいいな~と思ってて、2カラムだったのでちょっと考えてました。
3カラムだったら、即借りてたかも(笑)

季節の変わり目で体調を崩さないようにして下さいね。
頑張ってくださいd(´д`o)ネ♪



斎七
>>煦絽さん
ご感想ありがとうございます!
そろそろ秋なので~ということで作ってみました!

白いほうは僕がテンプレを作るときのベースですw
シンプル好きな人向けなので2カラムだけ用意しました。
要望が多ければ3カラムも用意したいと思います。

コスモスのテンプレですが、使わせてもらっている写真の *05 free photo 様と連絡をとっている段階です。使用許可がでましたら、共有テンプレートのほうに登録したいと思っています。
もう少しおまちくださいませ~。

コメントを閉じる▲
Neetel Insideのコメントより

デムパ先生の「ピルピルピル!」の「作者の異常な愛情」という話の11ページで「みやこ先生は男だから攻略不可(うほっな方以外)」とありました。そういえばみやこ先生って男でしたね。忘れてました。残念・・・ <05/23 19:25>


情報ありがとうございます!助かります!残念てwwww

ピルピルピル!』(デムパ 先生)
カテ☆パラをまたもやネタに使ってもらいましたwwピルピルシリーズ大好きですwwww
かってに改蔵のような漫画が好きな方にはお勧めです。是非この機会にどうぞ!

【2006/05/25 00:56】 | 描いてもらったの
トラックバック(0) |
新都社のpbbsは一定量を超えるときえてしまうようなので、ここにもうpして紹介しています。


[4322] ( ^ω^) 投稿者:(*゚∀゚) 投稿日:2006/05/21(日) 01:12 - 描画時間:2時間24分50秒


キタワァ*・゚゚・*:.。..。.:*・゚(n‘∀‘)η゚・*:.。. .。.:*・゚゚・*
おそらく『MOE-DOLLS』でおなじみのパン∞ダラー先生じゃないかと思います。間違ってたらごめんなさい><;
新都社の読者ページで見つけたとき、感涙・感激しました!ネ申とあがめるパン∞ダラー先生に描いてもらって失神しそうなくらい感動しました!ありがとうございます!!1



[4318] ( ^ω^) 投稿者:名無し - 2006/05/20(土) 23:12


3n』が大好評でこのあいだ完結なさった、石先生キタコレwww
すごいクオリティーにただただ圧倒されるばかりです。ピンク色のハブとかすごいかわいいですww目もつぶらでキュートwwwwみやこ先生の表情もとてもステキです。ありがとうございます!!!


今までカテ☆パラを描いてきましたが、こんなにファンアートを描いてもらえて、とても幸せです。
ファンアートは結構たいへんだと思うし、「気持ち」が入っているので文字通りの「たからもの」です。本当にありがたく思って大切にしています。

【2006/05/23 19:44】 | 描いてもらったの
トラックバック(0) |
Neetel Insideより

絵が丁寧 <05/20 15:00>

ごめんなさい。もう少し丁寧にしたいと思いますorz

みやこ先生、想像ですら女教師なんだなwwこれはもう性同一性障害に違いないwwww <05/20 15:08>

これはやばいかもわからんねww前にも(8話?)想像の中でも女装って言われたwww

祝☆カテパラ出演γ( ’∀’)γ <05/20 16:11>

燃えないゴミ』でおなじみのγ-γ先生キタ━━━━(゚∀゚)━━━━ !!!!!

「じゃあ僕は警察官だ」って言ってる奴の無駄な筋肉をどうしよう <05/21 20:36>

僕に筋肉わけてくださいww

教職課程はマジ無理だからwwwww半期一単位の演習とかヤバイだるいよwwwww <05/22 01:02>

志が高くないと厳しいみたいですね><;

【2006/05/22 04:00】 | コメント/お返事
トラックバック(0) |

「じゃあ僕は警察官だ」以下省略
つなさらだ
・・の返事、ちょっとつぼにはまりました。



斎七
>>つなさらださん
いやぁ実は警察官の試験に応募しようかなと思っていたんです。ところが筋力テストがあって、今の僕じゃ無理な感じなのでしたww

特に「左右握力の平均45kg」というテスト項目があって、これは短期間では伸ばせないと断念_| ̄|○

大きな声じゃいえないが。
つなさらだ
警察官試験は無理でも、防衛庁ならば、いけるかも。
あそこは、入った後に、鍛えさせるらしいから。
私の知っている子で、海上自衛隊入った子(一応幹部試験で)いるけど、ろくに泳げなかったよ。
でも、今では、さすがに人並みらしい。


斎七
>>つなさらださん
そういうこともあるんですね~。受験生にとってはいい情報です。少々手が届かなくてもがんばろう、と勇気付けられました!

コメントを閉じる▲
15話は少しずつ更新していましたが、ようやく描き終えました。

漫画はサイドメニューか下のアドレスから!
カテ☆パラ~家庭教師パラサイト~虹のもとブログ

【2006/05/20 18:24】 | 漫画 カテパラ
トラックバック(0) |

まぐまぐ!-メールマガジン(メルマガ)32000誌!!
『まぐまぐ!』メールマガジン検索結果(「公務員」で検索)
『まぐまぐ!』メールマガジンカテゴリ分類>教育・研究


メールマガジンには学習・勉強ものがたくさんあります。「公務員」で検索すると結構な数がヒットします。また、高校生向きや大学受験のジャンルも豊富にそろっています。

メルマガのいいところは少ない時間でできるものが多いということです。さらっと読めるのでいいかなと思います。メルマガ用にyahooか何かWEBメールアドレスをとるといいかも。

【2006/05/19 19:16】 | 勉強
トラックバック(0) |

公務員試験もやっとネット時代に
つなさらだ
なっていたのね。
メルマガか~。
私の就活時代には、存在してなかった。
うっ、年がばれる。

そうそう、各省庁別の説明会もホームページでの募集オンリーってのもあるよね。
今更だけど、ネットってすごい。。。


斎七
>>つなさらださん
ほんと便利になってきましたね~。
先日、県庁の試験申し込みをしたのですが、「申込用紙」はネット上で配布・自宅でプリントでした。
通常は申込用紙を直接取りに行くか、郵送で請求するかでしたので、感動しました~w

いい時代になったなあとしみじみ(←おやじくさいw)

コメントを閉じる▲


久しぶりにSAIのペンツールでなぞりなぞり。このまま続けるかどうかは考えていません;´ω`)

本当はExpressionでやろうかなと思っていたんですけど、あのベクター(?)っぽい線がうまく扱いきれなくて保留。ゆくゆくはExpressionで漫画が描けたらいいな~´ω`)

【2006/05/18 14:58】 | 下書き/落書き
トラックバック(0) |
高いんですけど、食べてみたいなあと。
いつもはマックチキンとホットコーヒー(計200円)で長時間ねばるんですけどwwあのサラダディッシュは単体でもう490円ですからね。とてもじゃないですけど手が出せませんwww
でもクリスプチキンとグリルチキン、食べてみたいなあwwwマックチキンとは違うんだろうなあwww
http://www.mcdonalds.co.jp/

【2006/05/17 23:55】 | 未分類
トラックバック(0) |
   

「ac-green-3c-js」が好評だったので、2カラムバージョンを追加しました。使い方は同じです。今日登録申請したので、数日中にはご利用になれると思います。

ac-greenシリーズの、記事タイトルの背景が少々「うるさい」感じでしたので、色を薄くしました。これでだいぶ見やすくなったと思います。

【2006/05/16 11:40】 | 共有テンプレート
トラックバック(0) |
西日本新聞 / 政治 [就職氷河期の若者 再挑戦を 国家公務員にフリーター枠 3種で100人採用]
(cache)西日本新聞 / 政治 [就職氷河期の若者 再挑戦を 国家公務員にフリーター枠 3種で100人採用]

NIKKEI NET:3種国家公務員を中途採用へ、30-40歳を100人
(cache) NIKKEI NET:3種国家公務員を中途採用へ、30-40歳を100人

採用人数は当面100人とする予定で、来年実施する2007年度採用試験から取り入れる。


国2も増やしてwww

【2006/05/15 00:04】 | 未分類
トラックバック(0) |

テンプレートでお世話になっています。
つなさらだ
テンプレートでお世話になっています。

どうやら、公務員試験狙っているようで。。。

ご検討心よりお祈りいたします。

こう言ってはなんですが、公務員、なるならやっぱり2種がお薦め。1種はきついし、3種は採用枠がせまいし。


斎七
>>つなさらださん
コメントありがとうございます。テンプレ使っていただきありがとうございます~。

励ましのお言葉ありがとうございます!
とはいえ、僕の実力では国2どころか国3も難しいです(^^;国3は受験できませんけど。

ここをみてくださったみなさんに、公務員受験がもっと身近に感じていただけたらいいな~と思っています。

コメントを閉じる▲
ここ最近テンプレートに力をいれていたので、絵はほとんど描いていませんでした。で、久しぶりに描くと思っていた以上に時間かかりました。「慣れ」の感覚が薄らいでいる感じがしました><;2ページで8時間ってどうなのよ;´ω`)

【2006/05/14 23:06】 | 未分類
トラックバック(0) |


『プリティフェイス』でおなじみの叶恭弘先生の最新作『エムxゼロ』。はちゃめちゃドタバタなラブコメ大好きなのでワクテカが止まりません><;

【2006/05/13 11:28】 | 下書き/落書き
トラックバック(0) |


零式
こんにちわ~~僕も大好きです!!!最高な作品だと思います!!プリティフェイスも最高だと思いますよ!!!!もうw毎週たのしみでしかたがない僕です^^あとwwファンレターおくりたいとおもうんですけど^^どうやって送ればいいかわかんなくて^^;どうか教ええていただけませんかね?ww住所とかだせなくて・・。それではーーwまたw


斎七
>>零式さん
コメントありがとうございます!
僕も叶先生の漫画が楽しみで、プリティフェイスのときも毎週楽しみで楽しみで待ちきれませんでしたww
ファンレターのあて先は、ジャンプの漫画ページの横に書かれていると思います。チェックしてみてはいかがでしょう~。


零式
僕でよければwいくらでもコメントかきますよ^-^まぁこれからよろしくでーすwwやっぱプリティフェイスは最高ですね!!最終話で泣いた僕ですww感動しましたよぉwwエムゼロにもw感動させていただかないと!!wファンレターのやつはhttp://jump.shueisha.co.jp/home.htmlここのどこですか??聞いてばかりですいません><それではーw


斎七
>>零式さん
プリティフェイスは僕の中でネ申漫画ですwwエムxゼロもおもしろくなってきましたね。

ジャンプのサイトを見てみましたが、わからないですね~。

雑誌のほうには、あて先があると思います。
また、雑誌の巻末にあるアンケートは「漫画の連載」に影響力が大きいらしいので、ファンレターと合わせて送るといいかもですよwwww


零式
お返事どうもで~す!!えーと僕にとってもプリティフェイスはネ申漫画ですね!!最高すぎます!ちなみに僕は利奈ちゃん大好きです^^なんかwいやしてくれる気がするのは・・・。僕だけかな?wアハハ・・。    何度も質問すいません><雑誌ってジャンプのことですか?wすいませんばかなもんで理解がよくできないんです><僕・・。お返事まってます^^


斎七
>>零式さん
そうですそうです230円くらいで売っている雑誌のほうです。エムxゼロの漫画のページの横のほうにあて先が書かれていると思います。
そして巻末のアンケートで人気がないと、面白い作品でも打ち切りになっちゃうらしいですよwwww


零式
そうですか~~!わかりました!!書こうと思います!!打ち切りは絶対に~~絶対にこまります!!!!!打ち切り反対です!!エムゼロとTOLOVEるは絶対に打ち切りにはさせませんよ^^僕がんばりまーす!!もしよければ貴方様も書きませんか?w


斎七
>>零式さん
エムxゼロとTOLOVEるはビッグな新連載ですよね~。TOLOVEるのほうは脚本さんがついているので安心ですww
勧めておいてアレですけど、僕は立ち読み派なんですよ~。買ったときはアンケート出したいと思います。


零式
最高な新連載ですね!!まったくもって同感ですわ!!僕はもう書きましたwwファンレターwwすこし・・。べた?wwなのかな?wまぁ書きました明日にでも出そうかと・・・。返事きたらのせますね^^それではしばしお待ちを~~~。


斎七
>>零式さん
いやいやいや・零式さんだけのための大切なお返事ですので公の場所にせちゃマズイですよww大事にしてくださいませ。

コメントを閉じる▲
本スレ、Neetel Inside、ブログコメントなどの公開されているものには、当ブログ上で公開レスする可能性があります。


ブログ足跡からきました~♪とても公務員試験について勉強になりました。 <05/10 17:11>

ありがとうございます~。2ch以外のところからいらっしゃった方のコメントは貴重です。お友達にも広めてみんなで受験しましょうwww

【2006/05/13 05:56】 | コメント/お返事
トラックバック(0) |


できましたっ!『ac-green-3c-js』はたくさんの方々のお力をお借りしてできあがりました。ありがとうございます!クレジットは追記に書きたいと思います。

今日テンプレートの登録申請をしたので、数日後に共有テンプレートからダウンロードできるようになります。僕のテンプレートは「js」で検索すると見つかります。

特徴
(1)横幅が少し伸びてもメニューが「落ちる」ことがない
(2)追記・コメントの折りたたみ展開ができる
(3)画像がマウスオーバーでポップアップする

補足
(1)IEではメニューや記事が「落ちる」ことがあると思いますが、このテンプレートでは「重なる」ようにしています。
(2)コメントの展開は管理者メニューから環境設定→ブログ設定→コメントリストを有効にすると機能します。
(3)画像ポップアップ機能を解除するには、htmlの<body>の上のほうにある行を次のように修正します。
window.onload=myfunc;

//window.onload=myfunc;
**************************
参考にしたもの
**************************
テンプレート再配布可能だったのでaki様(LOVE YOU SOMETHING)の「autumn_color_750」をベースに使用しました。敬意を表して autumn colorの頭文字を頂戴し、「ac」をテンプレート名につけさせて頂きました。ありがとうございます。
http://loveyousomething.blog10.fc2.com/blog-entry-258.html

追記・コメントの開閉スクリプトは下記を参考にしました。
http://artifact-jp.com/mt/archives/200401/mtmemo0122.html
ARTIFACT ―人工事実― : Movable Type作業メモ

ポップアップイメージは下記を参考にしました。
http://web.paulownia.jp/script/sample/popup.html
オブジェクト指向JavaScript - 大きな画像をポップアップ
(Paulownia's Web Studio)

ポップアップイメージのサポートスクリプトは下記を参考にしました。
http://pc8.2ch.net/test/read.cgi/hp/1141800978/483
Web制作 / 手とり足とり教えるJavaScriptスレpart2

写真素材は下記サイト様よりお借りしました。
http://shirayuki.saiin.net/~sora/
水珠 (MIZUTAMA) 写真屋+音葉。

アイデアを下さったサマスタさん、そしてテンプレートを使ってくださった皆様ありがとうございます!


追記を閉じる▲

【2006/05/12 07:45】 | 共有テンプレート
トラックバック(0) |

管理人のみ閲覧できます
-



サマスタ
こんばんは^^
季節に合ってとても落ち着きますね~
緑を使っているのがシンプルでとてもいいです。

これからもいいアイデアがありましたら提案してみたいです。

でもこれって僕のわがままだったりして(笑




斎七
>>サマスタさん
写真がよかったのですよ~。若々しくて新鮮な緑!ほんといいですよね。

テンプレの可能性はまだまだあると思います。いい感じのものにしていきたいですね!

管理人のみ閲覧できます
-


コメントを閉じる▲
2009/12/26追記
スクリーンショットつきで設置方法まとめました。

『画像ポップアップ』の設置方法まとめ


(2008/11/27追記)
FC2ブログでは共有プラグインで簡単に画像ポップアップの機能が使えます。

ご利用は、FC2ブログ管理画面⇒プラグインの設定⇒共有プラグインの追加⇒プラグイン名の検索で「画像ポップアップ」です。


画像ポップアップの動作は、画像のある記事をご覧下さいませ。
このブログで画像の多そうなカテゴリー↓
虹のもとブログ 新都社の関連物
僕のもうひとつのブログはイラストとか写真とかの画像多いです。
ななかぷせる
(追記ここまで)



最近まで使っていたテンプレートでは、画像ポップアップのために、いちいち手動でimgタグにスクリプトを追記していました。これは毎回やるとなると煩雑です。

なんとかJavaScriptで自動化できないかと、ずっと考えていました。僕はプログラミングはサッパリわかりませんので、ネット上で使えそうなものを拾ってくるという形なのですが、今回ばかりはお手上げ状態でした。

そこで2chのWEB製作板にあるJavaScriptスレで質問してきました。

手とり足とり教えるJavaScriptスレpart2

マジですごいです。スクリプトの簡潔さと機敏さに、感激でマジで震えました。今年一番の感激だと思います。>>483さん感謝してます。

というわけで、>>483スクリプトを利用すると画像ポップアップが「何の手間いらず」でできます。これを組み込んだテンプレートを作っていきたいと思います。





(追記 2006/08/08)(修正 2006/08/11)
画像ポップアップスクリプトを使用したいという問い合わせがありましたので追記したいと思います。


ご利用案内
・禁止事項にあてはまらない方なら、どなたでもご使用になれます。
・スクリプト内にある出所は消さないようにお願いします。

禁止事項
・実在の人物を取りあつかうアダルトサイトではご使用しないでください。
・このスクリプトを無断で再配布しないでください。
・このスクリプトを無断で使用して作成したテンプレートを配布しないでください。


下のコメントにありますように、画像ポップアップ機能はいろいろな方の知恵をお借りして製作したものです。ご使用の際はスクリプト内の出所を消さないでくださいませ。(スクリプトに興味を持って頂いた方がソースを見たときに、出所がわかればいいなと考えています)

設置方法は下のコメントに書いてあります。

スクリプトを使用するからといって虹のもとブログへのリンクをしなければならないという訳ではありません。リンクはお好きなときにはったりはがしたりしてくださいませ。

何かありましたらご連絡ください。
なお、「スクリプト使いましたコメント」を書いてくれるととても喜ぶそうです。

追記(2006/Oct/07)
Firefox、OPERAでの画像ポップアップ位置を修正しました。
下のコメントに修正版を追加しますのでよろしくお願いします。


追記を閉じる▲

【2006/05/11 09:39】 | 共有テンプレート
トラックバック(0) |

管理人のみ閲覧できます
-



K
画像ポップアップを他のテンプレートでも設定したいのですが、どのようにHTMLを編集すればよいかよろしければ教えていただけないでしょうか?
実践してみたいテンプレートは「30_moon3」です。


斎七
>>Kさん
興味を持ってくださってありがとうございます。

はじめに、画像ポップアップ機能はいろいろな方の知恵をお借りして製作したものですので、ご使用の際は出所を明記してください。(出所を消さないでくださいませ)

設定方法は簡単です。下記スクリプトを、テンプレートのhtmlに挿入するだけです。挿入場所は</head>の直前です。なお、すべてのテンプレートでご使用になれると思います。

何かありましたらご連絡くださいませ。(下記よりスクリプト)


<script language="javascript" type="text/javascript">
<!--
//画像ポップアップスクリプト(斎七@虹のもとブログ)
//http://rainbowmaterial.blog59.fc2.com/
//
//ポップアップイメージは下記を参考にしました。
//http://web.paulownia.jp/script/sample/popup.html
//オブジェクト指向JavaScript - 大きな画像をポップアップ
//(Paulownia's Web Studio)
//
//ポップアップイメージのサポートスクリプトは下記を参考にしました。
//http://pc8.2ch.net/test/read.cgi/hp/1141800978/483
//Web制作 / 手とり足とり教えるJavaScriptスレpart2

function popupImage(filepath){
var y = 0;
if (document.all) {
y = document.documentElement.scrollTop + document.body.scrollTop + 30;

if(!popupImage.imgNode){
popupImage.imgNode = document.createElement('img');
popupImage.imgNode.setAttribute( 'src' , filepath );
popupImage.imgNode.onmouseout = closeImage;
popupImage.imgNode.onclick = closeImage;

}

} else if( document.implementation) {
y = window.pageYOffset + 50;


if(!popupImage.imgNode){
popupImage.imgNode = document.createElement('img');
popupImage.imgNode.setAttribute( 'src' , filepath );
popupImage.imgNode.addEventListener('mouseout' ,closeImage , true);
popupImage.imgNode.addEventListener('click' ,closeImage , true);
}
} else {
return false;
}

with(popupImage){
imgNode.style.position = 'absolute';
imgNode.style.left = '100px';
imgNode.style.top = y + 'px';
imgNode.style.borderColor = 'black';
imgNode.style.borderWidth = '1px';
imgNode.style.borderStyle = 'solid';
imgNode.style.margin = '0';
document.body.appendChild(imgNode);
}

function closeImage(){
if (popupImage.imgNode) {
document.body.removeChild(popupImage.imgNode);
popupImage.imgNode = null;
}
}
}

function myfunc(){
var a=document.links,L=a.length;
for(var i=0;i<L;i++){
if(a[i].href.match(/(jpg|png|gif)$/i)){
a[i].onmouseover=function(){
popupImage(this.href);
}
}
}
}
window.onload=myfunc;

//-->
</script>


K
丁寧なご指導の下、無事に設定することができました。
本当にありがとうございました。

管理人のみ閲覧できます
-


管理人のみ閲覧できます
-



斎七
<script language="javascript" type="text/javascript">
<!--
//画像ポップアップスクリプト(斎七@虹のもとブログ)
//http://rainbowmaterial.blog59.fc2.com/
//
//ポップアップイメージは下記を参考にしました。
//http://web.paulownia.jp/script/sample/popup.html
//オブジェクト指向JavaScript - 大きな画像をポップアップ
//(Paulownia's Web Studio)
//
//ポップアップイメージのサポートスクリプトは下記を参考にしました。
//http://pc8.2ch.net/test/read.cgi/hp/1141800978/483
//Web制作 / 手とり足とり教えるJavaScriptスレpart2

function popupImage(filepath){
var y = 0;
if (document.all) {
y = document.documentElement.scrollTop + 30 || document.body.scrollTop + 30;

if(!popupImage.imgNode){
popupImage.imgNode = document.createElement('img');
popupImage.imgNode.setAttribute( 'src' , filepath );
popupImage.imgNode.onmouseout = closeImage;
popupImage.imgNode.onclick = closeImage;

}

} else if( document.implementation) {
y = window.pageYOffset + 50;


if(!popupImage.imgNode){
popupImage.imgNode = document.createElement('img');
popupImage.imgNode.setAttribute( 'src' , filepath );
popupImage.imgNode.addEventListener('mouseout' ,closeImage , true);
popupImage.imgNode.addEventListener('click' ,closeImage , true);
}
} else {
return false;
}

with(popupImage){
imgNode.style.position = 'absolute';
imgNode.style.zIndex = '9';
imgNode.style.left = '100px';
imgNode.style.top = y + 'px';
imgNode.style.borderColor = 'black';
imgNode.style.borderWidth = '1px';
imgNode.style.borderStyle = 'solid';
imgNode.style.margin = '0';
document.body.appendChild(imgNode);
}

function closeImage(){
if (popupImage.imgNode) {
document.body.removeChild(popupImage.imgNode);
popupImage.imgNode = null;
}
}
}

function myfunc(){
var a=document.links,L=a.length;
for(var i=0;i<L;i++){
if(a[i].href.match(/(jpg|png|gif)$/i)){
a[i].onmouseover=function(){
popupImage(this.href);
}
}
}
}
window.onload=myfunc;

//-->
</script>


管理人のみ閲覧できます
-


管理人のみ閲覧できます
-


斎七さま
skaura6111
はじめまして・・・
画像ポップアップ、使わせていただきました。
感激っしております。
ありがとうございました。

コメントを閉じる▲
Neetel Insideの感想ページより

おやゆび主任さんの作品、長眠病の6P目に「みやこのハブドリンク」って銘柄のドリンクがありましたぁ!ハブはもはや格言ですね。飲んでみたい! <05/08 00:00>

情報ありがとうございます!
というわけでさっそくチェックしてきました。

『長眠病』(原作:コルト先生/漫画:おやゆび主任先生)

確かにありましたwwwww「絶倫!みやこのハブドリンク」こりゃすごい効きそうw飲んでみたいww
『長眠病』は好きで何回も読んでるんですけど、気づきませんでした。情報ありがとうございます!


ネタとして僕の漫画を使ってもらえると、とても嬉しいです。見かけたら情報をお寄せ下さい!

【2006/05/09 02:31】 | 描いてもらったの
トラックバック(0) |



MY_ナスビ の扉絵をトレースして絵の練習。サイトのプロフィールのページの一番下に次のように書かれています。

無断転載とか加工して無断転載とかリンクとか
全て自由。著作表示的なものも必要なし。リンクも好きなページにしてください。

うほっ太っ腹!ありがたく練習に使わせていただきます。

【2006/05/08 05:51】 | 下書き/落書き
トラックバック(0) |


コンクリート風にしました。共有テンプレに登録申請中です。

アピールポイントを書いておきますww
(1)横幅が少し大きくなってもデザインが大きく崩れることはない(記事が落ちたりしない)。
(2)追記・コメントの折りたたみ展開が可能。
(3)画像ポップアップ機能。

以下補足。

(1)については、メニュー部分を「浮かせている」ので記事本文が少し横に伸びても大丈夫ということです。横幅420ピクセルくらいまでの画像ならなんとか見れると思います。

(2)のコメントの折りたたみは、管理者ページ→環境設定→ブログ設定→コメントリストを有効にすると使えるようになります。

(3)については、ちょっと面倒なんですけど、画像ポップアップは面白いのでみんなにやってみて欲しいなと思っています。マウスオーバーで大きな画像がポップアップし、マウスをそらすORクリックすると消えます。

FC2ブログのファイルアップロードから→記事を書く(サムネイルを使用) を選びます。以下のようになっているので、imgタグにこのスクリプトを足すと使えるようになります。

onMouseover="popupImage('大きな画像のURL')"



<a href="http://blog-imgs-14.fc2.com/r/a/i/rainbowmaterial/20060506.jpg" target="_blank"><img src="http://blog-imgs-14.fc2.com/r/a/i/rainbowmaterial/20060506s.jpg" alt="" border="0"></a><br clear="all">


<a href="http://blog-imgs-14.fc2.com/r/a/i/rainbowmaterial/20060506.jpg" target="_blank"><img src="http://blog-imgs-14.fc2.com/r/a/i/rainbowmaterial/20060506s.jpg" alt="" border="0" onMouseover="popupImage('http://blog-imgs-14.fc2.com/r/a/i/rainbowmaterial/20060506.jpg')"></a><br clear="all">



JavaScritpオフでも普通に見れるテンプレなので、無理して使うこともないですけど、面白いですよ~。


追記を閉じる▲

【2006/05/07 13:00】 | 共有テンプレート
トラックバック(0) |


名無しさん
エラー出てますよ


斎七
>>名無しさん
お知らせありがとうございます。
RSS表示のプラグインがエラーを出していたようです。

このブログ内だけのエラーですので、テンプレートをご使用の他のブログ様には影響ないようです。正直あせりました(^^;

コメントを閉じる▲
ここ数日、今使っているテンプレートと奮闘しています。

「売り」はなんといっても画像ポップアップ機能です。大きな画像を扱うブログ様にピッタリなんじゃないかと思います。

マウスオーバーで大きな画像がポップアップします。マウスをよけるORクリックすると画像が消えるようになっています。スクリプトは下記を参考にしました。

http://web.paulownia.jp/script/sample/popup.html
オブジェクト指向JavaScript - 大きな画像をポップアップ
(Paulownia's Web Studio)


ここで問題だったのが、画像ポップアップ機能のIEでの動作。そのままでは表示位置がブログトップに固定されちゃっていましたが、どうにかマウスの近くに表示することができました。


できあがったら共有テンプレートに登録しようと思っています。

今僕の使っているテンプレートのことで何かお気づきの点がありましたらコメント頂けるとありがたいです。



追記:スクリーンショットつきで設置方法をまとめました。
『画像ポップアップ』の設置方法まとめ

【2006/05/06 11:23】 | 共有テンプレート
トラックバック(1) |


サマスタ
お久しぶりです^^
早速テンプレートをダウンロードして使っています。
ちょっと改造してタイトルの下にリンクを張ってみました。

でも、背景の色がプラグインまではみ出てしまってかっこ悪くなっています。

タイトルとあわせたいのですがどうすればいいでしょうか?

p.s
実はここのブログもずっと前にブックマークに追加してましたwww


サマスタ
連レスすみません^^;

前に続きを読むの展開を要望で頼んでみましたが欲が出てコメントも展開できたらいいな~と思っています。


斎七
サマスタさんこんばんは!
横に長くなるとのことですが、たぶん下記のような感じだと思います。

#bannermenu {
background-color: #FFFFCC; /* 背景色 */
font-size: small; /* フォントサイズ */
padding: 2px 15px; /* パディング:上下、左右 */

/*headerを参考に下記を追加*/
margin-left: 20px;
width : 548px;
}

layoutで、メニュー部分とメイン部分をまとめています。
layoutの背景色を指定すると構造がみれると思います。
/*background-color: Beige;*/←コメントアウトを外す


追記・コメントの展開は、サマスタさんのおすすめですよね。僕もそのときからお気に入りになりました。

ブログをみてみたところ、コメント展開は大丈夫のようですね~。テンプレートを使っていただき、ありがとうございます!


サマスタ
アドバイスありがとうございます。

おかげさまでちょうどいい大きさになりました。

僕もテンプレートを作るのが目標なのでこれからもがんばります^^

p.s

また、要望なのですがいいでしょうか?

トラックバックのURLがありますがワンクリックでコピーできるように出来ませんか?

僕は禁止にしていますが使っている人にとっては便利だと思いまして。

ただ、使いやすいのでスパムが多くなるのではないかと少し心配しています。


斎七
貴重なアイデアありがとうございます。
トラックバックについては、そこまではしなくてもいいかなあと思っています。

それに今のままでもトラバのURL欄でCtrl+A(全選択)→Ctrl+C(コピー)と、簡単にコピーできるので大丈夫かなあと。


でもテンプレをあれこれ考えるのは楽しいですよね。いろんなアイデアがでてくるサマスタさんがうらやましいですww

ばくります
スターサマー
テンプレートのコメントの展開を押したあとにBlog Peopleの更新のお知らせのアイコンが動かなくなります。

ちょっと気になったので書き込んでみました。

あと、テスト終わったらまんが見ますね^^


斎七
>>スターサマーさん
ご連絡ありがとうございます。
お知らせアイコンが動かなくなる現象を、IEで確認しました。

JavaScriptの記述ミスでしたので、修正しました。気づかなかったです~ありがとうございます!スターサマーさんは本当に目がするどいですwwww 参考にしたページ↓


http://fula.jp/blog/index.php?no=r677
Proxyとか :: javascript:void(0); で gifアニメ が動かないバク


他テンプレートも修正してきます~。

コメントを閉じる▲


マクドナルドの紙袋のイラストを模写。
僕はマクドナルドによく行きます。なんといっても安いのが魅力的で、ホットコーヒーとチーズバーガー(計200円)で長居しますww
i'm lovin' it!

【2006/05/06 06:10】 | 下書き/落書き
トラックバック(0) |
文藝SS漫画化企画『フラゲ』
(kelu先生)
新都社のエッセンスが濃縮され、その要素がみごとに昇華された漫画です。いろんなキャラが登場していて新都社マニアにはたまらない作品ですww

チラッとみやこ先生が登場しますwwww見てのお楽しみwww

『死期ユニゾン』やファンアートなどで大活躍のkelu先生ありがとうございます!応援してます!

【2006/05/05 04:25】 | 描いてもらったの
トラックバック(0) |


stayup
こんにちは!
いつも更新楽しみにしています。
また遊びに来ます。
応援クリックして帰ります。

コメントを閉じる▲
漫画ページを新しく作りました。
新都社からのフレーム呼び出しなので、なるべく軽いほうがいいかなと思いまして。ブログのサイドメニューを切り取った感じのページにしました。軽くなった代わりに、漫画ページではコメントがつけられなくなりました。ブログにコメントしたい方は、お好きなところにコメントをお願いします。



テンプレートを3カラムのものにしました。
3カラムは「いかにもブログ」って感じなので憧れていましたwwただ、大きな画像を扱うには不向きなのかなあと思います。

で、先日JavaScriptの「ポップアップ画像」をネット上で見つけました。それを使うとページ移動なしに大きな画像が見ることができます。これはとてもすごいと思い、さっそくテンプレに使ってみました。IEでは意図した動作ができないのですが、許容範囲かなと思います。

マウスオーバーで画像がポップアップし、マウスを大きな画像から離すOR大きな画像をクリックすると消えます。また、サムネイルをクリックすればいつもどおりの操作が出来ます。

このテンプレはもう少し改良していきたいと思っています。

【2006/05/04 21:11】 | 未分類
トラックバック(0) |


老人祭(?)のときの絵です><;

【2006/05/02 19:27】 | 下書き/落書き
トラックバック(0) |
漫画ページを別に作ってみようかと思っています。


んでブログを3カラムにしたいなーとか思ったり。
でも3カラムにしたら真ん中の記事の横幅が狭くなるので、イラストがそのまま載せられないという問題もでてきます。なのでこちらは検討中。

【2006/05/01 20:14】 | 未分類
トラックバック(0) |


新都社を見守るAnaたん。きらめく星で保守します。


結局試験はスルーしました。夜型生活なおりませんorz

【2006/05/01 05:31】 | 新都社の関連物
トラックバック(0) |
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。