プロフィールページの一言メッセージフォームで感想を受け付けてます。お気軽にご利用ください。
カテゴリ「お知らせ」［139件］（5ページ目）
サイトで使用してるアイコンフォントをFont AwesomeからBootstrap Iconsに変更しました。Font Awesomeよりアイコンの数は少ないですが、ちょっとで利用するだけなら十分かな。
自由装飾に引用関連の<cite>に該当する[F:cite:〜]を作ってみました。実際に<cite>が使えるわけじゃないので、気持ちの問題です…。サンプルとソースは下記の通り。
[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
「てがろぐ」は、手軽にメモやつぶやきを投稿しておく用途をベースにした個人または少人数向けマイクロブログツール(日記型掲示板CGI)です。 「ブログ記事にするほどではないけど、短いメモを自サイト上に残してしておきたい」という場合にも便利です。/* sample */
お手軽マイクロブログCGI「てがろぐ」：スキン式で複数ユーザ対応 - にししふぁくとりー
[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
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
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
プロフィールページの日本語フォントをZen Kaku Gothic Newに変更しました。文字色も若干明るめに調整しました。フォントウェイトはRegularだと細すぎたのでMediumにしてます。
契約してるサーバーのメンテナンスが2022年2月15日 PM11:00～2月16日 AM6:00に行われます。メンテナンス中、1時間程度サイトの閲覧ができません。ご不便をおかけして申し訳ありませんが、ご理解の程、よろしくお願い致します。
プロフィールページのフッターに張ってるバナー、We Love TemplateのURLが変更になったので修正しました。
あけましておめでとうございます。今年もよろしくお願いします。
新年早々ですが、プロフィールページに掲載してるSNSが増減してます。SpotifyとTimelogを追加しました。
新年早々ですが、プロフィールページに掲載してるSNSが増減してます。SpotifyとTimelogを追加しました。
プロフィールページの一言メッセージフォームを複数行に対応させました。少しは書きやすくなるはず。
