てんぷろぐ- Tegalog Skin Demo -

あと「ノートっぽい」はだいたいこんな感じで配布できそうな気がするけどフリースペースのデザインももう少しいじったほうがいいかなぁ。「ひとり劇場」はネタとしては気に入ってるしヘッダフッタのデザインも好きなんだけどあんまり実用的ではないかもなぁって、もしかしたらラインもどきとかのほうがいいかなとかも思ってるけどどうなんだろう。

あと「ノートっぽい」はだいたいこんな感じで配布できそうな気がするけどフリースペースのデザインももう少しいじったほうがいいかなぁ。「ひとり劇場」はネタとしては気に入ってるしヘッダフッタのデザインも好きなんだけどあんまり実用的ではないかもなぁって、もしかしたらラインもどきとかのほうがいいかなとかも思ってるけどどうなんだろう。
どちらにせよほかの配布者さんのめちゃめちゃセンスあるスキンのほうが断然利用者さん多いのでたまに自分が作ったのを使ってくださる方いるの見たらマジでめちゃくちゃうれしい、五体投地してる
ありがとうございます🙏🙏🙏

カテゴリ「スキン概要」 に配布中スキンについての概要的なものを追加しました。

カテゴリ「スキン概要」 に配布中スキンについての概要的なものを追加しました。
改善予定のものについてのメモも。どれから着手するかはまだ決めてないのでもし需要があればいいねボタンを押すとかしてもらえればそれからやろうかな～とか思いますがここ見てる人いるのかな（アク解とか入れてないのでよくわかっていない、時々いいねボタン押してくださってる方いるようなのでそれで見られてるんだ～と判断していますありがとうございます）

あ…朝活の頭で見たら投稿フォーム周り…

あ…朝活の頭で見たら投稿フォーム周り…
テキストエリア同じclass名ついてましたねそこは同じでよかったんだ😅あと新規投稿・編集画面のほうはもともとログインしないと見れないページだからログイン判定は不要だったかもしれない、今更気づいた
あとで時間あるときedit.js見直す#作業覚書

やったー#てがろぐ記法 カテゴリツリーとRSS＋#javascript でサイトトップにカテゴリ別新着表示できたよ～＼(^o^)／

やったー#てがろぐ記法 カテゴリツリーとRSS＋#javascript でサイトトップにカテゴリ別新着表示できたよ～＼(^o^)／
これでますます普通のサイトっぽく運用できるのでは！？需要があるかは知りませんが！
[[LATESTLIST:CAT(カテゴリID)]]使ってないのは今後カテゴリ増やしても自動で表示増やしてくれるはずってのと[[LATESTLIST:CAT(カテゴリID)]]だと多分画像の表示ってできない（はずだ）から

文字装飾で実際に出力されるHTMLタグの変更方法（Ver 4.3.2以降）

文字装飾で実際に出力されるHTMLタグの変更方法（Ver 4.3.2以降）
https://www.nishishi.com/cgi/tegalog/usage/#howtouse-chardecoration-element
これ気になってて今更試してみた（斜体「i」をコード「code」に）んだけど過去に斜体「i」として使ってた部分もコード「code」になっちゃうんだ、都度都度CGIが変換してるんだろうから当たり前体操#てがろぐ記法
そういう仕様で文句はないけど多分そのうちそういうものだと忘れちゃうと思うので覚書

1スキンで全部賄うのなかなか難しいですね🤔

1スキンで全部賄うのなかなか難しいですね🤔
例えば小説カテゴリの一行目をタイトルとして＋二行目を概要とか注意書きにして記事単体表示では表示させたくない
みたいな用途で使いたくて本文を[[COMMMENT]]じゃなく[[COMMENT:LINE:n]]で分割して一行目二行目をdivで括ってという方法にしてたんだけどそうすると通常の表示で微妙に変なのと＜＞（半角）での隠すができなくなっちゃう
IFの#てがろぐ記法 駆使してみて一瞬通常記事単体表示と小説カテゴリに属する記事単体表示で出力されるHTMLを別にできたと思ったんだけどKEEPCONDって限定表示からしか引き継がれなくて特定カテゴリに属する記事単体表示時に適用したいデザインがあったとしてカテゴリ限定表示時のページからたどったリンクじゃないと思ったようにいかない…#CMSkin ではカテゴリ別になってる記事にそうじゃないルートでたどり着くのまぁ手間がかかるとは思うし普通の閲覧者はそのルートとらないとは思うんだけど気になった…ので#javascript であれこれした、どうだろ

ここに置いてるてがろぐ公式Standardスキンにも

ここに置いてるてがろぐ公式Standardスキンにも
common.cssとcommon.jsを導入した🥳
これでクイックポスト周りの拡張と独自装飾使えることが改めて分かって良き
Twemojiはスクリプト読み込んでないのでトリガーだけがエラー起こしてるけど（common.jsに書いてるので…）なんか思ったけどブラウザのデフォ絵文字でも結構可愛くてこれはこれでいいんだなと思ったりもしました。エラー出てるのは嫌だけど
実は最近はTwemojiなのかデフォ絵文字なのかわからないときもあるので（目が悪いのか）そういうときはにししさんがサンプルとして登録してくれてる記事>>4： を見るようにしている…（ポップアップだとjs効かないから？Twemoji入れててもデフォ絵文字で表示されるよ）

