ようこそ

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

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

Please reload or enable CSS.

Please reload or enable CSS.

てんぷろぐ

- Tegalog Skin Demo -

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

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

テキストエリア

memo 18文字 読上
テキストエリア
改行

したら
どう畳む

IFの条件付け難しい

memo 94文字 読上
IFの条件付け難しい
入れ子にできたらよかったんだけど現状無理なんだよなぁ#てがろぐ記法
…もう少し#試行錯誤 してダメだったら素直?にCSSでやったほうがいいかもしれない😂
#進捗

>>56: の#進捗 、表示非表示をトグルするように変更

memo 326文字 読上
>>56#進捗 、表示非表示をトグルするように変更
ギャラリーやサイトマップのスキンを一つで済ませられないかと思ってメインスキンのskin-onelog.htmlをインクルードしたら[[IF():~:IF]]が文字列で出力されちゃった45767-gummydragon-18do.さんのprofileスキンが一つでギャラリーと画像一覧を実現してるらしいのでどうやってるんだろと思ったら設定のほうでそれぞれモードの時のスキンディレクトリ名を変えるんだ…なるほど52002-gummydragon-14ここってどういうときに変更するんだろと思ったけどこういう使い方があるのかぁ天才だね…63268-gummydragon-17

ギャラリーモードページにアクセスした初回にはNSFWフラグのついたものをデフォルトで非表示にしておき、閲覧者がボタンを押してそれらを表示することを選べるようにしました。表示してもCSSで設定したワンクッションは有効です(いきなり全部外れるのもアレな気がして…)

memo 238文字 読上
ギャラリーモードページにアクセスした初回にはNSFWフラグのついたものをデフォルトで非表示にしておき、閲覧者がボタンを押してそれらを表示することを選べるようにしました。表示してもCSSで設定したワンクッションは有効です(いきなり全部外れるのもアレな気がして…)
このボタンをクリックしたことはセッションストレージに保存されブラウザタブが閉じられるまで状態が保持されます。

あとは…なんだろうやりかけのこととやりたいことメモするつもりでフォーム開いたのに忘れてしまった#進捗

固有カテゴリの表示について

memo 171文字 読上
固有カテゴリの表示について
IDにnovelを含むカテゴリ/IDにmemoを含むカテゴリに属する記事のデザインを変えるのに今までjsでごにょってたんだけど薄々これ属性セレクタで行けるのではと思ってたのでそっちに変更。
小説カテゴリについてはやっぱ注意書きとかあらすじ入れたい人が多いかな~2行目をそれ用にして、っていう方法使おうかな
#進捗

「隠す」ボタンによる「続きを読む」の表示

memo 270文字 読上
「隠す」ボタンによる「続きを読む」の表示
てがろぐ配布時のデフォルト設定のままdetailsタグっぽい?表示になるよう考えてみた

結果こんな感じ。かなり力技ですがどうでしょうか。
長い文章隠したいけど眠くなってきたため長い文章書けそうにありません45767-gummydragon-18
しかし最近は朝の早くから暑さで目が覚めるようになってきたため本当は早く寝たほうがいいのはわかっています。畳む

みたいな。まぁ普通の感覚で言ったらCSSいじくりまわすより設定画面でちょっと設定するほうが早いし安心なのはそれはそう。
#進捗

「#CMSkin for てがろぐ」で漫画ビューワを使う方法

投稿方法 427文字 読上
#CMSkin for てがろぐ」で漫画ビューワを使う方法
「CMSkin for てがろぐ」で投稿した記事内の画像をlaymicビューワー で見せる方法です。
「CMSkin for てがろぐ」ではIDに「comic」を含むカテゴリに画像を含む投稿をすると
  • 1枚目の画像をアイキャッチに
  • 記事内のすべての画像を貼った順番に
  • 漫画ビューワで見る

ような記事を作成します。
laymicビューワー は専用のディレクトリやHTMLを用意せずブログに画像を貼る要領で使えることが利点であると感じたため利用させていただきました。

※注意※
  • 絵文字を除く記事内の画像はすべて漫画ビューワ送りとなります
  • NSFWフラグがついていてもぼかしなどのスタイルがかからない場合は「.embeddedimage.nsfw」にCSSを当ててください。

実際の表示はカテゴリ「ジャンルB漫画」 を見てみてください。

ローカルホストにスマホから繋いで確認しています

memo 70文字 読上
ローカルホストにスマホから繋いで確認しています
今まで面倒くさいからやったことなかった45904-gummydragon-07
へぇ

#進捗 、クイックポストへの画像一覧表示と簡易プレビュー作り直した

memo 203文字 読上
#進捗 、クイックポストへの画像一覧表示と簡易プレビュー作り直した
たこつぼさんの絵文字ピッカー真似して読み込んだのにどうしてもCOPYボタンが使えないため諦めた😅
未完全だし画像たくさんアップしてたりめちゃくちゃ長文書くとどうなるかはちょっと未知数25917-gummydragon-20
パッと見あんまり進んでない感じなのにめちゃめちゃ疲れた…47580-gummydragon-12

#てがろぐ のmp4

memo 95文字 読上
#てがろぐ のmp4
別に埋め込みじゃなくても設定で許可してうpしたらファイル名のリンクが出るので(ブラウザによるのか…?)Lightboxじゃなくてfancyboxならモーダルで表示できる

#てがろぐ記法 の話

memo 242文字 読上
#てがろぐ記法 の話
[[IF(条件):~~:IF]]
で使いそうなもの
  • てがろぐトップ/トップ以外:(grandhome home nofiltering) / (-grandhome -home -nofiltering)
  • 特定カテゴリを除く:(selected-cat -cat-カテゴリID)※-cat-カテゴリIDだけではだめだった
  • 除外をORで指定したいとき「|」のあとに「-」が続くのがダメっぽい。単独だと「-カテゴリID」だけでも大丈夫っぽい

とりあえずいろいろと書き直し中。

memo 467文字 読上
とりあえずいろいろと書き直し中。
かなり変則的なファイル構成になるかもだけど自分が楽したいので…

#進捗
  • 〇:同一カテゴリ限定の前後リンク
  • 〇:edit.jsでtegup.phpがある場合それへのリンクを出力
  • 〇:Lightboxの画像送りを記事ごとに+NSFWフラグ付きを除外
  • 〇:カスタム絵文字ピッカー(その1) | Takotubo Club を新規・編集画面に導入(edit.js+edit.css)
  • 〇:編集画面のヘッダバーにてがろぐHOMEへのリンク挿入(edit.js)
  • 〇:管理画面へのヘッダバーにがろぐHOMEへのリンク挿入(user.js)

  • これから:共通部分のhtml・css・js吟味
  • これから:[[IF(条件):~~:IF]]記法の理解
  • これから:ギャラリー・サイトマップ・画像一覧
  • これから:漫画ビューワ対応
  • これから:夢小説対応
  • これから:ランダム記法をつかったおみくじ・いいねボタン改のお礼部分への利用
  • これから:ギャラリーの初期表示でNSFWフラグ付きを除外・ボタンクリックで表示

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

ページ上部へ