No.3063
- ユーザ「にしし」の投稿だけを見る (※時系列順で見る)
- この投稿と同じカテゴリに属する投稿:
- この投稿日時に関連する投稿:
- この投稿に隣接する前後3件ずつをまとめて見る
- この投稿を再編集または削除する
お手軽一言掲示板(この辺の文章は「管理画面」の「設定」内にある「フリースペース」タブから編集できます。)
動作サンプルです。 ご自由にお試し下さい。パスワードguest
で管理画面もお試し頂けます。
■いま見ているスキンは「標準スキン」です。他に、
昔のツイッターっぽいスキン(ブルー)、
昔のツイッターっぽいスキン(ピンク)、
付箋型スキン、
シンプル日記スキン、
ジャーナル(日誌)スキン、
ブログタイプスキン(タイトル付きブログっぽくできるスキン)、
黒板スキン、
チャットタイプスキンがあります。
《てがろぐCGIの配布・解説ページに戻る》
No.3063
動作サンプルです。 ご自由にお試し下さい。パスワードguest
で管理画面もお試し頂けます。
■いま見ているスキンは「標準スキン」です。他に、
昔のツイッターっぽいスキン(ブルー)、
昔のツイッターっぽいスキン(ピンク)、
付箋型スキン、
シンプル日記スキン、
ジャーナル(日誌)スキン、
ブログタイプスキン(タイトル付きブログっぽくできるスキン)、
黒板スキン、
チャットタイプスキンがあります。
《てがろぐCGIの配布・解説ページに戻る》
🌰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は中身が空の場合を表して、+は隣接している場合を表します。