てがろぐ
- Fumy Otegaru Memo Logger -
No.3433, No.3432, No.3431, No.3430, No.3429, No.3428, No.3427［7件］
さむい……。春はまだか……。
🍵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◆的確なサポートありがとうございます！
🍵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◆的確なサポートありがとうございます！
>>3431
パスワード・セッションID格納ファイル＝psif.cgiなので
・アップロードされているか
・パーミッションを
てがろぐ セットアップ(設置)方法 - にししふぁくとりー
https://www.nishishi.com/cgi/tegalog/setup/#permission...
を参考にして確認
してみてはどうでしょうか…？
パスワード・セッションID格納ファイル＝psif.cgiなので
・アップロードされているか
・パーミッションを
てがろぐ セットアップ(設置)方法 - にししふぁくとりー
https://www.nishishi.com/cgi/tegalog/setup/#permission...
を参考にして確認
してみてはどうでしょうか…？
てがろぐを使おうとすると、パスワード・セッションID格納ファイルが開けませんでした。って表示されて進まない。どうすれば…
3426です。3427さん、にししさん、早速ありがとうございます！
投稿本文の方は➊キャプションに半角スペースなどを登録した上でキャプションなしで貼り付ける方法と、にししさんの➋の方法ともに試してはみ出さなくなりました！ありがとうございました。
新着画像リストの方は➌を試してみたらはみ出さなくはなりましたが、正方形の画像が横方向に3個以上並ぶウィンドウサイズの時にNSFWフラグ画像だけ少し上にずれます(下のスクリーンショット)。
.imagelistbox .oneimageのvertical-alignをtopに変更してみたら上方向へのズレは大分軽減されましたが、middleにすることで「画像下部に余計な空白ができるのを防ぐ」役割だったので画像下部に僅かに余白が出ます。この辺なら自力でも調整出来そうなので引き続き試行錯誤してみます。
有名メーカーのものと見た目がほぼ同じだけど別メーカーのお菓子あるあるですね。私も100均のお菓子コーナーで、ロッテのチョコパイみたいな見た目の別メーカーの商品を買ったら、チョコの味が全然違ってコレジャナイ…となった思い出があります😂 見た目は同じに出来ても、チョコの味もやっぱり重要ですね。
投稿本文の方は➊キャプションに半角スペースなどを登録した上でキャプションなしで貼り付ける方法と、にししさんの➋の方法ともに試してはみ出さなくなりました！ありがとうございました。
新着画像リストの方は➌を試してみたらはみ出さなくはなりましたが、正方形の画像が横方向に3個以上並ぶウィンドウサイズの時にNSFWフラグ画像だけ少し上にずれます(下のスクリーンショット)。
.imagelistbox .oneimageのvertical-alignをtopに変更してみたら上方向へのズレは大分軽減されましたが、middleにすることで「画像下部に余計な空白ができるのを防ぐ」役割だったので画像下部に僅かに余白が出ます。この辺なら自力でも調整出来そうなので引き続き試行錯誤してみます。
有名メーカーのものと見た目がほぼ同じだけど別メーカーのお菓子あるあるですね。私も100均のお菓子コーナーで、ロッテのチョコパイみたいな見た目の別メーカーの商品を買ったら、チョコの味が全然違ってコレジャナイ…となった思い出があります😂 見た目は同じに出来ても、チョコの味もやっぱり重要ですね。
キットカットっぽい見た目だけどキットカットではないチョコを食べてみたところ、チョコの味がキットカットとはずいぶん違った……。
🍵Re:3425◆楽しいスキンをありがとうございます！ QUICKPOSTのウインドウの重なり方がまさしくそれっぽいな、と思いました。^^
🍵Re:3426◆公式ドキュメントがお役に立っているようで嬉しいです。(╹◡╹) さて、ぼかされた画像が、本来の描画領域からはみ出さないようにする方法については、いろんな方法があると思いますが、以下に紹介します。
➊ まずは、No.3427さんがおっしゃるように、キャプション付きの記法を使ってキャプションなしで表示する方法だと、何もカスタマイズすることなく標準スキンのままで実現できます。
画像管理画面でキャプションを登録していないなら、単に [PICT:FIG:画像パス] のように書けば良いだけですが、キャプションを登録しているなら [PICT:FIG( ):画像パス] のように、臨時のキャプションとして半角空白文字を1つ入れると良いです。すると、figure要素で囲まれるので、ぼかされた画像が元の範囲からはみ出なくなります。（No.3428で比較実験しました。）
➋ 何らかの事情で上記のようにはしたくない場合は、例えば、
.imagelink.nsfw {
overflow: hidden;
display: inline-block;
}
というようなCSSを追記するのでも良いかもしれません。これは、標準スキンではfigure要素に対して付加されているスタイルです。画像がリンクになっているなら、画像は <a class="imagelink" ～>～</a> で囲まれますので、これに「中身がはみ出ないようにするスタイル」を加えれば良さそうに思います。
➌ 新着画像リストでぼかされた範囲が外に出ないようにするには、例えば、
.imagesearch {
overflow: hidden;
display: inline-block;
width: 100px;
height: 100px;
}
というCSSを追加した上で、既存の .imagelistbox .oneimage { ～ } の中にある width: 30%; という行を削除すると良さそうな気がします。
上記でご紹介したコードはどれも、いま思いついただけのものなので、もっと良い書き方があるかもしれません。（何か思いつかれた方がいらっしゃったらぜひ教えて下さい。）
🍵Re:3427◆サポートありがとうございます！
🍵Re:3425◆楽しいスキンをありがとうございます！ QUICKPOSTのウインドウの重なり方がまさしくそれっぽいな、と思いました。^^
🍵Re:3426◆公式ドキュメントがお役に立っているようで嬉しいです。(╹◡╹) さて、ぼかされた画像が、本来の描画領域からはみ出さないようにする方法については、いろんな方法があると思いますが、以下に紹介します。
➊ まずは、No.3427さんがおっしゃるように、キャプション付きの記法を使ってキャプションなしで表示する方法だと、何もカスタマイズすることなく標準スキンのままで実現できます。
画像管理画面でキャプションを登録していないなら、単に [PICT:FIG:画像パス] のように書けば良いだけですが、キャプションを登録しているなら [PICT:FIG( ):画像パス] のように、臨時のキャプションとして半角空白文字を1つ入れると良いです。すると、figure要素で囲まれるので、ぼかされた画像が元の範囲からはみ出なくなります。（No.3428で比較実験しました。）
➋ 何らかの事情で上記のようにはしたくない場合は、例えば、
.imagelink.nsfw {
overflow: hidden;
display: inline-block;
}
というようなCSSを追記するのでも良いかもしれません。これは、標準スキンではfigure要素に対して付加されているスタイルです。画像がリンクになっているなら、画像は <a class="imagelink" ～>～</a> で囲まれますので、これに「中身がはみ出ないようにするスタイル」を加えれば良さそうに思います。
➌ 新着画像リストでぼかされた範囲が外に出ないようにするには、例えば、
.imagesearch {
overflow: hidden;
display: inline-block;
width: 100px;
height: 100px;
}
というCSSを追加した上で、既存の .imagelistbox .oneimage { ～ } の中にある width: 30%; という行を削除すると良さそうな気がします。
上記でご紹介したコードはどれも、いま思いついただけのものなので、もっと良い書き方があるかもしれません。（何か思いつかれた方がいらっしゃったらぜひ教えて下さい。）
🍵Re:3427◆サポートありがとうございます！
実験
➊キャプションあり → ➋キャプションなし → ➌キャプションに空白文字を臨時指定
▼NSFWフラグ画像：
①
NSFWフラグ付与の例
▼ノーマル画像：
①
キャプションだぜ！
➊キャプションあり → ➋キャプションなし → ➌キャプションに空白文字を臨時指定
▼NSFWフラグ画像：
①
③▼ノーマル画像：
①
③
>>3246
にししさんじゃないですが、キャプション付きを指定して投稿すると本文のほうははみ出さないですよ。キャプション付きでもキャプションを空にして大丈夫です。
にししさんじゃないですが、キャプション付きを指定して投稿すると本文のほうははみ出さないですよ。キャプション付きでもキャプションを空にして大丈夫です。