てがろぐのカスタム絵文字が面白い - 10press

てがろぐのカスタム絵文字が面白い - 10press
絵文字ピッカーの話書いたー。
ここのコードで多分ほかのスキン使っててもいけるはず。改変同梱公開を許可してくださったおくとさんに感謝🙏
本当はいろいろ本家から変えた部分とかそれがどういう意図でそうしたかとか書こうと思ったけど力尽きた
なんだっけ…
edit.jsで使いたかったからピュアjsにして入れ物のdivもjsで出力するようにしたとかそんなんだっけ

クイック投稿フォーム周りをjavascriptでいじっているときの覚書

クイック投稿フォーム周りをjavascriptでいじっているときの覚書

設定でログインしてないときは表示しないようにしてるとフォームのHTML自体も出力されないのでその中の要素を引っ張ってくるようなコード書くと非ログイン時にエラーなる。これで非ログイン時にTwemoji効かなくなってて焦った。今は修正済み。
対応としては.postformがあるかどうか見たほうが良さげ。

てがろぐスキン「ポストイット」 の配布を開始しました。

てがろぐスキン「ポストイット」 の配布を開始しました。
ミスがなければいいんだけど…あったら教えてください🙏#ポストイット

投稿フォーム周りの機能を追加・修正しています。

• カスタム絵文字ピッカーを「絵文字をクリックしたらtextareaのカーソル位置にコード挿入」仕様に
• textarea内の文字列を選択して押したらtextarea内の同一文字列すべてを自由装飾コードで囲める「自由装飾一気置換ボタン」

これも試してみてください～。

お盆休み始まるというのに地震が続いて心配ですね🥺大きな被害がないといいのですが…。

お盆休み始まるというのに地震が続いて心配ですね🥺大きな被害がないといいのですが…。
本日までの#進捗 は以下

• 自由装飾「twimage」の整え（#CSS ・奇数個対応）>>112：
• ギャラリーモードと画像一覧モードでNSFWフラグ付きのものがない場合には表示非表示ボタンを非表示に
• 絵文字ピッカーと画像一覧取得の表示の整え
• 投稿日時ボタンの表示をオンにしたときの投稿日時入力欄の表示整え

盆休み中にしたい#作業覚書

• スキン「ポストイット」配布ページ（済）
• スキンカスタマイズ入門解説

関係ないけど掃除と模様替えもしたい

ギャラリーモードのカスタマイズの話

ギャラリーモードのカスタマイズの話
https://www.nishishi.org/testground/tegalog/tegalog.cgi?posts=4618,4619
の件
てがろぐ「ギャラリーモード」のカスタマイズ | 10press
これじゃダメ？🥺わかりにくいかなぁ…🤔サポート板でのお答えだと確かにスマートだけどNSFWフラグが無視されちゃうんですよね
でも「画像一覧モード」ができたことだし差別化の意味でもギャラリーモードはデフォルトで記事に飛べるようになってもいいのかなぁとも思うけどどうでしょうか。私が現時点でギャラリーモードと画像一覧モードの差異があんまり理解できてないってだけかもしれない

【追記】って言ってたら来た～～～～！
https://www.nishishi.org/testground/tegalog/tegalog.cgi?postid=4620

次のバージョンで実装されそうな新機能も楽しみ！

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

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

偶数個の画像を自由装飾「twimage」で囲んで並べられる記述

偶数個の画像を自由装飾「twimage」で囲んで並べられる記述
キャプション付・NSFWフラグ付の表示が微妙だったのを修正しました

【追記】奇数個の画像を囲んだ場合にも対応しました（要#jQuery ）。一番目の画像が大きく表示されます。

意図しない空白（ソース内改行による）をなくすための#CSS

意図しない空白（ソース内改行による）をなくすための#CSS
リストなどを横並びにしてかつ改行（タグではなくエンターキー押して入れるやつ）による空白を埋めるならdisplay:inline-flex
figureタグの中のリンク付き画像に余白出る場合は.imagelinkにvertical-align: middle（bottomとかtopでもいい多分）←これimgにすでにvertical-align: middle設定してるのに何で余白が消えないのか～？と少々手間取った

コミックビューワを開いた後閉じたらページが一番上に戻っちゃう問題、再現性がまちまちで対策とろうにもなかなかうまくいかず🤔

コミックビューワを開いた後閉じたらページが一番上に戻っちゃう問題、再現性がまちまちで対策とろうにもなかなかうまくいかず🤔
以前いただいたfancybox閉じた後…って言うのと同じ感じかも（そちらは自分の環境では再現しなかった）？、今のCSSの組み方だともしかしたらそっちでも出るかもしれない😅
一応解決目指しはするけど今の時点ではお手上げっぽい…お盆休みにはポストイットかノートっぽいを配布したいからそっち先やっちゃうね＞＜＞＜