ようこそ

ここはCGI「てがろぐ」スキンのデモを展示するサイトです。
このダイアログはスキンの機能の一つです。

上記を了承してサイトを閲覧するには「YES」を
了承しないので閲覧しない場合には「NO」を押してください。
ボタンを押したことはブラウザのローカルストレージに保存され、
次回からはこのダイアログは表示されません。

Please reload or enable CSS.

Please reload or enable CSS.

てんぷろぐ

- Tegalog Skin Demo -

お手軽一言掲示板(この辺の文章は「管理画面」の「設定」内にある「フリースペース」タブから編集できます。)

2024年7月 この範囲を時系列順で読む

いいね改でダメな文字

memo 52文字 読上
いいね改でダメな文字
…>はデータファイルの名前がエスケープされて記録はされるけど表から認識されない感じ

複数の画像の中にNSFWフラグ付が含まれるとき

sampleB,ジャンルB絵 78文字 読上
複数の画像の中にNSFWフラグ付が含まれるとき

満月を背に(フォトモンタージュ)
満月を背に(フォトモンタージュ)
お相撲さんのイラストです
思わず回想してしまうワンシーン(フォトモンタージュ)
思わず回想してしまうワンシーン(フォトモンタージュ)
お相撲さんのイラストです
お相撲さんのイラストです


偶数個の画像を自由装飾「twimage」で囲みます(キャプション付微妙対応)
満月を背に(フォトモンタージュ)
満月を背に(フォトモンタージュ)
お相撲さんのイラストです
お相撲さんのイラストです
思わず回想してしまうワンシーン(フォトモンタージュ)
思わず回想してしまうワンシーン(フォトモンタージュ)
お相撲さんのイラストです

Firefoxだったらこれでも表示されてたんだも~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ん

memo 101文字 読上
Firefoxだったらこれでも表示されてたんだも~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ん17237-gummydragon-10
>>72

chrome系でmp3のコントローラーが表示されていなかった状況を解消しました

memo 150文字 読上
chrome系でmp3のコントローラーが表示されていなかった状況を解消しました
#CSS でwidth:autoつけてたらダメって言うのと(これ前にも気づいたはずなんだけど直してなかった😅)audioタグに直接srcつけずに下にsource入れたら多分表示されるようになったと…思います#試行錯誤
20230408160318-admin.mp3

#てがろぐ 画像一覧モードの並び順

memo 178文字 読上
#てがろぐ 画像一覧モードの並び順
は画像ファイルのタイムスタンプ(更新日時)、index.xmlに保存されてる情報をもとにしてるのかと思ってそこを編集してもダメ、ファイル自体のタイムスタンプをいじる必要がある。WindowsではPowerShell使ったりで出来るっぽいけどなんか不安だったのでタイムスタンプ変更ツール | OsadaSoft を使った🙏

#てがろぐ記法

memo 320文字 読上
#てがろぐ記法

リンクに任意のclass属性値を加える「 :CL(英数字) 」
https://www.nishishi.com/cgi/tegalog/usage/#howtouse-makelink-opt-cl
任意の範囲をコメントアウト
https://www.nishishi.com/cgi/tegalog/usage/#howtouse-commentout
[!-- 中身 --]でコメントアウト、これはCSS等で非表示になるわけではなく、HTMLとしての出力自体がされません。らしいんだけどスキンファイルでは使えないんだなぁ(文字列として出力される)使えたらいいな~と思ったけどエディタではなんか設定しないと見難いか…

tegUpが非常に便利ででも毎回URL手打ちしてアクセスするの面倒だなぁと思ってたけど普通に管理画面トップのバージョンアップのお知らせから飛んだら設置してればそっちに飛ぶことをこの前知りました

memo 335文字 読上
tegUpが非常に便利ででも毎回URL手打ちしてアクセスするの面倒だなぁと思ってたけど普通に管理画面トップのバージョンアップのお知らせから飛んだら設置してればそっちに飛ぶことをこの前知りました4337-gummydragon-13
https://www.nishishi.org/hougen/?postid=2499

