てがろぐ - Fumy Otegaru Memo Logger -

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

■フリースペース: 編集

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

or 管理画面へ

No.4799, No.4798, No.4797, No.4796, No.4794, No.4793, No.47927件]

NO IMAGE にしし 冬が来たような気温……!(でも来週はまた暑くなるとか?)

🥞Re:4798◆その場合、要は『「Aの画像が本文で1枚目の画像として書かれている」しかし「Aの画像は非表示になっている」』という状況にすれば良いので、以下のような方法で実現できます。
まず、非表示にする装飾を何か用意しておきます。
例えば、.deco-hide { display:none; } などを書いておきます。
あとは、1枚目の画像(=OGPだけに使いたい画像)を本文の最初(=というか他の画像が出てくるよりも前)に書いた上で、その非表示用の装飾記法で囲んで [F:hide: [PICT:~]] のような感じで書きます。
すると、お望みの動作になると思います。
Icon of misaki みさき いつもお世話になっております。
記事を書く時にA,Bと画像を貼るとして、twitter等カードにはAの画像、記事内にはBのみ表示、というように
OGPのカード画像だけ別で画像を指定できたら嬉しいな、と考えております。
今の段階でも出来るようでしたらご教示頂けましたら幸いです。
よろしくお願いいたします。
Icon of sakura さくら >>4796
>>4794 です、早々の回答ありがとうございます!
.newsign:empty{ display: none; }で一括解決しましたm(__)m
諸々ありがとうございます!!
NO IMAGE にしし あと2時間後くらいには寝たい……!(明日は朝が早いので)

🥞Re:4790◆安心して年を越せるということで、良かったではないですか。(笑)
🥞Re:4794◆実際のページ全体のソースを拝見しないと何とも言い難いですが、その .newsign の直後に .newsign:empty{ display: none; } を加えると良いのではないかと思います。

※そのHTMLとCSSだと、どんな場合でも絶対にpaddingの分だけ背景色が見えます。『例えば「cat=」などのソートでは出現しません』という場合、その状況では別のスキンが適用されているか、別のCSSが適用されているか、または何らかの追加CSSが影響しているのではないかと思います。てがろぐが出力を制御するのはあくまでも [[NEW]] の部分だけなので、それを囲んでいる <span class="newsign"></span> はどんな場合でも常に出力されますから。

なお、ハッシュタグだと認識されたくない半角 # 記号を書きたい場合は、&#35; と書くと良いです。
「そんなの覚えられん」という場合は、[設定]→[投稿欄の表示]→【既存ハッシュタグ簡単入力機能】→[▼リストに追加する項目:]欄にある『「&#35;」を挿入する項目を末尾に追加』項目にチェックを入れておくと、ハッシュタグ簡単入力用のセレクトボックスの末尾に出てきます。(※デフォルトではOFFですが、ここの動作試験場ではONになっています。)
Icon of sakura さくら いつもお世話になっております!
以前からNEWのアイコンもしかしたら仕様が違うのかもと思うようなことがありまして、一応 #報告 します💦
[[NEW]]ですが、ギャラリーモード、画像モード、サイトマップモードの時にpaddingが出てしまいます。
(上記以外のモード、例えば「cat=」などのソートでは出現しません)

🟢HTMLコード
<span class="newsign">[[NEW]]</span>

🟢CSS(#を半角にするとリンクが付いてしまうので一旦全角にしています)
.newsign {
  position: absolute;
  left: 0;
  top: 0;
  padding: 5px 10px;
  color: #fff;
  background: #f27744;
}

一応画像も添付します
201259.jpg
(オレンジ色の部分が該当場所です)

不具合でない場合、paddingを消す方法などご教授いただけると幸いです🙏m(__)m
よろしくお願いいたします!!
Icon of admin あどみ >>4791 後ほどコメントアウト部分をimagettfbboxの直前に記述するよう修正します。こちらこそ使用と報告ありがとうございます。
Icon of admin あどみ >>4790さん滅茶苦茶天才
急な対応がもし出たとしても十分余裕を持って行動できるの最高すぎます。
原稿回収する人からすればとても助かると思いますよ

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