featuredzoomer ノウハウ【その1】 本記事のステップ・リンクの通り、この記事ではfeaturedzoomerのデザインを修正するノウハウを解説します。オリジナルのスタイルCSSに追加した定義も紹介します。 ' }document.write(Junk2000);Junk2000=null; // --> ' }document.write(Junk2000);Junk2000=null; // --> 前の記事 次の記事 コメント Enrique 2014年10月20日 12:41 この改造をやってみようとしましたが,どうも前記事で自動発生したコードと,ここで説明されているものとが違うようで,該当部分が探せず試せていません。 今回は小技のサイズ0の初期画面のみやってみました。 返信 Ujiki.oO 2014年10月20日 18:33 Enrique さん、こんばんは。 > サイズ0の初期画面 とても綺麗で親切な画像ですね。 それに英語併記! 見習って造り直さないとと啓発されました!(微笑) > 違うようで 解説用のサンプルの条件は「左に拡大エリア」+「TABLEで囲みますか?:無用」+「あなたの記事投稿モード:改行をタグに変換しない」+「小技を記事内に書き込む?:小技は無用」で行いました。 So-netブログでは、STYLEタグとか、JAVASCRIPTとかには<BR>を付加させない様に強化したのでしょうか?! 他のブログシステムでは「改行はタグに変換する」にしないと全ての改行に<br>が容赦なく付加され・・・・STYLEスクリプトも JAVAスクリプトもエラーになります。 もしも、So-netさんが、今は強化されて特別に「改行はタグに変換する」を気にすることなく可能でも、仮に他のブログに記事を転送すると・・・・機能しなくなります。 いつ元に戻るかも怖いですしね。(笑) ※ どこかに今回の解説記事のコピペこーど作成の条件をステップ・リンクのどこかで書いた筈なのですけど、全ての関連ページで書いておかないといけませんね。(涙;) ★ 条件として ★ 「左に拡大エリア」 + 「TABLEで囲みますか?:無用」 を 選択した時だけ、 <div align="right">・・・</div>が付加されます。 その他の条件の場合は、きっと無用なので自動的に出力しなくなります。 ご理解願います。 左にサイドバーがある場合は、「左に拡大エリア」設定をしますと、ガイダンス画像の位置が初期値では右配置となり、より大きな拡大エリアを確保できるようになります。 返信 Ujiki.oO 2014年10月20日 19:15 http://junk2014.blog.so-net.ne.jp/ProblemsWithFeaturedzoomer#OutputCondition 解説ページ用に作成しました「コピペ」データーの条件に追記致しました。 返信 Enrique 2014年10月21日 08:10 改行の件で苦労されているのを忘れていました。失礼致しました。 ソネブロさんの編集環境はプレーンテキストエディタなのに,自動改行するのがよろしく無いのですね(リッチテキストエディタなら便利にしてもらうのは結構ですが)。プログラム的なものをやってないと,この認識がどこかに行っておりました。 ブログ開始初期はリッチテキストエディタで書いていましたが,コードの貼り付けがダメな事を知り,プレーンエディタに変えましたが,ごちゃごちゃになった初期の記事を再編集するのがイヤになってしまいました。 プレーンエディタなのに,ついつい自動改行は便利なため,そうしていました。これを機会に止めます。 その上でですが,【改造その2】のグループ分けが分かりません。 私のコードでは, #descA2552-1, #descA2552-2, #descA2552-3 に相当する3つが出ておらず,1つだけに見えるのですが。 返信 Ujiki.oO 2014年10月21日 10:17 https://blog.so-net.ne.jp/MyPage/blog/settings/basics/edit/input 上のリンクは「管理ページ」 ⇒ 「基本設定」ですが・・・・ Enrique さん、こんにちは。 わたしは美人を見ただけでホイホイ付いて行くお馬鹿オヤジですので、立地てきすとエディッターは一度も設定もせずにプレーンのまま運用しています。 状況は「プレビュー」ボタンで行えれば良いのですけど、何故か綺麗に完璧には再現していないですね。(笑) 結局は初期設定で「下書き」を優先して、「記事一覧」に表示される「下書き」リンク文字をクリックしてはデザインなり誤字脱字を確認しています。 -------------------------------------------------- 「管理ページ」 ⇒ 「基本設定」の「記事の初期設定」内に、わざわざ赤文字で警告文が表示されています。 「ただし、リッチエディタをご利用の場合は自動的にURLリンクされます。」の一文です。 わたしは、これを読んで「立地えでぃったーは使えない!」と判断しました。 この「自動的」の文字には要注意ですね。 コンピューターは完全ではないので、必ずコントロール不能となります。 また「自動プロセス」の改訂などが為されると・・・・ルールが変わってしまいます。 そして一番重要なのは他のブログシステムに、そのまま持ち込めるかも心配です。 音源プレイヤーとかは全滅ですよね。 違うのかな。 さて、本題です。 > グループ分けが これも大変失礼しました。 わたしのスクリプト例は「グループ数:3」で作成しました。 可能性の話をすればグループ数は無限です。 相手先のブラウザーがアボートしますけど。(笑) 温泉街の場末のスナック群と同じで(失礼!)、「グループ数を10に設定する」と、10のスナックを営業開店する様なモノです。 「いつマウスが来るか」とたった1人の客である「マウス爺」を各スナックは待機します。 で、店に入るやいなや、数々の画像娘達が接客するわけです。 他の店も開店休業しているだけでプロセスは動いていますし、メモリー空間と言う場所代を支払い続けてます。(笑) 「誰も来なかったね」でページを閉じられると通常はメモリーを解放します。 メモリーを解放する良し悪しがブラウザーによって様々です。(爆笑) 脱線は、これくらいにして(笑) グループ数とはプロセス数となり、別管理数を表します。 > 1つだけに見える これは「グループ数:1」を選択された、スナック店舗数が一軒であることを意味します。(おいおいまた場末スナック論ですか?!)笑 仮にスナック店舗数を10軒に設定したら、#descA2552-1 などが10並びます。 初期コピペコードでは、店のネオンも店内の装飾も全く同じとなります。 違うのは店内の画像娘達だけとなります。 ゾクゾクする画像っ子をたくさん雇って座らせましょう!(朝から酔ってるのかも)大笑; 返信 Enrique 2014年10月21日 18:09 グループ数の件は了解しました。コードの意味が分かっていればお聞きする事も無かったのですが,闇雲にコピペしていると,焦ってしまいます。 それはそうと,いつの間にか(笑)英文menuではないのに,アドブロック0になっていますね!? 返信 Ujiki.oO 2014年10月22日 08:42 Enrique さん、ご質問には本当に感謝します。 わたしも多々反省できて発展的でいられるからです。 これからも宜しくお願い致します。 > 英文menuではないのに,アドブロック0 びっくりしましたよ。 So-netブログさんが全面的に広告を抜いたのかと感じました。 違いますよね。 違うのかな・・・・(笑) わたしのブログ5つともに、トップ・オブ・トップのメニューは置換しています。 今現在は日本語版と英語版がございます。 今度はバイリンガル版を作成する予定です。(笑) http://foreigner.blog.so-net.ne.jp/AdBlockZEROtypeB 返信 コメントする コメントの投稿 コメントの返信 コメント (スタイル用のHTMLタグを使えます) 名前 電子メール URL サインイン情報を記憶
Enrique 2014年10月20日 12:41 この改造をやってみようとしましたが,どうも前記事で自動発生したコードと,ここで説明されているものとが違うようで,該当部分が探せず試せていません。 今回は小技のサイズ0の初期画面のみやってみました。 返信
Ujiki.oO 2014年10月20日 18:33 Enrique さん、こんばんは。 > サイズ0の初期画面 とても綺麗で親切な画像ですね。 それに英語併記! 見習って造り直さないとと啓発されました!(微笑) > 違うようで 解説用のサンプルの条件は「左に拡大エリア」+「TABLEで囲みますか?:無用」+「あなたの記事投稿モード:改行をタグに変換しない」+「小技を記事内に書き込む?:小技は無用」で行いました。 So-netブログでは、STYLEタグとか、JAVASCRIPTとかには<BR>を付加させない様に強化したのでしょうか?! 他のブログシステムでは「改行はタグに変換する」にしないと全ての改行に<br>が容赦なく付加され・・・・STYLEスクリプトも JAVAスクリプトもエラーになります。 もしも、So-netさんが、今は強化されて特別に「改行はタグに変換する」を気にすることなく可能でも、仮に他のブログに記事を転送すると・・・・機能しなくなります。 いつ元に戻るかも怖いですしね。(笑) ※ どこかに今回の解説記事のコピペこーど作成の条件をステップ・リンクのどこかで書いた筈なのですけど、全ての関連ページで書いておかないといけませんね。(涙;) ★ 条件として ★ 「左に拡大エリア」 + 「TABLEで囲みますか?:無用」 を 選択した時だけ、 <div align="right">・・・</div>が付加されます。 その他の条件の場合は、きっと無用なので自動的に出力しなくなります。 ご理解願います。 左にサイドバーがある場合は、「左に拡大エリア」設定をしますと、ガイダンス画像の位置が初期値では右配置となり、より大きな拡大エリアを確保できるようになります。 返信
Ujiki.oO 2014年10月20日 19:15 http://junk2014.blog.so-net.ne.jp/ProblemsWithFeaturedzoomer#OutputCondition 解説ページ用に作成しました「コピペ」データーの条件に追記致しました。 返信
Enrique 2014年10月21日 08:10 改行の件で苦労されているのを忘れていました。失礼致しました。 ソネブロさんの編集環境はプレーンテキストエディタなのに,自動改行するのがよろしく無いのですね(リッチテキストエディタなら便利にしてもらうのは結構ですが)。プログラム的なものをやってないと,この認識がどこかに行っておりました。 ブログ開始初期はリッチテキストエディタで書いていましたが,コードの貼り付けがダメな事を知り,プレーンエディタに変えましたが,ごちゃごちゃになった初期の記事を再編集するのがイヤになってしまいました。 プレーンエディタなのに,ついつい自動改行は便利なため,そうしていました。これを機会に止めます。 その上でですが,【改造その2】のグループ分けが分かりません。 私のコードでは, #descA2552-1, #descA2552-2, #descA2552-3 に相当する3つが出ておらず,1つだけに見えるのですが。 返信
Ujiki.oO 2014年10月21日 10:17 https://blog.so-net.ne.jp/MyPage/blog/settings/basics/edit/input 上のリンクは「管理ページ」 ⇒ 「基本設定」ですが・・・・ Enrique さん、こんにちは。 わたしは美人を見ただけでホイホイ付いて行くお馬鹿オヤジですので、立地てきすとエディッターは一度も設定もせずにプレーンのまま運用しています。 状況は「プレビュー」ボタンで行えれば良いのですけど、何故か綺麗に完璧には再現していないですね。(笑) 結局は初期設定で「下書き」を優先して、「記事一覧」に表示される「下書き」リンク文字をクリックしてはデザインなり誤字脱字を確認しています。 -------------------------------------------------- 「管理ページ」 ⇒ 「基本設定」の「記事の初期設定」内に、わざわざ赤文字で警告文が表示されています。 「ただし、リッチエディタをご利用の場合は自動的にURLリンクされます。」の一文です。 わたしは、これを読んで「立地えでぃったーは使えない!」と判断しました。 この「自動的」の文字には要注意ですね。 コンピューターは完全ではないので、必ずコントロール不能となります。 また「自動プロセス」の改訂などが為されると・・・・ルールが変わってしまいます。 そして一番重要なのは他のブログシステムに、そのまま持ち込めるかも心配です。 音源プレイヤーとかは全滅ですよね。 違うのかな。 さて、本題です。 > グループ分けが これも大変失礼しました。 わたしのスクリプト例は「グループ数:3」で作成しました。 可能性の話をすればグループ数は無限です。 相手先のブラウザーがアボートしますけど。(笑) 温泉街の場末のスナック群と同じで(失礼!)、「グループ数を10に設定する」と、10のスナックを営業開店する様なモノです。 「いつマウスが来るか」とたった1人の客である「マウス爺」を各スナックは待機します。 で、店に入るやいなや、数々の画像娘達が接客するわけです。 他の店も開店休業しているだけでプロセスは動いていますし、メモリー空間と言う場所代を支払い続けてます。(笑) 「誰も来なかったね」でページを閉じられると通常はメモリーを解放します。 メモリーを解放する良し悪しがブラウザーによって様々です。(爆笑) 脱線は、これくらいにして(笑) グループ数とはプロセス数となり、別管理数を表します。 > 1つだけに見える これは「グループ数:1」を選択された、スナック店舗数が一軒であることを意味します。(おいおいまた場末スナック論ですか?!)笑 仮にスナック店舗数を10軒に設定したら、#descA2552-1 などが10並びます。 初期コピペコードでは、店のネオンも店内の装飾も全く同じとなります。 違うのは店内の画像娘達だけとなります。 ゾクゾクする画像っ子をたくさん雇って座らせましょう!(朝から酔ってるのかも)大笑; 返信
Enrique 2014年10月21日 18:09 グループ数の件は了解しました。コードの意味が分かっていればお聞きする事も無かったのですが,闇雲にコピペしていると,焦ってしまいます。 それはそうと,いつの間にか(笑)英文menuではないのに,アドブロック0になっていますね!? 返信
Ujiki.oO 2014年10月22日 08:42 Enrique さん、ご質問には本当に感謝します。 わたしも多々反省できて発展的でいられるからです。 これからも宜しくお願い致します。 > 英文menuではないのに,アドブロック0 びっくりしましたよ。 So-netブログさんが全面的に広告を抜いたのかと感じました。 違いますよね。 違うのかな・・・・(笑) わたしのブログ5つともに、トップ・オブ・トップのメニューは置換しています。 今現在は日本語版と英語版がございます。 今度はバイリンガル版を作成する予定です。(笑) http://foreigner.blog.so-net.ne.jp/AdBlockZEROtypeB 返信
Enrique
この改造をやってみようとしましたが,どうも前記事で自動発生したコードと,ここで説明されているものとが違うようで,該当部分が探せず試せていません。
今回は小技のサイズ0の初期画面のみやってみました。
Ujiki.oO
Enrique さん、こんばんは。
> サイズ0の初期画面
とても綺麗で親切な画像ですね。 それに英語併記! 見習って造り直さないとと啓発されました!(微笑)
> 違うようで
解説用のサンプルの条件は「左に拡大エリア」+「TABLEで囲みますか?:無用」+「あなたの記事投稿モード:改行をタグに変換しない」+「小技を記事内に書き込む?:小技は無用」で行いました。
So-netブログでは、STYLEタグとか、JAVASCRIPTとかには<BR>を付加させない様に強化したのでしょうか?! 他のブログシステムでは「改行はタグに変換する」にしないと全ての改行に<br>が容赦なく付加され・・・・STYLEスクリプトも JAVAスクリプトもエラーになります。 もしも、So-netさんが、今は強化されて特別に「改行はタグに変換する」を気にすることなく可能でも、仮に他のブログに記事を転送すると・・・・機能しなくなります。 いつ元に戻るかも怖いですしね。(笑)
※ どこかに今回の解説記事のコピペこーど作成の条件をステップ・リンクのどこかで書いた筈なのですけど、全ての関連ページで書いておかないといけませんね。(涙;)
★ 条件として ★
「左に拡大エリア」 + 「TABLEで囲みますか?:無用」 を
選択した時だけ、
<div align="right">・・・</div>が付加されます。
その他の条件の場合は、きっと無用なので自動的に出力しなくなります。 ご理解願います。 左にサイドバーがある場合は、「左に拡大エリア」設定をしますと、ガイダンス画像の位置が初期値では右配置となり、より大きな拡大エリアを確保できるようになります。
Ujiki.oO
http://junk2014.blog.so-net.ne.jp/ProblemsWithFeaturedzoomer#OutputCondition
解説ページ用に作成しました「コピペ」データーの条件に追記致しました。
Enrique
改行の件で苦労されているのを忘れていました。失礼致しました。
ソネブロさんの編集環境はプレーンテキストエディタなのに,自動改行するのがよろしく無いのですね(リッチテキストエディタなら便利にしてもらうのは結構ですが)。プログラム的なものをやってないと,この認識がどこかに行っておりました。
ブログ開始初期はリッチテキストエディタで書いていましたが,コードの貼り付けがダメな事を知り,プレーンエディタに変えましたが,ごちゃごちゃになった初期の記事を再編集するのがイヤになってしまいました。
プレーンエディタなのに,ついつい自動改行は便利なため,そうしていました。これを機会に止めます。
その上でですが,【改造その2】のグループ分けが分かりません。
私のコードでは,
#descA2552-1, #descA2552-2, #descA2552-3
に相当する3つが出ておらず,1つだけに見えるのですが。
Ujiki.oO
https://blog.so-net.ne.jp/MyPage/blog/settings/basics/edit/input
上のリンクは「管理ページ」 ⇒ 「基本設定」ですが・・・・
Enrique さん、こんにちは。 わたしは美人を見ただけでホイホイ付いて行くお馬鹿オヤジですので、立地てきすとエディッターは一度も設定もせずにプレーンのまま運用しています。 状況は「プレビュー」ボタンで行えれば良いのですけど、何故か綺麗に完璧には再現していないですね。(笑) 結局は初期設定で「下書き」を優先して、「記事一覧」に表示される「下書き」リンク文字をクリックしてはデザインなり誤字脱字を確認しています。
--------------------------------------------------
「管理ページ」 ⇒ 「基本設定」の「記事の初期設定」内に、わざわざ赤文字で警告文が表示されています。 「ただし、リッチエディタをご利用の場合は自動的にURLリンクされます。」の一文です。 わたしは、これを読んで「立地えでぃったーは使えない!」と判断しました。 この「自動的」の文字には要注意ですね。 コンピューターは完全ではないので、必ずコントロール不能となります。 また「自動プロセス」の改訂などが為されると・・・・ルールが変わってしまいます。 そして一番重要なのは他のブログシステムに、そのまま持ち込めるかも心配です。 音源プレイヤーとかは全滅ですよね。 違うのかな。 さて、本題です。
> グループ分けが
これも大変失礼しました。 わたしのスクリプト例は「グループ数:3」で作成しました。 可能性の話をすればグループ数は無限です。 相手先のブラウザーがアボートしますけど。(笑) 温泉街の場末のスナック群と同じで(失礼!)、「グループ数を10に設定する」と、10のスナックを営業開店する様なモノです。 「いつマウスが来るか」とたった1人の客である「マウス爺」を各スナックは待機します。 で、店に入るやいなや、数々の画像娘達が接客するわけです。 他の店も開店休業しているだけでプロセスは動いていますし、メモリー空間と言う場所代を支払い続けてます。(笑) 「誰も来なかったね」でページを閉じられると通常はメモリーを解放します。 メモリーを解放する良し悪しがブラウザーによって様々です。(爆笑)
脱線は、これくらいにして(笑) グループ数とはプロセス数となり、別管理数を表します。
> 1つだけに見える
これは「グループ数:1」を選択された、スナック店舗数が一軒であることを意味します。(おいおいまた場末スナック論ですか?!)笑
仮にスナック店舗数を10軒に設定したら、#descA2552-1 などが10並びます。 初期コピペコードでは、店のネオンも店内の装飾も全く同じとなります。 違うのは店内の画像娘達だけとなります。 ゾクゾクする画像っ子をたくさん雇って座らせましょう!(朝から酔ってるのかも)大笑;
Enrique
グループ数の件は了解しました。コードの意味が分かっていればお聞きする事も無かったのですが,闇雲にコピペしていると,焦ってしまいます。
それはそうと,いつの間にか(笑)英文menuではないのに,アドブロック0になっていますね!?
Ujiki.oO
Enrique さん、ご質問には本当に感謝します。 わたしも多々反省できて発展的でいられるからです。 これからも宜しくお願い致します。
> 英文menuではないのに,アドブロック0
びっくりしましたよ。 So-netブログさんが全面的に広告を抜いたのかと感じました。 違いますよね。 違うのかな・・・・(笑) わたしのブログ5つともに、トップ・オブ・トップのメニューは置換しています。 今現在は日本語版と英語版がございます。 今度はバイリンガル版を作成する予定です。(笑)
http://foreigner.blog.so-net.ne.jp/AdBlockZEROtypeB