【配布】skin-tako-6
【概要】
試しに見てみる
配布.zip
【ライセンス】
当スキンについてはCC0で配布します。コピペ自由。というか改造を前提に作っています。
一応スキン製作者の表示をしていますが、消して問題ありません。
これはこのスキンについてのライセンスであり、てがろぐの使用条件 はにししふぁくとりー様に従ってください。
【説明】
このスキンはカスタマイズするのを前提に作成しています。
new.cssである程度のスタイルを適用していますが、お好きなフレームワークに差し替えたり、ご自身でスタイルを当てたりしやすいようにしています。
skin-cover.htmlも、skin-onelog.htmlもスキンの作成に必要な…というか私がよく使う構成で、スキン側で指定するクラスを排除して作成しています。
同梱されているcolor-theme.cssについて
new.cssで使用されているカラー設定を変更するためのCSSファイルです。不要な場合は使用しない、削除して問題ありません。
new.cssでどのようなスタイルがあてられるのかについては、公式サイト をご覧ください。
（GitHubからcss見るのが一番楽かも…）
同梱されているcustom.cssについて
以前公開していた、「HTMLサイト用の自作・配布テンプレートを適用する場合、追加で設定したほうがいいCSSの設定まとめ」の発展形のようなものです。
てがろぐスキンを改造するときにやったほうがいい設定を書いています。
（埋め込み動画の横幅を合わせる、NSFW画像のぼかしのはみだし対策など）
カレンダーや新着投稿などのクラスは、使わない人もいるかな…ということで記述していません。
（目的をもって「ここを装飾したい！」というときには、公式マニュアルが一番わかりやすいというのもあります）
カスタム絵文字の横幅など、CGI側で設定可能なクラスも同様に、記述をしていません。
「てがろぐスキンを作るなら絶対にやっておかないとダメそう」なクラスや、
「ここの装飾はやる人が絶対多そう」なクラスをピックアップしています。
また、.decorationEなどの、てがろぐ独自装飾の設定をクラスのみ記述しています。
お好きな装飾を加えてください。今あるものは網羅していると思います。抜けてたら教えてください。。。
「/*好みで変更してください*/」の部分は、見た目を整えるためにある程度の装飾をしています。
だいたいnew.cssの設定の流用なので、別のCSSを当てるときは、その通りに変更してください。
てがろぐの公式配布のスキンは、「それだけで使える」というスキンですので、CSSを見てもスキン側で指定してあるクラスと、CGI側で出力するクラスの差がわかりづらいですが、このスキンはスキン側で指定するクラスは一切ありません。
自作スキンのたたき台にどうぞ。
--------------------
追記2023.10.08
すみません、iPhoneで投稿フォームに移動するとズームされてしまう不具合があったので修正しています。
custom.cssに下記を追加してください。
textarea.tegalogpost {
font-size: 16px;
}
--------------------
このスキン（特にcustom.css）はてがろぐの更新がある場合、適宜アップデートする予定です。
（初版：2023.10.07）
【概要】
- new.css（CSSフレームワーク）を利用したシンプルなスキン
- クラスはてがろぐCGIが出力するもののみで構成
- カスタムに便利
- 確認バージョン：てがろぐ Ver 4.1.1.
試しに見てみる
配布.zip
【ライセンス】
当スキンについてはCC0で配布します。コピペ自由。というか改造を前提に作っています。
一応スキン製作者の表示をしていますが、消して問題ありません。
これはこのスキンについてのライセンスであり、てがろぐの使用条件 はにししふぁくとりー様に従ってください。
【説明】
このスキンはカスタマイズするのを前提に作成しています。
new.cssである程度のスタイルを適用していますが、お好きなフレームワークに差し替えたり、ご自身でスタイルを当てたりしやすいようにしています。
skin-cover.htmlも、skin-onelog.htmlもスキンの作成に必要な…というか私がよく使う構成で、スキン側で指定するクラスを排除して作成しています。
同梱されているcolor-theme.cssについて
new.cssで使用されているカラー設定を変更するためのCSSファイルです。不要な場合は使用しない、削除して問題ありません。
new.cssでどのようなスタイルがあてられるのかについては、公式サイト をご覧ください。
（GitHubからcss見るのが一番楽かも…）
同梱されているcustom.cssについて
以前公開していた、「HTMLサイト用の自作・配布テンプレートを適用する場合、追加で設定したほうがいいCSSの設定まとめ」の発展形のようなものです。
てがろぐスキンを改造するときにやったほうがいい設定を書いています。
（埋め込み動画の横幅を合わせる、NSFW画像のぼかしのはみだし対策など）
カレンダーや新着投稿などのクラスは、使わない人もいるかな…ということで記述していません。
（目的をもって「ここを装飾したい！」というときには、公式マニュアルが一番わかりやすいというのもあります）
カスタム絵文字の横幅など、CGI側で設定可能なクラスも同様に、記述をしていません。
「てがろぐスキンを作るなら絶対にやっておかないとダメそう」なクラスや、
「ここの装飾はやる人が絶対多そう」なクラスをピックアップしています。
また、.decorationEなどの、てがろぐ独自装飾の設定をクラスのみ記述しています。
お好きな装飾を加えてください。今あるものは網羅していると思います。抜けてたら教えてください。。。
「/*好みで変更してください*/」の部分は、見た目を整えるためにある程度の装飾をしています。
だいたいnew.cssの設定の流用なので、別のCSSを当てるときは、その通りに変更してください。
てがろぐの公式配布のスキンは、「それだけで使える」というスキンですので、CSSを見てもスキン側で指定してあるクラスと、CGI側で出力するクラスの差がわかりづらいですが、このスキンはスキン側で指定するクラスは一切ありません。
自作スキンのたたき台にどうぞ。
--------------------
追記2023.10.08
すみません、iPhoneで投稿フォームに移動するとズームされてしまう不具合があったので修正しています。
custom.cssに下記を追加してください。
textarea.tegalogpost {
font-size: 16px;
}
--------------------
このスキン（特にcustom.css）はてがろぐの更新がある場合、適宜アップデートする予定です。
（初版：2023.10.07）