「kozin」デザイン画像一覧モード用スキン配布

No.137

「kozin」デザイン画像一覧モード用スキン配布

kozinデザイン画像一覧モード用スキン
ダウンロード

→画像一覧モードデモ

説明

にししふぁくとりー様で配布されているマイクロブログツール「てがろぐ」の画像一覧モード用のスキンです(Ver 4.5.0で動作確認)。
てがろぐ公式の画像一覧モードスキンを改造して作っています。
メタタグによる簡単な検索避け付。
配布はゆるゆる適当ですが一応→利用規約的なものをさらっと読んでおいてください。

↓以下詳細説明

使用フォント
アイコン：Google Fonts Icons (Material Icons Rounded)

使い方
※画像一覧モード用スキンとして使用してください。
「skin-kozin-picts」フォルダをtegalog.cgiと同じディレクトリに置いて、「設定」→「補助出力」→【画像一覧モードの出力】→スキン格納ディレクトリ名を「skin-kozin-picts」に変える。
もしくは
「skin-kozin-picts」フォルダを「skin-picts」という名前に変更してtegalog.cgiと同じディレクトリに置く。

てがろぐの「画像一覧モード」は、従来のギャラリーモード(画像を使用している投稿ごとに表示する)とは違い、画像一枚ごとに表示するモードです。2ページ以上の漫画やログをたくさん1記事に投稿する人はギャラリーモード、一枚絵が多く一覧でざっと見せたい人は画像一覧モード、が展示として使いやすいかと思います。
注※「images」フォルダに入っている画像は全て一覧になって表示されるので、鍵投稿などに乗せた画像にはあらかじめ「一覧外」フラグを付けておくことを推奨します。

→公式ページ「画像一覧モード」
→公式ページ「画像一覧モード用スキンの作り方・使い方」

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

※ヘッダー画像の差し替え方
つぶやき用kozinスキンを使っていて、既に「tega_header.png」という画像が「images」フォルダに入っている場合はそのまま適用されます。なかったら管理画面→画像の管理から「tega_header.png」という名前の画像をアップする、もしくは「images」フォルダ内にそのまま入れてください。
「設定」→「システム設定」→「画像投稿機能」で「元のファイル名をできるだけ維持する」になっているか確認してください。
元画像の大きさに関わらず、PCで150px四方、スマホで100px四方の円型になります。調整したい場合は「tegalog-kozin-picts.css」114行目より。
透過ロゴ画像やバナー等、丸くない画像を表示したい場合は「skin-cover.html」28行目あたり<img src="images/tega_header.png" class="headimg maru">のclass="headimg maru"の「 maru」を消してclass="headimg"にしてください。

※画像に重なっている検索アイコンの消し方
「skin-onelog.html」4行目あたりからの

<a href="?q=PICT:%20[[COMMENT:LINE:5]]" class="pictsearch" title="この画像が使われている投稿"><span class="material-icons-round">image_search</span></a>
を消す。

#スキンkozin
　
2024/11/23　配布開始
畳む

配布 2024/11/23(Sat) 15:17 edit_note

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

« No.136

初期表示に戻る

FREESPACE

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