settings

何らかの配布場

nanraka-no-haihu-ba

てがろぐ用のスキンを配布する場所

検索語「PICT: webp_test_02.webp」の検索結果2件]

hokanでサムネイルにする#自由装飾 (thumb)、今は80px四方で整列させるだけなんだけど(以下)
/* 画像サムネイル */
.deco-thumb {
   display: grid;
   grid-template-columns: repeat(auto-fit,80px);
   gap: 5px;
}
.deco-thumb :where(.embeddedimage,.imagelink) { aspect-ratio: 1; object-fit: cover; width: 100%;}


h_test01.png
ぶどうとレモン
ぶどうとレモン
h_test03.pngNSFW画像テストですh_sagetest.pngh_kagitest.pngwebp_test_01.webpwebp_test_02.webp


こっちのがいいかな(幅いっぱいに並べられるだけ並べて100px以下になると折り返す)
/* 画像サムネイル 2*/
.deco-thumb2 {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(100px,1fr));
   gap: 5px;
}
.deco-thumb2 :where(.embeddedimage,.imagelink) { aspect-ratio: 1; object-fit: cover; width: 100%;}


h_test01.png
ぶどうとレモン
ぶどうとレモン
h_test03.pngNSFW画像テストですh_sagetest.pngh_kagitest.pngwebp_test_01.webpwebp_test_02.webp


※画面幅いじってみると挙動がわかりやすいです

つぶやき

webp画像投稿テスト
※ここの横幅最大値:300px
そのまま
そのまま


設定から手動でサイズ指定したもの
設定から手動でサイズ指定したもの

 
どうもwebp画像は設定で手動サイズ指定しても最大幅設定が効かないっぽい? 公式サポート掲示板のwebpが小さく表示されているのは、標準スキンcss側でmax-heightが指定されているからか
 
webpにも最大設定効かせようとすると多分jpgやpngとの兼ね合いが…まあいいか、はみ出してはいないようだし

つぶやき

FREESPACE
フリースペースエリアです。
管理画面から自由に編集ができます。
・プロフィールとか
・リンク集とかにしてもいいかも
expand_less