何らかの配布場

文字を虹色に光らせたかったので、てがろぐの自由装飾で文字を虹色に光らせるcssを置いておきます #カスタマイズ #自由装飾

参考：
→「CSSで色んなものを虹色に光らせる」
→「【html/CSS】虹色の作り方【背景・文字・アニメーション】」
続きを読む
●文字を大きくする(「deka」)
.deco-deka { font-size: 1.6rem; font-weight: bold; line-height: 2rem;}

「font-weight: bold;」部分はお好みで


●文字を虹色にする(「nizi」)
   .deco-nizi {
      background: linear-gradient(to bottom, Magenta, yellow, Cyan, Magenta) 0 25% / 100% 70%;
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      display: inline-block;
   }


●文字を虹色にアニメーションさせる(「gaming」)
   .deco-gaming {
      background: linear-gradient(to bottom, Magenta, yellow, Cyan, Magenta) 0 / 100% 200%;
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      display: inline-block;
      animation: deco-gaming 2s linear infinite;
   }

   @keyframes deco-gaming {
      0% { background-position: 0 0;}
      100% { background-position: 0 -200%; }
     }
畳む

#カスタマイズ

(10/14)cssで実装したよ！　>>26

※ギャラリーモード時鍵付き投稿内画像が表示されないので代替画像を表示させる

「kozin」ギャラリースキン「skin-onelog.html」の[[COMMENT:PICTS]]の下に

<a href="[[PERMAURL:PURE]]"><img class="embeddedimage" src="images/鍵クッション画像名"></a>

と記述してクッション画像をimagesフォルダに入れておくと、ギャラリーモードでクッション画像が表示され、クリックで投稿記事に飛べるようになる…はず…！(ちゃんと検証してないのでなんかバグったらすみません)

#開発
[[COMMENT:PICTS]]の下に適当な鍵クッション画像を読み込んでおけば2枚目以降非表示だからいけそうだけど…　でもちょっと野暮ったいかな…大丈夫そうなら後で詳しく書きます

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

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

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

なるほど鍵付き投稿はギャラリーモードでは本文に書かれたハッシュタグも読み込まない…(当たり前っちゃそう)

#スキンkozinギャラリーモードのcssは、
【「tegalog-kozin.css」の記述まるごと＋ギャラリーモード用記述ちょこっと】
という構成になっています。ので、「kozin」をギャラリーモードスキンとセットで使う場合は、ギャラリーモード用cssの【「tegalog-kozin.css」の記述まるごと】部分をごそっと消して、「skin-cover.html」のheadにて上の階層から「kozin」cssも一緒に読み込むようにしておくと、#カスタマイズ やメンテがしやすくていいかもしれません。

日付境界バーとか1記事の下にあるユーティリティリンク枠とかは、必要なければ設定から非表示にしておいてください
#カスタマイズ

スキン「kozin」配布



ダウンロード(23/11/4更新)

→デモ用サンプル記事

説明

• にししふぁくとりー様で配布されているマイクロブログツール「てがろぐ」用のスキンです(Ver 4.1.0で動作確認)
• 画像管理もできるひとりごとツールとして使うことを想定しています
• てがろぐ公式の標準スキンを改造して作っています
• 配布はゆるゆる適当ですが一応利用規約的なものをさらっと読んでおいてください

↓以下詳細説明
続きを読む
使用フォント
アイコン：Google Fonts Icons (Material Icons Rounded)

できること

• cssファイルを少し編集するだけで全体の色カスタマイズができます
• 特定のファイル名画像をアップするだけでヘッダー画像の差し替えができます
• メタタグによる簡単な検索避け付
• デフォルト機能：カテゴリ、ハッシュタグ、全年月リスト、フリースペース等
• ギャラリーモード、NSFW画像ぼかし機能

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

※ヘッダー画像の差し替え方
管理画面から「tega_header.png」という名前の画像をアップする、もしくは「images」フォルダ内にそのまま入れる
「設定」→「システム設定」→「画像投稿機能」で「元のファイル名をできるだけ維持する」になっているか確認してください
元画像の大きさに関わらず、最大横幅150pxくらいで表示されます(ここのヘッダーの元画像は512px四方)。大きく表示したい場合はcssファイルの200行目あたりを書き換えてください

※ギャラリーモードの仕様

• ギャラリーモードでは、カテゴリとタグの後ろの記事数は非表示にしています(全体の記事数が出ちゃうため)
• 画像の並びを3列にしているので、1ページに表示する記事数は3の倍数に設定しておくといいかもしれません
• てがろぐ標準の画像拡大スクリプトLightboxなら、ギャラリーモード時に記事を飛び越えて全ての画像を拡大閲覧できます。ただしNSFW画像もそのまま閲覧できてしまうため、他のスクリプトを使って記述を工夫したり、カテゴリやタグを使ってなんかうまいことやってください
• 「(鍵付き投稿の)n枚目の画像を [[ONEPICT:n]] 記法等で表示する」設定のチェックを外しておくことを推奨します。(Lightboxの移動で全画像見えちゃうため)

#スキンkozin
　
更新履歴
2023/11/04

• クレジットというかここの名前とURLをソース内に追加
• 諸々の隙間の細かい調整
• テキストエリアの色とか文字の大きさとか
• ギャラリーモード時鍵投稿にも画像が表示されるように

2023/09/22　配布開始

畳む

「ギャラリーモードで鍵投稿のとこだけ空白になるの格好悪いから1枚目をワンクッション画像にしよう！と思って設定で「n枚目の画像を [[ONEPICT:n]] 記法等で表示する」にしたらLightboxで全部見えちゃう」問題、代替画像を表示する方法を試行錯誤中
#開発

このカテゴリで、お知らせ、更新、開発、返信などができたらいいなあと思っている(タグで分ける)