てがろぐ - Fumy Otegaru Memo Logger -

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

■フリースペース: 編集

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

or 管理画面へ

No.4829

NO IMAGE にしし 🧇Re:4828◆かわいくカスタマイズしてご活用下さってありがとうございます。拝見しました。
以下のCSSを加えると「 >>4828 」のような番号リンクの番号も「Fredoka One」フォントで表示されます。
a.postidlink {
   font-family: 'Fredoka One', cursive;
}

お試し下さい。
なお、お使いのCSSでは a:linka:hover に対して、表示用のフォント font-family: 'Noto Sans JP', sans-serif; が指定されているので、上記のCSSソースを .postidlink というセレクタにしてしまうと指定が効きません(詳細度が足りなくて上書きされないため)。なので、必ず a.postidlink と指定する必要があります。先頭の「a」を忘れずにお書き下さい。

※将来的なCSS更新作業のしやすさを考えれば、a:linka:hover のような疑似クラスに対しては表示フォントを指定しない方が楽だと思いますが。

ちなみにですが、「ネタバレ」として隠されている部分を開くと「黄色のBOX」が外枠からはみ出してしまいますね。これは、.readmorearea に対して box-sizing: border-box; というCSSを加えると解決します。

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