10plogてがろぐ実験場＋スキン作成

えむおか@moka2022年12月24日(土) 16:38:46

表示領域幅が1000pxを超える場合は2カラムになるようにしてみました

表示領域幅が1000pxを超える場合は2カラムになるようにしてみました
元のHTMLは触ってなくて#CSS のみでできたのうれしいね…😙

えむおか@moka2022年12月24日(土) 13:30:06

先頭固定にしている記事が長いと新着を見失い？がちなので

先頭固定にしている記事が長いと新着を見失い？がちなので
先頭固定記事が長い場合は表示を短くして続きを展開するボタンをつける#カスタマイズ をしてみました。
これはてがろぐデフォの機能の「隠す」を使ったものとは違い、先頭固定記事の内容が一定の高さを超えていたら勝手にそれ以上は隠し続きを展開するボタンが現れます。#jQuery を使っています。現時点では「一定の高さを超えたら隠す」は#CSS でやっているのでjsオフの環境だと困るかもしれません、あとあとCSSもjsで適用するようにしたほうがいいかも。→しました
先頭固定記事が一つの場合は自力で簡単にできたけど複数だとどうすればいいかちょっとよくわからなくて思ってたより時間がかかってしまった…😅

えむおか@moka2022年12月23日(金) 18:11:52

#てがろぐ バージョンアップ

#てがろぐ バージョンアップ
Ver3.3.8 βになりました。画像情報編集機能の強化が目玉かな？以下キャプション付きやフラグ付き画像のテスト。

　

NSFWフラグ付き画像キャプションつけない場合

独自装飾・ウォーターマークつき

　


現在ほかの自作スキン上ではキャプション付きやNSFWフラグ付きのスタイルを適用していません。この辺の#CSS は共通化させてもいいと思うんであとでなんかいい方法を考えようと思います。→しました。
ギャラリーモードの表示はこんな感じ。
https://10prs.com/tegalog/?mode=gallery
スマホで見たときにちょっと意図通りじゃないのでそれは何とか出来たらしたい

えむおか@moka2022年12月13日(火) 17:38:45

記事単体表示時の前後移動リンクを

記事単体表示時の前後移動リンクを
記事ナンバーではなくタイトルで表示するようにしてみました。あとは#CSS でスタイル整えたらいい感じになるのでは？#てがろぐ 、出力されるソースに丁寧にIDやclassがつけられているのでjsやCSSでいじりやすいの助かる🙏
需要がありそうなら解説書きます

えむおか@moka2022年12月7日(水) 23:03:11

#てがろぐ にレスポップアップ機能をつけてみるテスト

#てがろぐ にレスポップアップ機能をつけてみるテスト
60 … 数字にマウスオーバーでポップアップ
57 … 画像も込みでぽぷあっぷできる
50 … 同ページ内にない記事はポップアップできません
ので記事単体表示ページでもできないよ

スマホからはhoverが使えずタップしたらポップアップはするもののリンク踏んだと同じになってページ遷移もしちゃう、#CSS で pointer-events: none;とかしたほうがいいかも（記事単体以外、スマホのみ適用とか考慮必要そ

えむおか@moka2022年12月3日(土) 16:26:56

絵のテスト

絵のテスト

#CSS でウォーターマーク、的な

えむおか@moka2022年11月17日(木) 00:40:26

クイックポストの投稿するボタン

クイックポストの投稿するボタン
以外を非表示にする #CSS こういうときに一般兄弟結合子(~)を使えばいいのか…

.line-control input ~ * { display:none; }


#てがろぐ
（でもこれ管理画面の設定で表示非表示選べるんですよね…あとから気づい

えむおか@moka2022年11月13日(日) 19:19:46

#てがろぐ ギャラリーで

#てがろぐ ギャラリーで
特定のタグが付いている記事の画像にぼかしをかけます。
#CSS でかなり力技です。
例として#-R18 というタグが付いているときにぼかしがかかります。（※ワンクッション用のハッシュタグを一覧に載らない記法に変えました）
また、画像…というか全体クリックしたら記事単体に飛ぶようにしてます。


https://10prs.com/tegalog/?mode=gallery