HOME
何らかの配布場
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%;}
ぶどうとレモン
こっちのがいいかな(幅いっぱいに並べられるだけ並べて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%;}
ぶどうとレモン
※画面幅いじってみると挙動がわかりやすいです
つぶやき
2023.12.1(Fri) 20:17
この投稿と同じカテゴリに属する投稿：
カテゴリ「つぶやき」の投稿だけを見る
(※
時系列順で見る
)
この投稿日時に関連する投稿：
2023年12月1日の投稿だけを見る
(※
時系列順で見る
)
2023年12月の投稿だけを見る
(※
時系列順で見る
)
この投稿に隣接する前後3件ずつをまとめて見る
« No.59
No.61 »
初期表示に戻る
FREESPACE
フリースペースエリアです。
管理画面から自由に編集ができます。
・プロフィールとか
・リンク集とかにしてもいいかも
TOP
CATEGORY
GALLERY
アバウト
(2)
配布
(15)
デモ用
(12)
つぶやき
(78)
返信
(21)
開発
(11)
鍵付き投稿
(1)
自由装飾
(5)
下げる投稿
(1)
スキンtenran
(5)
スキンsirason
(5)
スキンmeikan
(1)
スキンkozin
(7)
スキンippen
(8)
スキンhokan
(2)
スキンaien
(3)
カスタマイズ
(21)
お知らせ
(2)
htmlテンプレート
(1)
NSFW
(2)
全年月 (129)
2024年 (65)
2024年11月 (8)
2024年10月 (4)
2024年09月 (5)
2024年08月 (3)
2024年07月 (9)
2024年06月 (5)
2024年05月 (10)
2024年04月 (11)
2024年03月 (3)
2024年02月 (2)
2024年01月 (5)
2023年 (53)
2023年12月 (10)
2023年11月 (19)
2023年10月 (14)
2023年09月 (10)
2022年 (11)
2022年02月 (10)
2022年01月 (1)
新しい順(降順)
時系列順(昇順)
/* 画像サムネイル */
.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%;}
こっちのがいいかな(幅いっぱいに並べられるだけ並べて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%;}
※画面幅いじってみると挙動がわかりやすいです