gooブログで100万人突破記念のプレゼントを
やっているとのことなので応募します！
ランダムブログで、キーワードもゲット！
で、見つけたキーワードは・・・
キーワード
「gooブログ たのしい仲間 100万人」
当たりますように！
やっているとのことなので応募します！
ランダムブログで、キーワードもゲット！
で、見つけたキーワードは・・・
キーワード
「gooブログ たのしい仲間 100万人」
当たりますように！
＜はじめてお越しの方へ＞
ようこそ、いらっしゃいませ～♪
ここのブログでは、いろいろツールを作ってますので、以下の記事に目を通してみてくださいねっ！
（あとの記事は雑談ばっかりですので～）
記事エディタ（IE専用）
絵文字一覧
便利URL＆Bookmarklet集♪
携帯絵文字対応(DoCoMo・Voda)コメント表示・投稿画面
携帯BlogPeople
どこで質問していいか分からない時は、こちらでもお使いくださいね
ようこそ、いらっしゃいませ～♪
ここのブログでは、いろいろツールを作ってますので、以下の記事に目を通してみてくださいねっ！
（あとの記事は雑談ばっかりですので～）
記事エディタ（IE専用）
絵文字一覧
便利URL＆Bookmarklet集♪
携帯絵文字対応(DoCoMo・Voda)コメント表示・投稿画面
携帯BlogPeople
どこで質問していいか分からない時は、こちらでもお使いくださいね
大変申し訳ありません。
http://ryak.net/ 以下のすべてのコンテンツが、現在利用できない状態です。
支払いを忘れていました orz
只今、必死に再契約の申請中です。
もう１２時間ほどお待ちください。。。
鬱です
http://ryak.net/ 以下のすべてのコンテンツが、現在利用できない状態です。
支払いを忘れていました orz
只今、必死に再契約の申請中です。
もう１２時間ほどお待ちください。。。
鬱です
ブログはじめますた、セレクションのインタビューも辞退して、何をいまさら再開するの？
って感じなんですけれども、すこしやり残したことがあったなあと思いまして。
あ、決してバトンが欲しいからではないですからね？
お願いだからそういうことにしておいてくださいね。泣くから。
それはおいときまして。
復帰１回目は「名刺エディタはじめますた」です。
サンプルはこちらですけど、どうも余白の設定がいまいちな今日この頃。
近々、エディタとして公開しておきたいと思います。
トラックバック：BLOG STATION：駅の名刺
って感じなんですけれども、すこしやり残したことがあったなあと思いまして。
あ、決してバトンが欲しいからではないですからね？
お願いだからそういうことにしておいてくださいね。泣くから。
それはおいときまして。
復帰１回目は「名刺エディタはじめますた」です。
サンプルはこちらですけど、どうも余白の設定がいまいちな今日この頃。
近々、エディタとして公開しておきたいと思います。
トラックバック：BLOG STATION：駅の名刺
ぶろぐぴーぱーについてくる、”携帯非対応ブログ”向けのRSSリーダー機能強化です。
ドリコムブログに、コメント閲覧・投稿機能をつけちゃいました。
しかしながらドリコムブログのRSS自体、ここgooブログと一緒で要約しか吐き出しませんから、
もっぱら訪問用というよりも自分宛に届いたコメントへの返信用ですね、これは。
お友達にドリコムブログのユーザーがいたら、ま紹介してみてもよいんじゃないかしらと思われます。
JUGEMにも対応しますけど、いかんせんオイラの訪問先にJUGEMの方がおりませぬ＆JUGEMの新規ユーザー受付をしておりませぬ故、後回しとなっております。
てぃぶろぐ(t-blog)は対応しちゃってるんですけどね。
ぶろぐぴーぱー（携帯用blogpeople）
○リンク先をそのまま表示する（各ブログ独自の携帯用表示画面が出ます）
gooブログ
Livedoorブログ
jugem
seesaaブログ
アメーバブログ
はてなダイアリー
楽天日記
ヤプログ
○携帯表示画面＋αで表示する
てぃぶろぐ ※コメント表示＆投稿画面がついてきます。
○略リーダーβで表示＆コメント閲覧・投稿
ドリコムブログ
○略リーダーβでとりあえず表示
その他のブログ
ドリコムブログに、コメント閲覧・投稿機能をつけちゃいました。
しかしながらドリコムブログのRSS自体、ここgooブログと一緒で要約しか吐き出しませんから、
もっぱら訪問用というよりも自分宛に届いたコメントへの返信用ですね、これは。
お友達にドリコムブログのユーザーがいたら、ま紹介してみてもよいんじゃないかしらと思われます。
JUGEMにも対応しますけど、いかんせんオイラの訪問先にJUGEMの方がおりませぬ＆JUGEMの新規ユーザー受付をしておりませぬ故、後回しとなっております。
てぃぶろぐ(t-blog)は対応しちゃってるんですけどね。
ぶろぐぴーぱー（携帯用blogpeople）
○リンク先をそのまま表示する（各ブログ独自の携帯用表示画面が出ます）
gooブログ
Livedoorブログ
jugem
seesaaブログ
アメーバブログ
はてなダイアリー
楽天日記
ヤプログ
○携帯表示画面＋αで表示する
てぃぶろぐ ※コメント表示＆投稿画面がついてきます。
○略リーダーβで表示＆コメント閲覧・投稿
ドリコムブログ
○略リーダーβでとりあえず表示
その他のブログ
ぶろぐぴーぱーがお引越ししています。
設定ページはこちらですよー。
ぶろぐぴーぱー設定
今までのurlを使っていた人も、自動的に引っ越し先のurlに飛ばされますのでしばらくは問題ないかと思われます。
＜今回の変更点＞
○リンク先をそのまま表示する（各ブログ独自の携帯用表示画面が出ます）
gooブログ
Livedoorブログ
jugem
seesaaブログ
アメーバブログ
はてなダイアリー
楽天日記
ヤプログ
○携帯表示画面＋αで表示する
てぃぶろぐ ※コメント表示＆投稿画面がついてきます。
○略RSSリーダーβで表示する
その他のブログ
作ったばっかなので不具合が出まくりかと思われまする。。。
設定ページはこちらですよー。
ぶろぐぴーぱー設定
今までのurlを使っていた人も、自動的に引っ越し先のurlに飛ばされますのでしばらくは問題ないかと思われます。
＜今回の変更点＞
○リンク先をそのまま表示する（各ブログ独自の携帯用表示画面が出ます）
gooブログ
Livedoorブログ
jugem
seesaaブログ
アメーバブログ
はてなダイアリー
楽天日記
ヤプログ
○携帯表示画面＋αで表示する
てぃぶろぐ ※コメント表示＆投稿画面がついてきます。
○略RSSリーダーβで表示する
その他のブログ
作ったばっかなので不具合が出まくりかと思われまする。。。
ご迷惑をおかけしております。。。
なにやら、大人げなかったといいますか、なんといいますか。
お恥ずかしい限りであります。
お詫びだけ書くのもなんですので、新型エディタはじめますた（なんとFirefoxに対応ですってよ、奥さま！）でも使ってやってください。。。
gooブログの記事投稿画面との相違点
・URLボタンに[新しいウインドウで表示]チェックがあります
・IMGボタンは、左寄せ、右寄せ、センタリングを選べます
・FONT、太字、斜体、下線、取消線、左寄せ、右寄せ、センタリング、引用、罫線の各種タグは、gooブログ標準仕様（ボタンを押して文字を入力すると、本文の最後に追加される）ではなく、Livedoor/Jugem式（編集中の本文で選択した範囲の前後にタグを追加し、装飾効果をつける）に変更されています。
→つまり、ワードみたいな感じで使えます
・gooの代表的なテンプレートでの表示プレビューがあります。背景の色などを参考に、色あわせにお使いください
・プレビューウインドウが縦に長ったらしくて困る方のために、スクロール表示への変更ボタンがあります
・上半分で編集しながら下半分で確認するのがどうも性に合わない方のために、上下反転ボタンがあります
ざっとこんな感じです。以前のバージョンからの変更点はありません。おもにFirefox/safari対策のため、構文の見直しを行なっています。
いやー、どれだけ自分がIEのJavascript方言ぬるま湯に漬かってるのか、思い知らされますねえ、こういうのを書いてますと。
なにやら、大人げなかったといいますか、なんといいますか。
お恥ずかしい限りであります。
お詫びだけ書くのもなんですので、新型エディタはじめますた（なんとFirefoxに対応ですってよ、奥さま！）でも使ってやってください。。。
gooブログの記事投稿画面との相違点
・URLボタンに[新しいウインドウで表示]チェックがあります
・IMGボタンは、左寄せ、右寄せ、センタリングを選べます
・FONT、太字、斜体、下線、取消線、左寄せ、右寄せ、センタリング、引用、罫線の各種タグは、gooブログ標準仕様（ボタンを押して文字を入力すると、本文の最後に追加される）ではなく、Livedoor/Jugem式（編集中の本文で選択した範囲の前後にタグを追加し、装飾効果をつける）に変更されています。
→つまり、ワードみたいな感じで使えます
・gooの代表的なテンプレートでの表示プレビューがあります。背景の色などを参考に、色あわせにお使いください
・プレビューウインドウが縦に長ったらしくて困る方のために、スクロール表示への変更ボタンがあります
・上半分で編集しながら下半分で確認するのがどうも性に合わない方のために、上下反転ボタンがあります
ざっとこんな感じです。以前のバージョンからの変更点はありません。おもにFirefox/safari対策のため、構文の見直しを行なっています。
いやー、どれだけ自分がIEのJavascript方言ぬるま湯に漬かってるのか、思い知らされますねえ、こういうのを書いてますと。
さてさて、『BLOG FRIENDS #2』PR用の羽音ちゃんテンプレートの提供開始から１週間が経過しまして、いろいろな方からいろいろなツッコミをうけつつマイナーチェンジを行なっております。
今回、大体のブラウザでなんとか見れるところまでこぎつけましたので、バージョン２ということでリリースさせていただきます。
11日の最初のリリースから、以下の部分が変更となっています。
・サムネイルが像がおっきくなっちゃってるのをなおしますた（スノーさんサンクスです）
・足を記事の裏に引っ込めますた（わどさん、スノーさんサンクスです）
・降雪gifの横幅が大きすぎたのをなおしますた＆ファイルサイズを小さくしますた
・アニメーションgifがIEだとおかしくなる箇所を修正しますた（はにゃさんサンクスです）
・MacのSafariだとアニメーション処理されない記述箇所を修正しますた（テドさんサンクスです）
大体、この辺の修正を入れています。
現在、テドさんがお使いになっているものが最新版です。
あとは、フォント色とかを調整しやすくする為、cssの書き方を変えていますので、ご参考にして頂ければと思います。
サンプルは、こちら。（cssです）
その他、もうちょっと濃い目がいい。（cssです）とか、
淡い色が好きなの。（cssです）とか、
渋めが好き。（cssです）とか、
すいーとなのにして。（cssです）とか、
はんしん。（cssです）とかありますので、
カラーバリエーションの相談には応じますので、「どこ行ってもみんな同じで困る」という時にお使いくださいねっ！
ではでは、現在旧バージョンを使っていらっしゃる方に、順次トラックバックを送ってまいりますので、よろしくお願いしまーっす！！
＜現在『BLOG FRIENDS #2』PRテンプレをご利用くださっている方々＞
（ちょこっと変えていらっしゃっる方もいて面白いです（笑））
テド★えにっき（テドさん）
嘘の吐き方（うそのつきかた）（はにゃさん）
砂蜥蜴と空鴉（砂蜥蜴さん）
リアリストと空想少女（朱里さん）
目指せ! シナリオライター!!（しなたまさん）
彼女が残したグラノーラ(吟さん)
ぐうたらさせてよ！（海藤 輝さん）
ブログ 窓に映った部屋 （chokoさん）
季節外れの雪便り（スノーさん）
何となく奈伽塚ミント（奈伽塚ミントさん）
夢を視る者～出張版～（Kaleido Scopeさん）
◆書く／読む／喋る／考える◆（わどさん）
jump in the box（jumpさん）
★ うむむ。 ★（もけさん）
ak STYLE type.B（akさん）
今回、大体のブラウザでなんとか見れるところまでこぎつけましたので、バージョン２ということでリリースさせていただきます。
11日の最初のリリースから、以下の部分が変更となっています。
・サムネイルが像がおっきくなっちゃってるのをなおしますた（スノーさんサンクスです）
・足を記事の裏に引っ込めますた（わどさん、スノーさんサンクスです）
・降雪gifの横幅が大きすぎたのをなおしますた＆ファイルサイズを小さくしますた
・アニメーションgifがIEだとおかしくなる箇所を修正しますた（はにゃさんサンクスです）
・MacのSafariだとアニメーション処理されない記述箇所を修正しますた（テドさんサンクスです）
大体、この辺の修正を入れています。
現在、テドさんがお使いになっているものが最新版です。
あとは、フォント色とかを調整しやすくする為、cssの書き方を変えていますので、ご参考にして頂ければと思います。
サンプルは、こちら。（cssです）
その他、もうちょっと濃い目がいい。（cssです）とか、
淡い色が好きなの。（cssです）とか、
渋めが好き。（cssです）とか、
すいーとなのにして。（cssです）とか、
はんしん。（cssです）とかありますので、
カラーバリエーションの相談には応じますので、「どこ行ってもみんな同じで困る」という時にお使いくださいねっ！
ではでは、現在旧バージョンを使っていらっしゃる方に、順次トラックバックを送ってまいりますので、よろしくお願いしまーっす！！
＜現在『BLOG FRIENDS #2』PRテンプレをご利用くださっている方々＞
（ちょこっと変えていらっしゃっる方もいて面白いです（笑））
テド★えにっき（テドさん）
嘘の吐き方（うそのつきかた）（はにゃさん）
砂蜥蜴と空鴉（砂蜥蜴さん）
リアリストと空想少女（朱里さん）
目指せ! シナリオライター!!（しなたまさん）
彼女が残したグラノーラ(吟さん)
ぐうたらさせてよ！（海藤 輝さん）
ブログ 窓に映った部屋 （chokoさん）
季節外れの雪便り（スノーさん）
何となく奈伽塚ミント（奈伽塚ミントさん）
夢を視る者～出張版～（Kaleido Scopeさん）
◆書く／読む／喋る／考える◆（わどさん）
jump in the box（jumpさん）
★ うむむ。 ★（もけさん）
ak STYLE type.B（akさん）
いくつか、思いついたものを揚げておきますね。
1.ヘッダー部分とサイドバー部分のつなぎ目を無くしたい
table table img{ display:none;}
table table table img{ display:block;}
2.ヘッダー部分のRule（中間線）にheightをいれて太くしたいのだけれど、左サイドバーの中間線まで連動して困っている
.header table .rule {} と、.menuBg table .rule {} を、別々に指定
3.なんでお前の右サイドバーは横に並んでるの？
#lgFrame { position:absolute;right:0px;top:0px; }
.menuBg2 table { position:absolute;right:0px;top:0px; }
.menuBg2 table table { position:absolute;right:160px;top:7px; }
大体こんな感じです。
1.ヘッダー部分とサイドバー部分のつなぎ目を無くしたい
table table img{ display:none;}
table table table img{ display:block;}
2.ヘッダー部分のRule（中間線）にheightをいれて太くしたいのだけれど、左サイドバーの中間線まで連動して困っている
.header table .rule {} と、.menuBg table .rule {} を、別々に指定
3.なんでお前の右サイドバーは横に並んでるの？
#lgFrame { position:absolute;right:0px;top:0px; }
.menuBg2 table { position:absolute;right:0px;top:0px; }
.menuBg2 table table { position:absolute;right:160px;top:7px; }
大体こんな感じです。
『cssなんてわかんないし、色さえ変えられればいいのよあたいは！！』というひとのために作ってみました。
テンカスエディタです。
テンプレートカスタマイズの略だそうです。
名付け親は、Labiさんです。
むだづかいにっき♂：CSSを作る為の便利ツールにトラックバックですー
サンプルのテンプレートは、随時どしどし載せていきますねっ。
ないのなら、つくっちまおうぜホトトギス～
テンカスエディタです。
テンプレートカスタマイズの略だそうです。
名付け親は、Labiさんです。
むだづかいにっき♂：CSSを作る為の便利ツールにトラックバックですー
サンプルのテンプレートは、随時どしどし載せていきますねっ。
ないのなら、つくっちまおうぜホトトギス～
cssカスタマイズ開放記念という事で、不定期連載しまーす。
いつ続きが始まっていつ終わるかわかりませんけれど、
最終的に
『カスタムフリーテンプレートでプレーンブルーっぽいのを作ろう』っていうのを目指しますので、興味がありましたら覗いてやってくださいね。
ちなみに、
「やり方わからんからとにかく教えれ」というご質問にはお答えしかねますけど、
「このテンプレートのこんな感じのところをうちでも採用したいが、うちのcssのどこに何を書けばよいの？」という、具体的なフォローなら出来ますので、ご相談くださいねっ♪
えー、まず、インターネットエクスプローラのシェアが90%を切ったというニュースがありまして、今やFirefoxは無視できないブラウザ、とお考え頂いた方がよいかと思われます。
その場合、オイラの把握している限りでは、
・fontの一括指定（font:bold 14px/20px;）を行なうと、Firefoxでは無視されます。
・paddingによる余白幅の指定を行ない、インターネットエクスプローラで表示確認を行なった場合、Firefoxでは予定外の動作をしますのでお気をつけください（というか、インターネットエクスプローラのバグです。）
とまあ、大きく二つ、あとはオイラも動かしながら覚えていくしかないんですけど、なるべく避けたほうがいい指定方法がありますので、このへん念頭に入れて作業をしていただければよいかと思います。
カスタムフリーのテンプレートには、BODYの中に#contentというボックスがあり、その下に
#header
#menu
#center
#menu2
というボックスが並んでいます。
普通に表示するとこんな感じ。
で、これを３段テンプレートにする為、初期設定値として#menu～#menu2の間にfloat:left;
(通常のDIVタグだと次のコンテンツを下に回りこむところを、右に回りこませる、IMGタグでいうところのalign=leftみたいなもの)
が指定されています。
この中で、#centerの部分を表示領域の絶対指定（position:absolute）を行ないつつ、各ボックスの回り込み（float:left）を解除させてあげると、見た目では#menuの下に#menu2が来て、記事が表示される#centerは別のところへ追いやる事が出来てきます。
この設定を行なってらっしゃるのが、南無の事件帳です。
これだと、ブラウザの横幅によって記事の表示領域が変わってきてしまいますよね。
それを回避する為に、こんな感じにしてみます。
これでなんとかプレーンブルーと同じ横幅になったと思います。
あとは、#centerのボックスあたりの操作で、センタリングなどを行なっていきます。
いつ続きが始まっていつ終わるかわかりませんけれど、
最終的に
『カスタムフリーテンプレートでプレーンブルーっぽいのを作ろう』っていうのを目指しますので、興味がありましたら覗いてやってくださいね。
ちなみに、
「やり方わからんからとにかく教えれ」というご質問にはお答えしかねますけど、
「このテンプレートのこんな感じのところをうちでも採用したいが、うちのcssのどこに何を書けばよいの？」という、具体的なフォローなら出来ますので、ご相談くださいねっ♪
えー、まず、インターネットエクスプローラのシェアが90%を切ったというニュースがありまして、今やFirefoxは無視できないブラウザ、とお考え頂いた方がよいかと思われます。
その場合、オイラの把握している限りでは、
・fontの一括指定（font:bold 14px/20px;）を行なうと、Firefoxでは無視されます。
・paddingによる余白幅の指定を行ない、インターネットエクスプローラで表示確認を行なった場合、Firefoxでは予定外の動作をしますのでお気をつけください（というか、インターネットエクスプローラのバグです。）
とまあ、大きく二つ、あとはオイラも動かしながら覚えていくしかないんですけど、なるべく避けたほうがいい指定方法がありますので、このへん念頭に入れて作業をしていただければよいかと思います。
カスタムフリーのテンプレートには、BODYの中に#contentというボックスがあり、その下に
#header
#menu
#center
#menu2
というボックスが並んでいます。
普通に表示するとこんな感じ。
で、これを３段テンプレートにする為、初期設定値として#menu～#menu2の間にfloat:left;
(通常のDIVタグだと次のコンテンツを下に回りこむところを、右に回りこませる、IMGタグでいうところのalign=leftみたいなもの)
が指定されています。
この中で、#centerの部分を表示領域の絶対指定（position:absolute）を行ないつつ、各ボックスの回り込み（float:left）を解除させてあげると、見た目では#menuの下に#menu2が来て、記事が表示される#centerは別のところへ追いやる事が出来てきます。
この設定を行なってらっしゃるのが、南無の事件帳です。
これだと、ブラウザの横幅によって記事の表示領域が変わってきてしまいますよね。
それを回避する為に、こんな感じにしてみます。
これでなんとかプレーンブルーと同じ横幅になったと思います。
あとは、#centerのボックスあたりの操作で、センタリングなどを行なっていきます。
