何らかの配布場

つぶやきでコード書いたとき見やすくしたいなあ　なんか背景黒いやつ　確か標準スキンにコードの自由装飾があった気がする

自由装飾でかなりなんでもできることがわかってきたので楽しくなっちゃってる　マイ自由装飾を投稿できる掲示板とかあったら楽しそう…

スキン「hokan」配布



ダウンロード(23/12/02更新)

→デモサイト(詳しい使い方)

説明

• にししふぁくとりー様で配布されているマイクロブログツール「てがろぐ」用のスキンです(Ver 4.1.0で動作確認)
• 絵や小説のログ整理・保管に使用することを想定しています(ちょっとした個人サイトっぽくできます)
• てがろぐ公式の標準スキンを改造して作っています
• 配布はゆるゆる適当ですが一応利用規約的なものをさらっと読んでおいてください

使用フォント
アイコン：Remix Icon
タイトルなどのフォント：Google Fonts M PLUS 2

できることの一部

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

詳しくはデモサイトで解説しています

#スキンhokan
　
更新履歴
続きを読む
2023/12/02

• 縦横サイズ取得できない画像が「thumb」で正方形にならない問題を修正
• 自由装飾「thumb」の挙動をちょっと変更
• 一覧デザイン3種の並び方の挙動をちょっと変更

2023/11/4　配布開始
畳む

このあいだfirefox更新してからセレクトボックスの矢印の色にcssが効かなくなって、でもめんどくてhokanのスクショ撮っちゃったんだけど(カテゴリメニューの矢印が黒くなってるのはそのせい)、どうやらバグだったらしくて今見たら元に戻っており、hokanのスクショがバグの証拠みたいになっとる

#開発
hokanの2カラムver.的なやつを作ってるんですが、トップがなくていきなり一覧→サムネクリックで単独記事にしようと思ったら内容分かりづらいな…とりあえずhokanと同じ作りにしてカスタムできるようにしたらいいだろうか

カスタム前提になるけど、hokanの超シンプルver.とか作ったらお手持ちのサイトに作品ページとして組み込みやすいか？

webpとかの、てがろぐ側で縦横サイズ取得できない画像は設定のサイズ指定とか効かない…？ちょっと調べておきます

（ツイート埋め込み処理中...）Twitterで見る

これサイトに組み込むギャラリーページとしてスキン作れるのでは？　いつもありがとうございます実装待機

#スキンhokan #お知らせ

(23/12/02)更新しました！

バグ見っけた！てがろぐ側で縦横サイズが取得できなかった画像を自由装飾の「thumb」で囲むと80px四方にならない

応急手当
「tegalog-hokan.css」655行目あたりの
.deco-thumb :where(.embeddedimage,.imagelink) { aspect-ratio: 1; object-fit: cover;}
を
.deco-thumb :where(.embeddedimage,.imagelink) { aspect-ratio: 1; object-fit: cover; width: 100%;}
に書き換えておいてください　すみません、次の更新で直します

スキン「tenran」配布



↓先頭固定がトップページに出る版
ダウンロード01(23/12/02更新)

↓トップがいきなり一覧版
ダウンロード02(23/12/02更新)

※「hokan」の2カラムver.のようなものです
「hokan」と同じで先頭固定がトップページに出るやつと、トップがいきなり作品一覧になるやつの2タイプあります。お好きな方をどうぞ

→01のデモ
(hokanデモサイトに被せてるのでタイトルとか使い方とか色々違いますが雰囲気だけ感じてください)

説明

• にししふぁくとりー様で配布されているマイクロブログツール「てがろぐ」用のスキンです(Ver 4.1.0で動作確認)
• 絵や小説のログ整理・保管に使用することを想定しています(ちょっとした個人サイトっぽくできます)
• てがろぐ公式の標準スキンを改造して作っています
• メタタグによる簡単な検索避け付
• 配布はゆるゆる適当ですが一応利用規約的なものをさらっと読んでおいてください

↓以下詳細説明
続きを読む
使用素材
アイコン：Remix Icon
タイトルなどのフォント：Google Fonts Montserrat・Noto Sans Japanese
ヘッダー画像：矢印デザイン
(※素材等はこのサイトのデモからではなく、元の素材サイト様からDLしてください)

使い方
「hokan」の2カラムver.なので使い方はだいたい「hokan」と同じです
→hokanデモサイト の「使い方」でなんかおおよその雰囲気を掴んでください

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

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

※「hokan」と違うところ

• PCで2カラム、タブレットやスマホでは1カラムのドロワーメニューになります
• 一覧デザインは「ichiran.css」と「omake」フォルダに入ってる「ichiran-mozi.css」の2種類
• 02のいきなり一覧版だと新着リストやフリースペースがなかったりします
• など。

↓「ichiran-mozi.css」のデザインはこんな感じ


#スキンtenran
　
更新履歴
2023/12/02

• タイトルのフォントサイズと行間調整
• mainareaがたまにオーバーフローするのを修正
• 2カラム状態のときリストの丸が消えてたのを修正
• 自由装飾「thumb」の挙動をちょっと変更
• 一覧デザインの並び方の挙動をちょっと変更

2023/11/18　配布開始

畳む