何らかの配布場

ここと各デモサイトのてがろぐをVer 4.5.0.にアップデートしました。
何かおかしいとか表示がヤバいとかあったらこっそり教えてください。

・kozinテンプレとスキンの調整の修正
・↑と同時にkozin画像一覧モードスキン
・カテゴリ横並び時の階層構造対応
・ippenの修正

<details>内の要素にはbox-sizingの値が継承されないっぽい

#カスタマイズ
tenranとかaienの主タイトル部分の幅が狭いから改行位置に苦労してたけど、
「skin-cover.html」の
<h1 class="maintitle"><a href="[[HOME:URL]]" class="maintitlelink">[[FREE:TITLE:MAIN]]</a></h1><!-- メインタイトル -->
部分の[[FREE:TITLE:MAIN]]を消して、<br>や<wbr>を使って直接書き込む手段もあるな…

#自由装飾
説明リストを利用してプロフィール項目に使えそうな自由装飾作った

名前

ナンラカノ・ハイフバ

性別

不明

職業

てがろぐスキン配布

経歴と生い立ち

2023年9月22日、勢いでてがろぐスキン配布開始。

PCは横並び、スマホからだと縦並びになります。
てがろぐ上での記述は以下のようになります(てがろぐのリスト記法に「DL」と「proflist」というオプションをつけ、項目と説明を改行して交互に書く)。

[L:DL:proflist:
名前
ナンラカノ・ハイフバ
性別
不明
職業
てがろぐスキン配布
経歴と生い立ち
2023年9月22日、勢いでてがろぐスキン配布開始。
]

→リストの記述方法(公式ページ)

(10/24追記)
今気付いたけど中の説明欄にリンク貼ったりするとブロックごと横並びになっちゃいますね…応急手当ですが、説明全体を適当な名称の自由装飾で囲んでおくと表示崩れをごまかせます。
↓こんな感じ
[F:a:2023年9月22日、勢いで[てがろぐ](https://～)スキン配布開始。]

↓以下CSS(スキンのCSSファイルか、設定→フリースペース→【上書きスタイルシート】に書き足すといいと思います)
続きを読む
/* 項目列挙用説明リスト */
dl.listdeco-proflist {
width: 100%;
margin: 1rem auto;
display: grid;
grid-template-columns: 150px 1fr;/* 項目タイトル150px、説明幅いっぱいの繰り返し */
gap: 0.5rem;
}
.listdeco-proflist dt {/* 項目タイトル */
margin: 0;
padding: 0.3rem 0.8rem;
color : white;/* 項目タイトルの文字色 */
background-color: silver;/* 項目タイトルの背景色 */
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.listdeco-proflist dd {/* 項目説明 */
margin: 0;
display: flex;
align-items: center;
}
@media only screen and (max-width: 499px) {/* 画面幅499px以下のとき横並びを解除 */
dl.listdeco-proflist { display: block;}
.listdeco-proflist dt { margin-bottom: 0.5rem;}
.listdeco-proflist dd { margin-bottom: 1rem; justify-content: center;}}
.listdeco-proflist + br { display: none;} /* 直後の改行を非表示 */
畳む

aien更新しました。kozin・sirasonと色の変数名を揃え、各所の配色を若干変更、ギャラリーモードは単独記事へのリンクをサムネから分離し、サムネクリックの挙動をカスタマイズできるようにしました。何か不具合等ありましたらお気軽にご連絡ください。

#カスタマイズ #スキンaien
ギャラリーモードで、画像をクリックで拡大ではなく単独記事に飛ぶようにする
2024/09/30以降リニューアルしたaienでは、ギャラリーモードで通常投稿のサムネをクリックすると画像が拡大表示され、鍵投稿のサムネをクリックすると単独記事に飛ぶ仕様になっています。これを、全てのサムネをクリックで単独記事に飛ぶようにする方法です

①「tegalog-aien-gallery.css」793行目あたりの
.gallogbox:not(.logstatus-lock) .imgpermalink { display: none;}
を消す

②ギャラリースキンの「skin-onelog.html」5行目あたり[[COMMENT:PICTS]]を[[ONEPICT:1]]に書き換える

#カスタマイズ
#スキンaienのギャラリーモードは、標準スキンの
「skin-onelog.html」内[[ONEPICT:1]](1投稿1枚目の画像を読み込む)の部分を
[[COMMENT:PICTS]](1投稿全ての画像を読み込む)にして
cssの.imagebox :nth-child(n+2) { display: none;}の部分で2枚目以降を非表示にしています。
これはギャラリーモードだけで全ての画像を見られるようにするためですが、標準の仕様と同じにしたい方は、
ギャラリーモード用スキンの「skin-onelog.html」5行目あたり[[COMMENT:PICTS]]を[[ONEPICT:1]]に書き換え、
「tegalog-aien-gallery.css」の740行目あたり.imagebox :nth-child(n+2) { display: none;}の部分を消しておいてください。

この標準仕様なら、「(鍵投稿でも)n枚目の画像を [[ONEPICT:n]] 記法等で表示する」設定で1枚目の画像がワンクッションになるはずです

「(鍵投稿でも)本文の1行目だけは常に見せる」設定だと、1行目に書いたハッシュタグがギャラリーモードでも表示されます　ご都合のいい方で使い分けてください

#開発
創作の登場人物やTRPGなどのキャラクターをまとめる用のスキンを作ってみています。サムネイルは大きさや比率を自由に変更できます。なので作品展示スキンとしても使えるかも
今月いっぱいはこれ作ってる予定なので、こういう機能ほしいとかこういう自由装飾ほしいとかがあればお気軽にメッセージください～(実装できるかどうかはわからない)

#カスタマイズ #スキンtenran03
ギャラリーモードで、画像をクリックで拡大ではなく単独記事に飛ぶようにする
2024/07/25以降更新したtenran03では、ギャラリーモードで通常投稿のサムネをクリックすると画像が拡大表示され、鍵投稿のサムネをクリックすると単独記事に飛ぶ仕様になっています。これを、全てのサムネをクリックで単独記事に飛ぶようにする方法です

①「tegalog-tenran03-gallery.css」818行目あたりの
.gallogbox:not(.logstatus-lock) .imgpermalink { display: none;}
を消す

②ギャラリースキンの「skin-onelog.html」7行目あたり[[COMMENT:PICTS]]を[[ONEPICT:1]]に書き換える