何らかの配布場

nanraka-no-haihu-ba

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

No.60

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

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

つぶやき 2023.Dec.1(Fri) 20:17

« No.59 / No.61 »

初期表示に戻る

-Tags-

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