No.3069, No.3068, No.3067, No.3066, No.3065, No.3063, No.3062［7件］
➡ 2022年9月15日(木) 18時07分 〔2年以上前〕 質問/要望 No.3068 ✎ ！
3062です。お返事ありがとうございます。
早速、教えていただいたとおりにHTML、CSSを書いてみたら隣にリンクが貼れました！
ただ何も限定していないのに「時系列順で見る」という文字が表示されているのもあれだったので、
【何かが限定されている状況でだけリンクを見せたい場合】のHTML、CSSを試してみました。
が、何も限定していない状態でも「時系列順で見る」という文字が表示されてしまいます。
CSSってむずかしい・・・。
早速、教えていただいたとおりにHTML、CSSを書いてみたら隣にリンクが貼れました！
ただ何も限定していないのに「時系列順で見る」という文字が表示されているのもあれだったので、
【何かが限定されている状況でだけリンクを見せたい場合】のHTML、CSSを試してみました。
が、何も限定していない状態でも「時系列順で見る」という文字が表示されてしまいます。
CSSってむずかしい・・・。
➡ 2022年9月15日(木) 00時14分 〔2年以上前〕 No.3067 ✎ ！
開発放言の2203で書いてらっしゃる
「続きを読む」ボタンのラベルをその都度指定できる仕様が実装されると嬉しいです！
➡ 2022年9月14日(水) 17時14分 〔2年以上前〕 No.3065 ✎ ！
13時に回答したNo.3063のソースにちょっと不備があったことに気付いたので修正しました。よくよく考えたら「不備」というほどの問題でもなかった気もしますけども。まあ。
➡ 2022年9月14日(水) 13時04分 〔2年以上前〕 回答/返信 No.3063 ✎ ！
てがろぐ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は中身が空の場合を表して、+は隣接している場合を表します。
🌰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は中身が空の場合を表して、+は隣接している場合を表します。
🌰Re:3067◆ご要望をどうもありがとうございます。実装する方向で考えてはいますので、気長にお待ち頂ければ幸いです。(╹◡╹)
🌰Re:3068◆すみません。ちょっと自分のプログラムの出力を勘違いしていました。No.3063に掲載したソースを修正しました(HTMLもCSSも両方修正しました)ので、この修正後のHTML＋CSSソースで再度お試し頂けますでしょうか。たぶんこれでいけると思います。^^;