てがろぐ - Fumy Otegaru Memo Logger -

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

■フリースペース：編集

ここは、CGIの設定画面から自由に文章を入力して掲載できるスペースです。スキンを編集しなくてもCGI上から手軽に内容を変更できます(HTML使用可)。
動作サンプルです。◆他のスキン：標準スキン, 昔のツイッターっぽいスキン(ピンク版), 付箋型スキン, シンプル日記スキン, ジャーナル(日誌)スキン, ブログタイプスキン, チャットタイプスキン, 黒板スキン《てがろぐCGIの配布ページに戻る》

No.5170, No.5123, No.5097［3件］

details要素＋summary要素で実現される「折り畳む」機能を搭載した Ver 4.6.1β(未配布)の動作テスト。

折り畳み

折り畳み表示のテスト
こんな感じで見えます。

ラベルはその都度指定します

もちろん、1投稿内にいくつでも書けます。

入れ子にもできます

ただし、details要素はspan要素等のインライン要素の内側に書くとHTMLの文法的に正しくなくなるため、そのように文字装飾を書いてしまうと直前のCSSが意図通りに適用されなくなる問題がある点に注意が必要です。

JavaScriptなしで動作する点も良いですね。装飾はCSS次第で好きなようにできます。
ここの動作試験場では、標準スキンにしか(まだ)CSSを用意していません。が、details要素＋summary要素はHTMLだけで動作しますから、CSSがなくても（単に装飾がないだけで）動作はします。

(401文字) No.5170 at 2025/05/10(土) 19:39:11〔38日前〕 by

にしし編

テスト

CARD = TEST...
CARD-S = TEST...
CARD-L = TEST...
畳む

CARD = (Loading...)...
CARD-S = (Loading...)...
CARD-L = (Loading...)...
畳む

(143文字) No.5123 at 2025/04/24(木) 17:38:24〔54日前〕 by

にしし編

ちなみにですが、使い方の説明にある [リンクラベル:CARD]URL の「リンクラベル」というのは、『「リンクラベル」の6文字を書く』という意味ではなくて、『そこに（OGPの情報が読み込まれる前の段階で見せたい）テキストを書いてね』という意味ですので。何らかの要因でOGPが読めなかったり、JavaScriptが正しく実行されなかったりした場合には、リンクラベルとして書いたテキストがカードのタイトルとして採用された状態で表示されます（ので、たとえOGPが読めなくてもリンクとしては正しく機能します、という仕様です）。
なので、リンク先の内容を表す簡潔な内容をリンクラベルとして書いておく方が望ましいと思います。

なお、全文検索の際には、投稿本文内に書いたリンクラベルだけが検索対象になります。（OGP情報は後からJavaScriptで合成しているだけなので検索対象になりません。）

(392文字) No.5097 at 2025/04/13(日) 15:22:21〔65日前〕 by

にしし編

初期表示に戻る

■全文検索：

複合検索窓に切り替える

■複合検索：