edit.jsでtegup.phpがあったらそれへのリンクを張るって言うのやってたけど記事投稿・編集画面からしか見れないし断然公式で実装してもらってるやつのほうが使い勝手がいいので没…
参考にしたページを覚書として置いておくfile io - 【徹底解説】JavaScript/jQueryでファイルの存在をチェック!サンプルコード付き

#てがろぐ記法

memo 120文字 読上
#てがろぐ記法
リストのオプションに絵文字を使えるのが楽しいことにいまさら気づき多用してみているんですけどなんか使えない文字がある。
試したうち「🖊️」と「🖼️」はダメだった45767-gummydragon-18何が違うんだろう…

#進捗 の話

memo 169文字 読上
#進捗 の話
>>48 からの状況、
  • ギャラリー・サイトマップ・画像一覧
  • 漫画ビューワ・名前変換小説

↓ここまで出来たらウェブ上のデモと差し替えてもいいかも
  • いいねボタン改の整え
  • サンプル投稿記事・サンプル画像の整え

↓配布するならここまでしたほうがいいかも
  • ファイル構成の整え
  • CSSコードの整え

#てがろぐ記法 忘れがちなあれこれ

memo 374文字 読上
#てがろぐ記法 忘れがちなあれこれ

フリースペースの話
https://www.nishishi.com/cgi/tegalog/custom/#specification-freespace
で区切って複数使うようにした場合一つ目の畳むの前の部分は[[FREESPACE:0]]となる、いつも0か1か忘れちゃうので

メインタイトルへのリンクの話
デフォでは[[HOME:URL]]になってて/tegalog.cgi?か/?が挿入されるので複数スキンを使うならDirectoryIndexを有効にして
https://www.nishishi.com/cgi/tegalog/setup/#nocgifilename
[[PATH:CGI]]にしたほうがいいかもしれない([[HOME:URL]]だとスキン適用状況が加味されたURLが出力される)
畳む2

コミックビューワ再挑戦

ジャンルB漫画 100文字 読上
コミックビューワ再挑戦
一つのスキンでも少しスマートに実装できないものかと調整。
どう…でしょうか45767-gummydragon-18#試行錯誤 あ~~~絵文字もやっちゃうなこれ修正済み
202304130039103-admin.png20230413003910-admin.png202304130039101-admin.png202304130039102-admin.png

画像一覧モードもできた

memo 121文字 読上
画像一覧モードもできた
詳細には飛ばずその場で画像モーダルにいく形にした >>55 からの#進捗
ギャラリーと画像一覧モードの横並びにする#CSS はcommon.cssに入れるのがいいかも、これはどのスキンにしてもそう変えないだろうし

ギャラリーモードできたぁいやまぁ以前と見かけ上はほぼ変わりないというかむしろ情報量は減ったけれどもここはもうシンプルに記事の一枚目見えて記事に飛べればいいやということにした明日以降画像一覧モードやるかぁ#進捗

memo 153文字 読上
ギャラリーモードできたぁいやまぁ以前と見かけ上はほぼ変わりないというかむしろ情報量は減ったけれどもここはもうシンプルに記事の一枚目見えて記事に飛べればいいやということにした25917-gummydragon-21明日以降画像一覧モードやるかぁ45450-gummydragon-11#進捗

リスト表示の#サンプル です。

sampleB 448文字 読上
リスト表示の#サンプル です。
参考:てがろぐ 使い方・設定方法 - にししふぁくとりー #てがろぐ記法
  • これは普通のリストです
  • これは普通のリストです
    • これは普通のリストを入れ子にしたものです
  • これは普通のリストです

  1. これは番号付きリストです
  2. これは番号付きリストです
    1. これは番号付きリストを入れ子にしたものです
    2. これは番号付きリストを入れ子にしたものです
  3. これは番号付きリストです

  • これは先頭記号を絵文字にしたリストです
  • これは先頭記号を絵文字にしたリストです
  • これは先頭記号を絵文字にしたリストです

これは説明リストです
オプションにDLをいれますよ
説明リストとは
定義語とそれに対する説明を対に表示するリストみたいな

  • これはclass名に「yoko」を指定した時のリストです
  • これはclass名に「yoko」を指定した時のリストです
  • これはclass名に「yoko」を指定した時のリストです

#独自装飾
ページ上部へ