カテゴリ「お知らせ」［75件］

自由装飾に引用関連の<cite>に該当する[F:cite:〜]を作ってみました。実際に<cite>が使えるわけじゃないので、気持ちの問題です…。サンプルとソースは下記の通り。「てがろぐ」は、手軽にメモやつぶやきを投稿しておく用途をベースにした個人または少人数向けマイクロブログツール(日記型掲示板CGI)です。「ブログ記事にするほどではないけど、短いメモを自サイト上に残してしておきたい」という場合にも便利です。
お手軽マイクロブログCGI「てがろぐ」：スキン式で複数ユーザ対応 - にししふぁくとりー/* sample */
[Q:「てがろぐ」は、手軽にメモやつぶやきを投稿しておく用途をベースにした個人または少人数向けマイクロブログツール(日記型掲示板CGI)です。「ブログ記事にするほどではないけど、短いメモを自サイト上に残してしておきたい」という場合にも便利です。
[F:cite:[お手軽マイクロブログCGI「てがろぐ」：スキン式で複数ユーザ対応 - にししふぁくとりー]https://www.nishishi.com/cgi/tegalog/]]

/* css*/
.decorationQ {
padding: 1rem 1.6rem;
margin: 1rem 0;
color: #67b5b7;
font-size:1.4rem;
background: #eff7f7;
border-left: solid 5px #93b6b8;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
border-radius: 0 .5rem .5rem 0;
}
.decorationQ::before,
.decorationQ::after {
content: '';
}
.decorationQ + br {
display: none;
}
.deco-cite{
display:inline-block;
font-size:1.2rem;
font-style: italic;
padding-top:1rem;
}#てがろぐ #CSS 隠す

お知らせ

2022.3.27(Sun) 11:52:42

preっぽい自由装飾タグ、[F:pre:〜]に行番号を付けてわかりやすくしました。ソースは下記の通り。実は38行までにしか対応してない…。.deco-pre{
display:block;
position: relative;
width:100%;
line-height:1.4;
white-space: pre;
font-family: 'Inconsolata', monospace;
background-color:#f0f8ff;
border-left: .3rem solid #93b6b8;
padding:1rem 0 1rem 4.2rem;
margin:1.6rem 0;
overflow-x: auto;
overflow-y:hidden;
}
.deco-pre:before {
position: absolute;
top:1rem;
left:0;
bottom:1rem;
overflow: hidden;
color:#93b6b8;
content: "1\A 2\A 3\A 4\A 5\A 6\A 7\A 8\A 9\A 10\A 11\A 12\A 13\A 14\A 15\A 16\A 17\A 18\A 19\A 20\A 21\A 22\A 23\A 24\A 25\A 26\A 27\A 28\A 29\A 30\A 31\A 32\A 33\A 34\A 35\A 36\A 37\A 38\A";
border-right:.1rem solid #93b6b8;
padding-right:1rem;
width:2.6rem;
text-align:right;
}隠す
#てがろぐ #CSS

お知らせ

2022.3.23(Wed) 16:20:25

Sakko Memoのスキンを変更しました。切り取り線のような罫線で投稿を区切ってます。

隠す
スキン切り替えで以前のスキンもご利用いただけます。
#てがろぐ

1 2 3 4

Sakko Memoに戻る

プロフィールページに戻る

自己紹介

スキン切り替え

過去ログ

カテゴリ

ハッシュタグ

複合検索

リンク