記入時に使えるスタイル(CSS)

＜blockquote>文章＜/blockquote>
　　引用文
　　CSS

/* ブログ内引用フォーマット */
blockquote {
font-size: 80%;
color: #A84;
background-color: #fee;
margin: .5em 2em;
border: 2px dotted #e99;
padding: 2px;
line-height: 108%;
}

pre タグもどき
＜div class="pre">% date＜/div> など
　プログラムとか、コマンドラインとか。
　CSS

/* pre 属性作成 */
.pre {
white-space: pre;

font-size: 70%;
background-color: #f2f2f2;
line-height: 75%;
margin: 0px 0px 0px 1.5em;
border: 0px;
padding: 1px 1px 1px 1px;
}

記入日時入力用
　＜span class="at-date">at YYYY/MM/DD HH:MM＜/span>
　CSS

/* 文章内の記入日付入力用 属性作成 */
.at-date {
float: right;
font-size: small;
}

画像を置いたときに文章を回り込ませる。
＜img src="URL" width="幅" height="高さ" border="0" style="float:right;">
回り込みの解除
＜br style="clear: both" />
＜br>、＜p>、＜DIV>の何れかのタグで行うこと。

文章を修正した場合は...
＜del datetime="2006-03-22T22:40:00+09:00">消した文章＜/del>＜ins datetime="2006-03-22T22:40:00+09:00">書き換えた文章＜/ins>

打ち消し線を引くだけの時は
＜span style="text-decoration: line-through">けすよ＜/span>

そのほか、デフォルトからの変更点 (ファンシーインコ)

diff -u default.css user.css
--- default.css 2008-02-20 13:38:14.411139000 +0900
+++ user.css 2008-02-20 13:20:37.141315000 +0900
@@ -1,5 +1,3 @@
-/* 11-b_3pain_menu */
-
/* 全体のリンク色などの設定 */
A {
text-decoration: none;
@@ -17,11 +15,13 @@
/* リンクを選択した瞬間の色の設定 */
a:active {
color: #006582;
+ background: #ccc;
}

/* マウスをかざしたときのリンク色の設定 */
a:hover {
color: #006582;
+ outline: #3300aa dotted 2px;
}

/* HTML全体 */
@@ -245,6 +245,21 @@
"Trebuchet MS", Verdana, sans-serif;
}

+/* サイドメニューカレンダー リンク設定 */
+.cal a:link {
+ background-color: #faa;
+ text-decoration: underline;
+}
+.cal a:visited {
+ background-color: #fbb;
+ text-decoration: underline;
+}
+.cal a:hover {
+ color: #000000;
+ background-color: #8bf;
+ text-decoration: underline overline;
+}
+
/* サイドメニュー「最近の投稿」パーツ 全体 */
.recentpost {
width: 165px;
@@ -817,7 +832,7 @@
"Trebuchet MS", Verdana, Arial, sans-serif;
font-size: medium;
line-height: normal;
- color: #C8A46E;
+ color: #b58e43;
padding: 15px;
background-color: #fff;
}
@@ -852,9 +867,6 @@
}

/* ページ送りリンクテキスト */
-.nextpage form {
- margin: 0px;
-}
.nextpage {
text-align: right;
"Trebuchet MS", Verdana, Arial, sans-serif;
@@ -908,7 +920,7 @@

/* コメント関連部品全体 */
#comm {
- color: #808080;
+ color: #666;
margin-bottom: 7px;
padding: 5px 5px 5px 5px;
font-size: small;
@@ -956,7 +968,7 @@

/* トラックバック画面全体 */
#tb {
- color: #808080;
+ color: #666;
margin-bottom: 7px;
padding: 5px 5px 5px 5px;
font-size: small;
@@ -1001,7 +1013,7 @@
background-color: #fff;
font-size: x-small;
width: 380px;
- color: #808080;
+ color: #666;
}

/* トラックバック記事タイトル */
@@ -1078,10 +1090,37 @@
background-color: ;
}

-/* サイドメニュー「プロフィール」パーツ全体 */
-.sideprof {
- text-align: center;
- margin: auto;
- width: 120px;
+/* ブログ内引用フォーマット */
+blockquote {
+ font-size: 80%;
+ color: #A84;
+ background-color: #fee;
+ margin: .5em 2em;
+ border: 2px dotted #e99;
+ padding: 2px;
+ line-height: 108%;
+}
+
+/* コメントの反映の注記 */
+.commtxt strong{
+ color: #6D71F2;
+}
+
+/* pre 属性作成 */
+.pre {
+ white-space: pre;
+
+ font-size: 80%;
+ background-color: #f2f2f2;
+ line-height: 75%;
+ margin: 0px 0px 0px 1.5em;
+ border: 0px;
+ padding: 1px 1px 1px 1px;
+}
+
+/* 文章内の記入日付入力用 属性作成 */
+.at-date {
+ float: right;
+ font-size: small;
}

このページを編集