てがろぐ - Fumy Otegaru Memo Logger -

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

■フリースペース: 編集

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

or 管理画面へ

No.1201

NO IMAGE にしし 「続きを読む」や「畳む」リンク(ボタン)を装飾するCSSの書き方 #🌱豆知識

何も装飾を指定しないと、「続きを読む」も「畳む」も普通のテキストリンクとして表示されます。標準添付しているスキンだと、ボタン型に装飾した状態で表示されます。この動作サンプルCGIのように。
ご自身で記述したCSSで、「続きを読む」や「畳む」を装飾したい場合は、以下の書き方が使えます。

▼「続きを読む」と「畳む」の両方に共通する装飾
.readmorebutton { ~装飾~ }
▼「続きを読む」と「畳む」を別々に装飾したい場合
.readmoreopen { ~続きを読むリンクだけの装飾~ }
.readmoreclose { ~畳むリンクだけの装飾~ }

標準スキンのCSS(tegalog.css)では、『/* ▼続きを読むリンク(ボタン) */』と書かれた行を検索して頂くと、各種装飾ソースが見えますので参考にして下さい。

標準添付のCSSにはどれもコメントで簡単な説明を加えるようにしていますが、特に標準スキンのCSSが最も詳しく書いてあります。畳む

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