Top Page › Template › テンプレ修正等 › テンプレートの修正・更新致しました。20/04/03

2020 · 04 · 03 (Fri) 23:48

テンプレートの修正・更新致しました。20/04/03

拙いテンプレートをご愛顧賜り、有難うございます。
本日、個別記事内にある追記開閉用のCSSを一部変更し、全テンプレートを修正・更新致しました。(同様の修正やカスタマイズを扱った記事も更新致しました。)
折り畳み追記の開閉
テンプレートの修正・更新致しました。5/14

この度の更新は、追記開閉に使っていたCSSの表示非表示に関わる部分に使っていた opacity を visibility に変更した点です。
opacity:0 は完全に透明にするもので、見えないだけでそこに有るものをクリック出来ます。
そのため、追記に内包されるものと位置によって、展開されていないのにカーソルがリンクを示すものに替わったり、カーソルが変わった所をクリックしてみたらリンク先に飛んだり、音楽が再生されたりする現象が起こります。
それは、折り畳み追記にリンクや動画、onclickのJS等が記述されていた場合、透明で見えなくなっていても存在しているために起こります。
visibility:hidden も見えなくなりますが、ブロックの大きさだけ存在して中は何もないように扱われます。
display:none では表示装飾を付ける事が難しいため、装飾が後に付けられるよう visibility:hidden を使う事に致しました。
(opacity を併せたり、CSS Transition、CSS Animation を使う事が出来ます。)
追記に文章や画像以外のものを掲載する想定を失念しておりました。大変申し訳ございませんでした。
追記を利用していて、コメント投稿欄やコメント表示部位に変な挙動が有る場合は、大変お手数ですが下記のように修正をお願い致します。


修正の内容は以下です。
テンプレートのスタイルシート編集枠内に有る下記の部分
該当箇所を見付ける場合は、PCのキーボードで『Ctrl+Fキー』を押して開いた窓に
/* 記事ページ追記ボタン */
を入れて検索します。
すると1ヵ所見付かりますので、その下12,3行目位に有る下記青文字部分オレンジ文字部分のように変更して下さい。

.hidden_box .hidden_show{
height:0;
padding:0;
overflow:hidden;
opacity:0; /*中身を非表示にしておく */
}
.hidden_box input:checked ~ .hidden_show{
padding:10px 0;
height:auto;
opacity:1; /*クリックで中身表示 */
}

これを以下のように変更↓

.hidden_box .hidden_show{
height:0;
padding:0;
overflow:hidden;
visibility:hidden; /*中身を非表示にしておく */
}
.hidden_box input:checked ~ .hidden_show{
padding:10px 0;
height:auto;
visibility:visible; /*クリックで中身表示 */
}

後は更新ボタンを押して適用して下さい。




Comments

理解力が乏しいので

確認の意味で教えてください。
本記事において、既存の利用者が自分で修正すべき事項は

>この度の更新は、追記開閉に使っていたCSSの表示非表示に関わる部分に使っていた opacity を visibility に変更した点です。

よりも下に書かれた事と理解しましたが、それでOKでしょうか?
2020-04-04-15:06
呑兵衛あな [ 返信 * 編集 ]

aki Re: 呑兵衛あな 様へ

こんばんは。いつもご愛顧頂き有難うございます。

> >この度の更新は、追記開閉に使っていたCSSの表示非表示に関わる部分に使っていた opacity を visibility に変更した点です。
> よりも下に書かれた事と理解しましたが、それでOKでしょうか?

…スミマセン。記事を書く時にいつも回りくどいですよね。^^;
文言以下が修正する経緯と説明で、「修正の内容は以下です。」の下に有るCSSが変更箇所です。
青い文字の部分をオレンジ色の文字のように変更して下さい。
お手数をお掛けして申し訳ございませんが、宜しくお願い致します。m(__)m
2020-04-04-20:34
aki [ 返信 * 編集 ]

No Subject

こんにちは
いつもテンプレートの御管理をありがとうございます
今回のコード修正でますます安定した次第です。本当にお疲れ様でした🍵

そしてさっそく細かい気付きですが
もしかしてNo Subjectのところの
onblurを意図的に外されましたか?

と、そんな細かいことはさておき
ぼっちん先生の新記事で朗報です
°˖✧◝(⁰▿⁰)◜✧˖° 
早くお知らせしたくてコメントしてしまいました
2020-04-06-10:42
徳川たぬこ [ 返信 * 編集 ]

To 徳川たぬこさん

> ぼっちん先生の新記事で朗報です

いえいえ、あの記事は、あくまでもテンプレート利用者の「任意カスタマイズ」の領域の話題でして、akiさんのように「テンプレート提供者」としては、使ってはいけない方法なんです(笑)
アレを採用したテンプレートでFC2に申請してしまうと、申請は通りませんからね(笑)
akiさんも切ないところです (^_^; アハハ…

akiさん、コメント欄を拝借してしまって申し訳ありませんでした m(_ _)m
2020-04-06-10:58
ぼっちん [ 返信 * 編集 ]

Re: ぼっちん 先生様

Σ(゚Д゚;≡;゚д゚) ええっ そうなのですか

スミマセンorz また余計なコメントを…
ぼっちん先生、訂正ありがとうございます
申し訳ございませんでした💦

akiさん、いつもご迷惑をおかけしてすみません( ;∀;)
2020-04-06-11:13
徳川たぬこ [ 返信 * 編集 ]

aki Re: 徳川たぬこ 様へ

早速ぼっちんさんの所に行ってみました♪更にmochiさんの所にも。
本当に、素晴らしい気付きですよ!普通にHTML弄ってるだけでは思い付きませんもん。(^^;

…という事で、配布テンプレートには付けられませんが、自身の使ってるものに適用してみました。
エラーも警告も出ないって、何て気持ちが良いんでしょう~♪
嬉しくなっちゃいました。(^^;

> そしてさっそく細かい気付きですが
> もしかしてNo Subjectのところの
> onblurを意図的に外されましたか?
…1月に修正・更新で外したんですよね。(^^; 暗色カスタマイズ等をされた場合とかに、CSSで変更できない(クリック時の)淡色背景色で文字色が見えない不具合が有ったので。
それと、onblurってjavascriptなんですよね。クリックして背景色変えるために沢山使うのも何だかな、と思ったもので…。
ただ、返信を使ってタイトル部の入力をするなら問題は全く無いけど、返信以外のタイトルを入れる場合にいちいち「No Subject」を削除して打ち換えるのは面倒に感じて、先程タイトル部分だけJS復活させて全テンプレート更新致しました。(^^;
…ほんっと、私って余計な事ばっかりやるから修正・更新ばっかりになるのですよね。
ユーザーの方々には、本当に申し訳無く思います。

近日、カスタマイズ記事と併せて更新案内を掲載したいと思います。m(__)m
(TitleListにコメント数を表示するカスタマイズです。)
2020-04-07-00:05
aki [ 返信 * 編集 ]

aki Re: ぼっちん 様へ

> akiさん、コメント欄を拝借してしまって申し訳ありませんでした m(_ _)m
…あ~いえいえ、お気になさらずに。
というか、テンプレには導入できませんが、個人的に使わさせて頂きました♪
エラーや警告が無いって気分が良いですね~。(*^▽^*)
常にこういうものを目指したいと思います。

記事、有難うございました♪
2020-04-07-00:18
aki [ 返信 * 編集 ]






非公開コメント