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

新規投稿 管理画面

てがろぐ - Fumy Otegaru Memo Logger -

2025年6月10日(火) 19:53:13〔1時間前〕 更新

■No.1201 （ 1 件 ）

■フリースペース： 編集

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

■日付検索：

■全文検索：

or 管理画面へ

〔473文字〕 編集

2019/08/31 (Sat) 10:58:24 No.1201 by NO IMAGE にしし 〔5年以上前〕

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

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

▼「続きを読む」と「畳む」の両方に共通する装飾
.readmorebutton { ～装飾～ }
▼「続きを読む」と「畳む」を別々に装飾したい場合
.readmoreopen { ～続きを読むリンクだけの装飾～ }
.readmoreclose { ～畳むリンクだけの装飾～ }
標準スキンのCSS（tegalog.css）では、『/* ▼続きを読むリンク（ボタン） */』と書かれた行を検索して頂くと、各種装飾ソースが見えますので参考にして下さい。

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

« No.1200 / No.1202 »

初期表示に戻る

■日付一覧：

■ハッシュタグ：

■カテゴリ：

■カレンダー：

2019年8月
日月火水木金土
123
45678910
11121314151617
18192021222324
25262728293031
« 前の月 / 次の月 »

■最近の投稿：

■新着画像リスト：

Perlのバージョンを上げる設定(さくらインターネット)

全317個 （総容量 36.08MB）

■複合全文検索：

  • 投稿者名：
  • 投稿年月：
  • ＃タグ：
  • カテゴリ：
  • 出力順序：

ランダムに1件を見る / ギャラリーモードで表示 / 画像一覧モードで表示 / サイトマップモードで表示 / 時系列順で表示する

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