スキン「meikan」配布

No.125

スキン「meikan」配布

ダウンロード

→デモ用サンプル記事

説明

にししふぁくとりー様で配布されているマイクロブログツール「てがろぐ」用のスキンです(Ver 4.4.0で動作確認)。
創作やTRPGなどのキャラクターまとめとして使うことを想定しています(ちょっと改造すれば汎用作品展示スキンとしても使えます)。
てがろぐ公式の標準スキンを改造して作っています。
メタタグによる簡単な検索避け付。
配布はゆるゆる適当ですが一応利用規約的なものをさらっと読んでおいてください。

↓以下詳細説明

使用素材等
アイコン：Remix Icon
タイトルなどのフォント：Google Fonts Chivo/BIZ UDPGothic
デモ用画像など：SILHOUETTE DESIGN

特徴

サムネイルの大きさと比率が変更できます。
サムネイルの切り取り部分がイラスト中央上部に設定されています。縦長が多いキャラクター立ち絵でも顔の部分がサムネに収まります。
プロフィール項目リストに使えそうな自由装飾がついています。
カテゴリ表示はニ階層目まで対応しています。

使い方
※全体の色カスタマイズ方法
「tegalog-meikan.css」ファイル12行目くらいからの「カスタム用色変更欄」のカラーコードを書き換えてください。

※メニュー下部のホームアイコンは「設定」→「フリースペース」→「フッタ用フリースペース」の「サイトのHOMEへ戻る」リンクです。

※サムネイル比率の変更の仕方
「tegalog-meikan.css」ファイル26行目くらいからの「--thumb-width」「--thumb-aspect」の値を変更してみてください。横長で大きくしたり縦長で小さくしてみたり。ブラウザの横幅を変えたりスマホで見たりしてみて、お好みの大きさと比率を設定してください。

※自由装飾
hokanやtenranなどに付属している基本的な装飾に加えて、プロフィールリストに使えそうな装飾もついています。詳しくは↓
>>デモ用自由装飾

※各部アイコンの変更方法
→Remix Icon

CDN(アイコンを使うためのリンク)はskin-cover.htmlの<head>で読み込んであります。
メニュー先頭のアイコンや管理画面アイコンなど、htmlファイルで指定されている箇所は、<i class ～ </i>のタグを貼り付けてください。
CSSファイルのcontent:～;で指定されている箇所は&#x～のあとの4桁の英数字をバックスラッシュの後ろに貼り付けてください。

・メニュー部分のカテゴリとタグのアイコン→「skin-cover.html」33・36行目あたり
・カテゴリ名リンクの横につくアイコン→「tegalog-meikan.css」588行目あたり
・各記事見出し横のアイコン→「tegalog-meikan.css」861行目あたり
・記事に画像がないときのサムネのアイコン→「tegalog-meikan.css」798行目あたり

サムネと見出しのアイコンだけ変えれば作品展示スキンとして使えるんじゃないかと思います。

#スキンmeikan
　
更新履歴
2024/10/24　配布開始
畳む

配布 2024/10/24(Thu) 21:24 edit_note

この投稿と同じカテゴリに属する投稿：
- カテゴリ「配布」の投稿だけを見る (※時系列順で見る)
この投稿日時に関連する投稿：
- 2024年10月24日の投稿だけを見る (※時系列順で見る)
- 2024年10月の投稿だけを見る (※時系列順で見る)
この投稿に隣接する前後3件ずつをまとめて見る

« No.124 / No.126 »

初期表示に戻る

FREESPACE

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

何らかの配布場

nanraka-no-haihu-ba