てがろぐ - Fumy Otegaru Memo Logger -

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

管理用

■フリースペース： 編集

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

or 管理画面へ

No.4449, No.4448, No.4447, No.4446, No.4445, No.4444, No.4443［7件］

Icon of admin あどみ ＞ 4440です。丸括弧が消えるのは不具合だったのですね。
次のアップデートまでは②の空白を含める方法で回避します。
返信ありがとうございました！てがろぐにはいつも大変お世話になってます。 1年以上前（月 18:45:12）
NO IMAGE にしし ＞ よもぎ餅は食べました。あと、シュガーバターの木も。

🍵Re:4446◆ちょいとソースを確認してみたところ、そんなに手間無く実装できそうな気がしましたので、そう遠くないうちに「2行目も常に見せる」的なオプション機能は加えられそうな気がします。ただ、もう次の正式版(Ver 4.3.0)の機能はFixしてしまったので、実装するとしてもその後のバージョンになります。気長にお待ち頂ければ幸いです。

🍵Re:4447◆分かりやすい解説とソースをどうもありがとうございます。まさしくその方法が簡便で良いですね！ :activeでいけたんですねえ……。なんとなく:activeはリンクとかボタンとかフォーム要素とかでしか機能しなさそうな先入観があったので思い至りませんでした。^^; 元日の地震以後、どんな状況なのか気になっていましたが、余裕が回復したのは何よりです。
 1年以上前（月 00:43:09） 回答/返信
Icon of admin あどみ ＞ テキスト塗りつぶしの件ですが自由装飾＋CSSのみで実現する方法を考えてみましたのでご参考になれば…
自サイト誘導すみません、不適切であれば削除してください。
てがろぐでも使えるテキスト隠しCSS | 10press
https://10prs.com/view/65 1年以上前（日 23:53:02）
Icon of admin あどみ ＞ 4444です。
実現方法考えて頂く方向でとても嬉しいです！なにとぞよろしくお願いします。
現状で出来る方法もご教示頂き感謝いたします。すごい便利ですね……ただ、該当作品の数がかなり多いのでちょっと元気なときじゃないと難しいです（自分の気持ちの問題です）。教えて頂いて本当にありがとうございます！また元気な時に動作を見たいと考えております 1年以上前（日 20:40:58）
NO IMAGE にしし ＞ 柏餅はないけど、よもぎ餅はある……。

🍵Re:4443◆URLが含まれていても自動でリンクにならないようにするには、「自動でリンクにはならないURLの書き方」をご活用下さい。◆その塗りつぶし機能なら、自由装飾記法を使えば実現できそうに思います。例えば、[F:fill:塗りつぶしたい範囲] のように書けば、その範囲が <span class="deco-fill">塗りつぶしたい範囲</span> のように出力されます。あとは、CSSでこの範囲の文字色を背景色と同じにすれば、お望みの初期表示になります。あとは、「クリックしたら文字色が変わる」という動作を加えれば済みます。「マウスが載るだけ」で良いなら :hover を使えば良いですが、モバイル端末に対応するにはその方法では不十分ですね。CSSだけで実現できる方法もありそうな気もするのですが、ぱっとは思いつかないので、とりあえずJavaScriptで書くとすると、
var decoFillElements = document.querySelectorAll('.deco-fill');
decoFillElements.forEach(function(element) {
  element.addEventListener('click', function() {
    this.style.color = 'black';
  });
});
とする方法はありそうな気がします（クリックで文字色を黒色にする場合）。もうちょっと何か短くスマートに実現する方法もありそうな気もするんですが。（どなたか思いついた方がいらっしゃったらぜひ教えて下さい。）◆画像に付与する属性値に投稿IDを含める方法は今のところはないんですが、何かそういう情報を含めようと思えば含められるようにできるような（例えば「data-scriptname="tegalog @ID@"」のように書くと @ID@ が投稿IDになるような）感じの機能はToDoリストに入れておきます。

🍵Re:4444◆なるほど、確かに1行目をタイトルとして使っているスキンでは、隠されている内容の説明は2行目に書きたいでしょうね。状況の説明をどうもありがとうございます。何か実現方法を考えてみます。
現在のバージョンでどうにかするには、タイトル掲載部分を [[COMMENT:TITLE]] ではなく [[COMMENT:LINE:1]] で作っておいて、投稿本文の1行目をタイトル [F:guide:鍵付き内容の説明] のように書く手はあるかもしれません。CSSで、 .deco-guide の部分だけはタイトルとしては表示せずに、鍵付き投稿の場合に限って説明文として表示させるように書く感じです。（※スキン側では [[COMMENT:TITLE]] だとプレーンテキストで出力されてしまうので装飾が無視されてしまいますから、 [[COMMENT:LINE:1]] にする必要があります。）
 1年以上前（日 14:44:42） 回答/返信
Icon of admin あどみ ＞ 4435です
てがろぐを使って小説を公開してまして、1行目にタイトル、2行目に小説についての簡単な説明、3行目以降に本文を記載しています。
一覧画面では、1行目に単独ページへ飛ぶリンクで、2行目はプレーンテキストです。3行目以降は表示してません。
単独ページでは3行目以降のみの表示をしています。
鍵を使うタイミングについて、人を選ぶような話のときにワンクッションの目的で導入したいと考えております。
にししさんの言われてるように2行目を1行目の末尾に持っていくと、サイトのレイアウトが変わってしまうので個人的にはできないです。
負担が大きければなくても大丈夫です…！ 1年以上前（土 20:47:16）
Icon of admin あどみ ＞ 4438です。返信ありがとうございます。

・<code>タグ
　装飾に[コード]が追加されて、内容が<code></code>で囲まれ、
　URL等が含まれても自動でリンクにならないのが理想です。

・塗り潰し版の隠す機能
　「続きを読む」ボタンは無く、隠した箇所は背景色と文字色が同色になり、
　クリックでスタイルが解除されるイメージです。
　例: 隠した場所をクリックする
　(「その投稿内の隠された部分を一括で表示する」ボタンもあれば便利かと思いますが)

また、ご相談なのですが、てがろぐにFancybox v5を設定しました。
ギャラリーの範囲を各投稿内の画像で絞りたいのですが、何か方法はあるでしょうか？
付与するdata-fancybox="gallery"がgallery+postid等に出来れば望む挙動になるのですが… 1年以上前（土 19:04:30）

初期表示に戻る

全文検索:

動作サンプルです。 ご自由にお試し下さい。パスワードguestで管理画面もお試し頂けます。
■いま見ているスキンは「チャットタイプスキン」です。他に、 標準スキン、 昔のツイッターっぽいスキン(ブルー)、 昔のツイッターっぽいスキン(ピンク)、 付箋型スキン、 シンプル日記スキン、 ジャーナル(日誌)スキン、 ブログタイプスキン(タイトル付きブログっぽくできるスキン)、 黒板スキンがあります。
《てがろぐCGIの配布・解説ページに戻る》