No.3439, No.3438, No.3437, No.3436, No.3435, No.3434, No.3433[7件]

🧀Re:3438◆なるほど、スペースが2つ入っていましたか……。もしかして『画像リンクに独自のclass属性値を追加』にチェックが入っていて、なおかつ直下の「class=" "」の入力欄は空っぽになっていたりしないでしょうか?(下図の緑色矢印の先です。その条件だと、こちらでも不具合が再現しました。)その場合、『画像リンクに独自のclass属性値を追加』のチェックをOFFにすると解決すると思います。

画像をリンクにするa要素部分は、正確には <a class="● ▲ ■" ~> のように3種類のclass名が出力されるようになっています。●はimagelink固定で必ず含まれます。▲は『画像リンクに独自のclass属性値を追加』のチェックがONの時に限って直下のテキスト入力欄に設定された文字列が出力されます。■には画像に付加されたフラグがある場合に限ってフラグに対応する文字列(nsfwやnolisted)が出力されます。なので、●は必ず出力されますが、▲と■は状況によって出力されたりされなかったりします。
このとき、『画像リンクに独自のclass属性値を追加』にチェックが入っている状態で、直下のテキスト入力欄が空っぽだと、● ▲ ■ の「▲」が0文字になるため、たしかに空白が2つ連続で挿入されてしまいます。通常のHTMLならそうなっても問題ありませんが、別の設定項目『空白の連続を再現 (半角空白文字の連続をそのまま見せる)』がONの場合(※デフォルトでONです)には、連続する2つ以上の空白が という文字実体参照に変換される機能が働いてしまって(本当は働いてはいけないのですが)、それが悪影響を及ぼしてしまうのだと分かりました。(^_^;;;
ううーん、そんな問題があったとは……。今までは(画像フラグの実装前までは)ここに2種類のclassしか入らなかったので、空白が2つ以上連続する状況があり得なかったから問題なかったのでしょうね。次のバージョンで仕様を修正します。畳む
とりあえず今のバージョンでは、
🍩解決策1:『画像リンクに独自のclass属性値を追加』のチェックをOFFにする。
🍩解決策2:『画像リンクに独自のclass属性値を追加』直下のテキスト入力欄に半角英数字を1文字以上書く。
🍩解決策3:『空白の連続を再現 (半角空白文字の連続をそのまま見せる)』のチェックをOFFにする。
……のどれかで解決はできます。(どれか1つだけで大丈夫です。)
ご報告をどうもありがとうございました!
これも絶対に誰かから報告されないと気付かなかったでしょうね……。(^_^;;; 「スペースが2つ入っていた」という情報が重要なヒントになりました。ありがとうございます。
2年以上前(火 00:36:05) 情報,回答/返信

タグ区切りのための意図的なスペースなのですね。大変失礼しました。
imagelinkとnsfwの間にスペースが2つ入っており、弄ったはずのない部分なので不審に思って片方を消したところ表示がうまくいきまして、それでてっきり余分なものと思い込んでしまいました。
>>3429の方法も試しておりますが、もう一度自分で書き換えた部分を確認したいと思います。
お手間を取らせてしまい失礼しました…! 2年以上前(月 22:37:42)

🍵Re:3434◆4300行目にある引用符に囲まれた半角スペースは必要なもの(=消すと正しく動作しなくなるもの)です。どんな問題が発生していますか? おそらくぼかしがうまくいかない原因は別の所にあると思います。
この4300行目にある $userclass = ' ' . &fcts::forsafety( $setdat{'imageclass'} ); の引用符内の空白を消してしまうと、以下のような出力になってしまいます。
【背景】画像を原寸画像へのリンクにする設定の場合、画像は <a class="imagelink" ~> というaタグで囲まれる形で出力されます。
【設定】画像拡大スクリプト関連の設定項目に『画像リンクに独自のclass属性値を追加』という項目があります。ここにclass名の指定がある場合(例えば sakura )は、画像は <a class="imagelink sakura" ~> というaタグで囲まれる形で出力されます。
【問題】もし4300行目の空白を消してしまうと、ここは <a class="imagelinksakura" ~> という連結されたclass名が1つだけ出力されるaタグになってしまいます。
要するに4300行目の半角スペースは、2つのclass名を区切るための空白なのです。これを消してしまったら、class名が正しく解釈されなくなります。
🍵Re:3435◆うまくいったようで良かったです。NO IMAGEダミーも(リンクにはならないのでa要素で囲むわけにはいきませんが、代わりにspanを使って)<span class="imagesearch">~</span> で囲むとかにして、imagesearchクラスが適用されるようにしておく方が装飾が作りやすくて良さそうですね。今後のバージョンで改善します。
🍵Re:3436◆スキン配布ありがとうございます! スキンの選択肢が増えてきて嬉しいです。(╹◡╹)
2年以上前(月 20:35:39) 回答/返信


3426・3430です。なるほど、NO IMAGEのダミー画像があるからずれていたんですね。私もそっちにまで考えが及ばず、.imagesearchのmarginなどで調整しようと悪戦苦闘してました。
NO IMAGEダミー画像を出力しない設定にする方法とvertical-align: middle;を加える方法の両方試したところ、どちらでも新着画像欄で上にずれなくなりました。あらためまして、ありがとうございました!とても助かりました! 2年以上前(月 02:39:41)

ちょっと気になった部分があるのですが、
tegalog.cgiの4300行目、$userclass = ' '
の' '部分に余分なスペースが入っているようです。
nsfwのぼかし部分のはみ出し処理がうまくいかず、デベロッパーツールで確認したところ発見しました。
素人のため大きな不具合になるかどうかはわかりませんが、ひとまずご報告にきました。
>>3431
もし >>3432 の方法を試しても改善しない場合、ブラウザの問題かもしれません。
1、ブラウザキャッシュをクリア
2、それでだめならブラウザの「ブックマーク同期」をオフにしてキャッシュをクリア
そして再度ログインできるかお試しください。
私も以前何かの拍子に同じ状況でログインできなくなったことがあり、設置マニュアルの方法を試しても変わらずで苦戦しました。
別のブラウザではログインできたのでキャッシュまわりの問題だろうと予想し、上記の方法を試したところ無事ログインできました。よければご参考までに。
もしマニュアルの方法で解決されてましたら失礼しました…! 2年以上前(月 02:29:36)

🍵Re:3430◆ああ、そうか。NO IMAGEダミー画像はリンクにならないので <a class="imagesearch" ~> が付かないのでした。画像を6個以上アップロードするか(NSFWでなくて可)、NO IMAGEダミー画像を出力しない設定(=管理画面の「設定」→「ページの表示」→【新着画像リストの表示】→「▼投稿画像の総数が掲載個数に満たない場合:」欄で『何も出力しない』を選択)にすれば問題はなくなると思います。(^_^;) もしくは、以下のように vertical-align: middle; を加えるのでもいけそうな気がします。
.imagesearch {
display: inline-block;
overflow: hidden;
width: 100px;
height: 100px;
vertical-align: middle;
}
🍵Re:3431◆No.3432さんの指摘通り psif.cgi ファイルをアップロードできているかどうか、パーミッションが正しいかをご確認下さい。このファイルは、中身を外部から閲覧されなくするために拡張子を .cgi にしていますが、中身はデータファイルですので、特にパーミッションを自動で設定してくれるようなFTPソフトでUPするとうまくいかないかもしれません。(もし psif.cgi ファイルがちゃんと存在していてパーミッションも正しいように見える場合は、psif.cgiを一旦削除して、再度アップロードしなおして、パーミッションを設定し直してみて下さい。)
🍵Re:3432◆的確なサポートありがとうございます!
2年以上前(日 19:14:16) 回答/返信