てがろぐ - Fumy Otegaru Memo Logger -

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

■フリースペース: 編集

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

or 管理画面へ

No.3063

NO IMAGE にしし てがろぐCGIはWordPressみたいに配下のディレクトリを支配しないので(.htaccessを使わないので)、仮にtegalog.cgiをサイトの最上階層に設置して example.com/tegalog.cgi みたいにしたとしても、任意のサブディレクトリを掘って example.com/hogehoge/index.html みたいなファイルを置けば、それはそれで普通に閲覧できます。#🌱豆知識

🌰Re:3061◆お役に立てば幸いです~。
🌰Re:3062◆方法はいろいろありますが、例えばHTML(skin-cover.html)を以下のように書いた上で、
<div>
   [[SITUATION:HTML]]
   <a href="[[REVERSE:URL]]">[[REVERSE:NAME]]で見る</a>
</div>

CSSを以下のように書いてはどうでしょう?
.situation { display: inline; }
すると、横に並ぶと思います。

ただ、上記だけだと何も限定されていない状況でも「時系列順で見る」的なリンクだけは表示されてしまう問題がありますが。
何かが限定されている状況でだけリンクを見せたい場合には、例えば、
<div class="situationbox">
   [[SITUATION:HTML]]
   <p class="reverselink"><a href="[[REVERSE:URL]]">[[REVERSE:NAME]]で見る</a></p>
</div>

のようにHTMLを書いておいて、CSSで、
.situationbox p { display: inline; }
.situation:empty + .reverselink { display: none; }

のように書いておくと良いかもしれません。実験していないのでもしかしたら何かミスがあるかも知れませんが。^^;(2022/09/15 20:22修正)
上記ソースの:empty中身が空の場合を表して、+隣接している場合を表します。

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