先頭固定
アバウトと利用規約
一般常識の範囲内ならご自由に使っていただいてかまいませんが、一応詳しいとこ書いときます
免責事項
当サイトで配布しているものを利用したことによって生じた損害等の一切の責任を負いかねますのでご了承ください。
OKなこと
ダメなこと
一応公式掲示板にあった、標準スキン改造した場合の配布について→No.2920
管理人:えむけー →連絡用(Googleフォーム)
「何らかの配布場」(「何配」でも「NnHB」でも)
URL:https://mk-okiba.wew.jp/tegalog_haihu/
リンクフリー バナーはお持ち帰りでどうぞ
登録サーチ様:
てがろぐ開発者様:
→てがろぐ公式ページ
畳む
一般常識の範囲内ならご自由に使っていただいてかまいませんが、一応詳しいとこ書いときます
免責事項
当サイトで配布しているものを利用したことによって生じた損害等の一切の責任を負いかねますのでご了承ください。
OKなこと
- 個人・商用利用
- 改造
- 改造再配布(公式ページに書いてなかったけど多分大丈夫じゃないかな…)
- 管理人が死んだとかこのサイトがなくなったとき、スキン自体を代理配布すること(管理人の名前を添えてくれると嬉しい)
ダメなこと
- 自作発言
- スキン自体を売るなどの営利利用
- 政治・宗教・実写アダルトサイトでの使用
- 誰かを攻撃したり傷付けるための使用
- てがろぐ自体の使い方についてはてがろぐ公式ページをご覧ください
- バグ報告歓迎 直せるかどうかは別
- 管理人はド素人なのでhtmlやcssに関する質問にはお答えできません ごめん
- ただ、スキンの問題やカスタマイズについて自分で調べてみてどうしても解決できなかったら聞いてみてください(解決できるとは限りませんが…)
- 配布とかするの初めてなので、なんか規約違反とかこれマズイんじゃないのとかあったらこっそり教えてください…
一応公式掲示板にあった、標準スキン改造した場合の配布について→No.2920
管理人:えむけー →連絡用(Googleフォーム)
「何らかの配布場」(「何配」でも「NnHB」でも)
URL:https://mk-okiba.wew.jp/tegalog_haihu/
リンクフリー バナーはお持ち帰りでどうぞ
登録サーチ様:
てがろぐ開発者様:
→てがろぐ公式ページ
畳む
2024年4月
ippen作品展示用スキン「ippen02・03」バラ配布
↓先頭固定がトップページに出る版
↓トップがいきなり一覧版
説明
使い方
セットの方のippenとだいたい同じです(自由装飾も同じものが入っています)
02は記事を先頭固定でトップに、カテゴリ付けて投稿でメニューからの一覧に出ます
「WORKS」からのリンクは、全記事の一覧を出すため、adminユーザーの投稿一覧へ繋げています 特定のカテゴリや近年の投稿のリンクにするなどお好みでカスタムしてください
03のいきなり一覧版はトップが全記事一覧になります
トップ絵は「topimg_i.png」の名前の画像をアップしてください(もしくは「images」フォルダ内にそのまま入れる)
あとはセットの方のippenのデモサイトなども参考にしてください
→ippenデモサイト
#スキンippen
更新履歴
2024/04/26 配布開始
畳む
↓先頭固定がトップページに出る版
↓トップがいきなり一覧版
説明
- スキンセット「ippen」内作品展示用スキン単体での配布です
- ippenで別ファイルだったcssを統合し、単体スキンとして使用できるようにしています
- 使用フォント等はippenと同じなので割愛
- 一応→→利用規約
使い方
セットの方のippenとだいたい同じです(自由装飾も同じものが入っています)
02は記事を先頭固定でトップに、カテゴリ付けて投稿でメニューからの一覧に出ます
「WORKS」からのリンクは、全記事の一覧を出すため、adminユーザーの投稿一覧へ繋げています 特定のカテゴリや近年の投稿のリンクにするなどお好みでカスタムしてください
03のいきなり一覧版はトップが全記事一覧になります
トップ絵は「topimg_i.png」の名前の画像をアップしてください(もしくは「images」フォルダ内にそのまま入れる)
あとはセットの方のippenのデモサイトなども参考にしてください
→ippenデモサイト
#スキンippen
更新履歴
2024/04/26 配布開始
畳む
今気付いたんですけど、hokanとかの、サムネの一覧→単独記事に飛ぶスキンの場合、1行目に画像コードとタイトルを併記すると、サムネは1行目に載せた画像になり、単独記事での表示は2行目から載せた画像になる つまり記事のサムネを別に用意できるらしいです
[[COMMENT:TITLE]]はプレーンテキストで表示され画像は無視される仕様と、[[ONEPICT:1]]でサムネを呼び出す仕様が噛み合った結果だと思うんだけど、もしよかったら試してみてください なんか不具合あったら教えてください
[[COMMENT:TITLE]]はプレーンテキストで表示され画像は無視される仕様と、[[ONEPICT:1]]でサムネを呼び出す仕様が噛み合った結果だと思うんだけど、もしよかったら試してみてください なんか不具合あったら教えてください
#スキンippen #カスタマイズ
(04/26追記)↓の内容を反映して更新しました
バラ配布用のやつ作ってたんですけど、メニュー部分をメインコンテンツ内に入れちゃったせいでカスタマイズしづらいな…多分画面横幅いっぱいになってた方がいいと思う
<main><!-- メニューとメインコンテンツを囲む -->
を</nav>の下に持ってくる(<nav>~</nav>を<main>~</main>から外す感じ)
「ippen-style.css」の109行目あたり.mainmenu ul {~}の
padding: 0.5rem 0; を padding: 0.5rem 1.3rem; にする
margin: 0; も追加しといたほうがいいかもしんない
あとはborder-bottom: 1px solid var(--usu-mozi-iro);とかで下に線を付けてみたりbackground-colorを好きな色にしたりbox-shadow: 0 1px 5px rgba(0,0,0,0.2);とかで影を付けるなり
取り急ぎ 更新時に直しておきます
(04/23追記)
もう一つ修正 59行目あたり.bodyarea {~}の
grid-template-rows: auto 1fr auto; を grid-template-rows: auto auto 1fr auto; に直しといてください
(04/26追記)↓の内容を反映して更新しました
バラ配布用のやつ作ってたんですけど、メニュー部分をメインコンテンツ内に入れちゃったせいでカスタマイズしづらいな…多分画面横幅いっぱいになってた方がいいと思う
<main><!-- メニューとメインコンテンツを囲む -->
を</nav>の下に持ってくる(<nav>~</nav>を<main>~</main>から外す感じ)
「ippen-style.css」の109行目あたり.mainmenu ul {~}の
padding: 0.5rem 0; を padding: 0.5rem 1.3rem; にする
margin: 0; も追加しといたほうがいいかもしんない
あとはborder-bottom: 1px solid var(--usu-mozi-iro);とかで下に線を付けてみたりbackground-colorを好きな色にしたりbox-shadow: 0 1px 5px rgba(0,0,0,0.2);とかで影を付けるなり
取り急ぎ 更新時に直しておきます
(04/23追記)
もう一つ修正 59行目あたり.bodyarea {~}の
grid-template-rows: auto 1fr auto; を grid-template-rows: auto auto 1fr auto; に直しといてください
#スキンippen #カスタマイズ
→てがろぐ Ver 4.2.4 beta版
カテゴリごとの単独記事遷移記述が来たのでちょっと取り急ぎippenのカスタム方法を殴り書きしておきます あとでちゃんと検証します(※不具合あるかもなのでやる場合はバックアップとってからやってね)
①tegalog-ippen.css439行目
/* 単独ページではページナビを非表示 */
body.onelog .pagelinks { display: none;}
を消す
②skin-onelog.html
7行目と11行目の
[[PERMAURL]]を[[PERMAURL:KEEPCOND]]に書き換え
これで、カテゴリ、ハッシュタグなどを限定表示した一覧から単独記事に飛んだときに、下の隣接投稿へのナビがそのカテゴリとかタグごとへのリンクになってるはず
ごめん今気づいたけど単独記事のナビは次前リンクが感覚的に逆になるんだな
skin-cover.html49行目あたり<!-- ページナビ -->の
<p class="pagelinks">[[NAVI:PREV]][[NAVI:PAGELIST]][[NAVI:NEXT]]</p>
を
[[IF(-onelog):<p class="pagelinks">[[NAVI:PREV]][[NAVI:PAGELIST]][[NAVI:NEXT]]</p>:IF]]
[[IF(onelog):<p class="pagelinks">[[NAVI:NEXT]][[NAVI:PAGELIST]][[NAVI:PREV]]</p>:IF]]
に書き換えでどうだろう これで一覧(最新投稿順)は「←前/次→」に、単独記事は「←次/前→」になって並びは一致するはず
あと「設定」→【ナビゲーションリンクの表示】で矢印の向きとかは調整してください
→てがろぐ Ver 4.2.4 beta版
カテゴリごとの単独記事遷移記述が来たのでちょっと取り急ぎippenのカスタム方法を殴り書きしておきます あとでちゃんと検証します(※不具合あるかもなのでやる場合はバックアップとってからやってね)
①tegalog-ippen.css439行目
/* 単独ページではページナビを非表示 */
body.onelog .pagelinks { display: none;}
を消す
②skin-onelog.html
7行目と11行目の
[[PERMAURL]]を[[PERMAURL:KEEPCOND]]に書き換え
これで、カテゴリ、ハッシュタグなどを限定表示した一覧から単独記事に飛んだときに、下の隣接投稿へのナビがそのカテゴリとかタグごとへのリンクになってるはず
ごめん今気づいたけど単独記事のナビは次前リンクが感覚的に逆になるんだな
skin-cover.html49行目あたり<!-- ページナビ -->の
<p class="pagelinks">[[NAVI:PREV]][[NAVI:PAGELIST]][[NAVI:NEXT]]</p>
を
[[IF(-onelog):<p class="pagelinks">[[NAVI:PREV]][[NAVI:PAGELIST]][[NAVI:NEXT]]</p>:IF]]
[[IF(onelog):<p class="pagelinks">[[NAVI:NEXT]][[NAVI:PAGELIST]][[NAVI:PREV]]</p>:IF]]
に書き換えでどうだろう これで一覧(最新投稿順)は「←前/次→」に、単独記事は「←次/前→」になって並びは一致するはず
あと「設定」→【ナビゲーションリンクの表示】で矢印の向きとかは調整してください
ippen更新履歴埋め込みスキン「kousin02」バラ配布
htmlにてがろぐの最新記事更新履歴を埋め込むスキン
説明
作成にあたり以下の記事を参考にさせていただきました。ありがとうございます!
→てがろぐCGIが出力した最新の1件を任意の場所にSSIで埋め込む方法
→先頭固定機能を使いつつ、最新の1件を別ページに埋め込みたい場合の方法
→「てがろぐ」の最新投稿をWordPressに埋め込んでみた
以下使い方
①「skin-kousin02」のディレクトリを「tegalog.cgi」と同じ場所に設置してください。(「setup.txt」は削除していいです)
②更新履歴を埋め込みたいhtmlファイルに以下の記述を足してください↓
<!-- 更新履歴(てがろぐkousin02スキン埋め込み) -->
<iframe class="kframe" src="tegalog/tegalog.cgi?skin=skin-kousin02&q=-BibbidiBobbidiBoo"></iframe>
※「src="tegalog/tegalog.cgi?」の部分は、てがろぐ本体を設置したディレクトリ名に合わせて書き換えてください。
③iframeの内側部分は「tegalog-kousin02.css」で装飾していますが、iframeの外枠部分は埋め込んだhtmlファイルを装飾するcssファイルに記述する必要があります。以下は装飾例です↓(このままでよければコピペしてください)
/* 更新履歴(外枠) */
.kframe {
display: block;
border: 1px solid lightgray;/* 外枠の線 */
width: 100%;/* 外枠の幅 */
max-width: 600px;/* 外枠の最大幅 */
height: 100px;/* 外枠の高さ */
margin: 0 auto 3rem;
}
#スキンippen
2024/04/07 配布開始
畳む
htmlにてがろぐの最新記事更新履歴を埋め込むスキン
説明
- スキン「ippen」内更新履歴埋め込み用スキン単体での配布です
- ippenで合体してたcssをkousin部分だけ抜き出して単体ファイルにして同梱しています
- 使用フォント等はippenと同じなので割愛
- 一応→利用規約
作成にあたり以下の記事を参考にさせていただきました。ありがとうございます!
→てがろぐCGIが出力した最新の1件を任意の場所にSSIで埋め込む方法
→先頭固定機能を使いつつ、最新の1件を別ページに埋め込みたい場合の方法
→「てがろぐ」の最新投稿をWordPressに埋め込んでみた
以下使い方
①「skin-kousin02」のディレクトリを「tegalog.cgi」と同じ場所に設置してください。(「setup.txt」は削除していいです)
②更新履歴を埋め込みたいhtmlファイルに以下の記述を足してください↓
<!-- 更新履歴(てがろぐkousin02スキン埋め込み) -->
<iframe class="kframe" src="tegalog/tegalog.cgi?skin=skin-kousin02&q=-BibbidiBobbidiBoo"></iframe>
※「src="tegalog/tegalog.cgi?」の部分は、てがろぐ本体を設置したディレクトリ名に合わせて書き換えてください。
③iframeの内側部分は「tegalog-kousin02.css」で装飾していますが、iframeの外枠部分は埋め込んだhtmlファイルを装飾するcssファイルに記述する必要があります。以下は装飾例です↓(このままでよければコピペしてください)
/* 更新履歴(外枠) */
.kframe {
display: block;
border: 1px solid lightgray;/* 外枠の線 */
width: 100%;/* 外枠の幅 */
max-width: 600px;/* 外枠の最大幅 */
height: 100px;/* 外枠の高さ */
margin: 0 auto 3rem;
}
#スキンippen
2024/04/07 配布開始
畳む
#自由装飾
更新履歴を自由装飾でスクロールバー付きボックスにしたので置いておきます
「s-box」
/* スクロールボックス */
.deco-s-box {
display: block;
width: 90%; /* 横幅 */
height: 60px; /* 縦幅 */
margin: 1rem auto;
padding: 1rem;
border : 1px solid 好きな色; /* 枠線 */
overflow: auto;
}
てがろぐの記事投稿時の改行を反映する機能とこういうblock系の装飾は、書くときの改行と余白の取り方を感覚的に一致させたいとき難しくて…まあ…こう…記事書くときに工夫してみてください(投げた)
更新履歴を自由装飾でスクロールバー付きボックスにしたので置いておきます
「s-box」
/* スクロールボックス */
.deco-s-box {
display: block;
width: 90%; /* 横幅 */
height: 60px; /* 縦幅 */
margin: 1rem auto;
padding: 1rem;
border : 1px solid 好きな色; /* 枠線 */
overflow: auto;
}
てがろぐの記事投稿時の改行を反映する機能とこういうblock系の装飾は、書くときの改行と余白の取り方を感覚的に一致させたいとき難しくて…まあ…こう…記事書くときに工夫してみてください(投げた)
「ippen」とりあえず配布しました!色々見落としありそうなのでしばらく修正強化期間にしたいです 特に更新履歴埋め込み周りの挙動が怖いので、よろしければお気軽にバグ報告とか質問お願いします…
→連絡用Googleフォーム
→連絡用Googleフォーム
テンプレート+スキン「ippen」配布
(2024/04/26更新)
→デモサイト(詳しい使い方)
説明
使用フォント
アイコン:Remix Icon
タイトルなどのフォント:Google Fonts Lato / IBM Plex Sans JP
デモ用画像など:Unsplash / FLAT ICON DESIGN
(※素材等はこのサイトのデモからではなく、元の素材サイト様からDLしてください)
なんでテンプレ+スキンのセット?
hokanやtenranはトップページもてがろぐ内で作れるようにしたけど、indexだけHTMLにした方が使い勝手がいいんじゃないかと思ったため(ドメイン名でサイト表示できるし他スクリプトも置きやすいかと思います)
主な機能
詳しくはデモサイトで解説しています
#スキンippen
更新履歴
2024/04/26 メニュー部分を画面横幅いっぱいにした
2024/04/06 配布開始
畳む
(2024/04/26更新)
→デモサイト(詳しい使い方)
説明
- HTMLとCSSのテンプレートと、にししふぁくとりー様で配布されているマイクロブログツール「てがろぐ」用のスキンのセットです(Ver 4.2.0で動作確認)
- トップページ用HTMLテンプレと作品展示用てがろぐで、ちょっとした個人サイトを作成することを想定しています
- てがろぐ公式の標準スキンを改造して作っています
- 配布はゆるゆる適当ですが一応利用規約的なものをさらっと読んでおいてください
使用フォント
アイコン:Remix Icon
タイトルなどのフォント:Google Fonts Lato / IBM Plex Sans JP
デモ用画像など:Unsplash / FLAT ICON DESIGN
(※素材等はこのサイトのデモからではなく、元の素材サイト様からDLしてください)
なんでテンプレ+スキンのセット?
hokanやtenranはトップページもてがろぐ内で作れるようにしたけど、indexだけHTMLにした方が使い勝手がいいんじゃないかと思ったため(ドメイン名でサイト表示できるし他スクリプトも置きやすいかと思います)
主な機能
- 埋め込み用スキンを使用し、てがろぐで更新した記事がindexに自動で載るようになっています
- メタタグによる簡単な検索避け付
- てがろぐの機能:カテゴリ、ハッシュタグ、フリースペース、鍵、NSFW画像ぼかし機能等
詳しくはデモサイトで解説しています
#スキンippen
更新履歴
2024/04/26 メニュー部分を画面横幅いっぱいにした
2024/04/06 配布開始
畳む
2024/04/26 作品展示用スキン「ippen02・03」バラ配布
2024/04/07 更新履歴埋め込みスキン「kousin02」放流
2024/04/06 テンプレート+スキン「ippen」配布開始
2024/04/02 メッセージ返信
2024/03/14 メッセージ返信
2024/02/15 メッセージ返信
2024/02/03 スキン「aien」配布開始
2024/01/16 メッセージ返信
2024/01/08 実験的スキン「zikken04」放流
>>2023年の更新履歴
配布物
>>てがろぐ用スキン「kozin」
つぶやき用のシンプルスキン(ギャラリーモード付き)
>>てがろぐ用スキン「sirason」
つぶやき用のシンプルスキン(ギャラリーモード付き)/メニューバー上部固定
>>てがろぐ用スキン「hokan」
絵や小説のログを整理・保管できるスキン(ちょっとした個人サイトっぽくできる)
>>てがろぐ用スキン「tenran」
絵や小説のログを整理・保管できるスキン(「hokan」の2カラムver.)
>>てがろぐ用スキン「tenran03」
つぶやき(ブログ)用のシンプルスキン(ギャラリーモード付き)/2カラム
>>てがろぐ用スキン「aien」
つぶやき用のシンプルスキン(ギャラリーモード付き)/メニューバー下部固定
>>テンプレート+スキン「ippen」
個人サイト作成用のHTMLテンプレート+てがろぐスキン
>>更新履歴埋め込みスキン「kousin02」バラ配布
>>作品展示用スキン「ippen02・03」バラ配布
実験的スキン置き場
※普段よりさらに無保障・無サポートのスキン未満物置き場 使えそうだったらどうぞ
>> 超シンプル画像展示スキン「zikken01」
>>IF文使用hokanシンプルバージョン「zikken02」「zikken03」
>>画像一覧モード用スキン習作「zikken04」