webでお絵かき

アクセスカウンタ

zoom RSS ■ウェブリブログのカスタマイズ B公開実験中・・・

<<   作成日時 : 2005/01/09 11:40   >>

ブログ気持玉 0 / トラックバック 2 / コメント 0

テンプレートを使わずに表示した場合の【ここ】のCSSを公開します。
コレを見て、どこをいじったら、どうなるのかの参考にして貰えたらと思います。
(画像のURLなどは一部非表示ですが☆)
NECさん、ごめんなさいm(_ _;)m

ここは、CSSをいじったら変えますので、
常時更新中、と言う事で。

すごーく変なところもあるのは、私が分かってないか、頓着してないかのどちらかでしょう。
気付かない事もある・・・(^.^;)

では。
恥を晒してしまいましょう・・・。
●●●●●●●●●●●●●●●●●●●●●●●●●●●


/*----------------------------------------------*/
/* 共通スタイル */
/* (トップ、月別、テーマ別、記事ページ共通) */
/*----------------------------------------------*/
body{
background-color:#ffe2e2;
background-image:url("http://画像のURL");
}

/* コンテナ(広告・フッタを除くメイン領域) */
#container{
background:#ffe2e2;
background-image:url("http://画像のURL");
font-size:small;
border:1px solid #fff;
}
/* カウンタ領域 */
#counter{
background:#ffe2e2;
background-image:url("http://画像のURL");
font-size:small;
border:1px solid #fff;
text-align:right;
}

/* アンカー */
a,
a:link,
a:active,
a:visited,
a:hover{
}

/*-------------- ページフッタ領域 --------------*/
#footer{
}

/* フッタ内のアンカー */
#footer a{
}

/* リンク領域 */
#footer #links{
}

/* ウェブリブログトップへのリンクバナー */
#footer #sbanner img{
}

/*----------------------------------------------*/
/* トップ、月別、テーマ別ページ */
/*----------------------------------------------*/

/*---------------- タイトル(大) ----------------*/
#banner{
/* 包含要素を相対位置指定できるようにします */
background:url("http://画像のURL") no-repeat;
height:137px;
position:relative;
}

/* タイトル領域内のアンカー */
#banner a{
}

/* タイトルテキスト */
#banner h1{
/* タイトル領域内での位置を指定します */
position:absolute;
top:88px;
left:150px;
font-size:xx-large;
font-family:HG創英角ポップ体;
}

/* ログインボタン */
#banner #login{
/* タイトル領域内での位置を指定します */
position:absolute;
bottom:5px;
right:5px;
}

/*---------------- プロフィール ----------------*/
#profile{
background-color:#ffcece;
}

/* ラベル(「ブログ名」「自己紹介」) */
#profile dt{
}

/* プロフィールテキスト */
#profile dd{
}

/*------------------ 新着記事 ------------------*/
#contents{
}

/* 見出し */
#contents #postlist h2{
background-color:#ffe2e2;
}

/* 一覧ヘッダセル */
#contents #postlist th{
}

/* 一覧データセル */
#contents #postlist td{
}

/* 一覧概要表示 */
#contents #postlist blockquote{
background-color:#ffffe8;
}

/* 月別リンク項目 */
#contents #archives li{
}

/*-------------- コンポーネント群 --------------*/
#utilities{
}

/* コンポーネント見出し(共通) */
#utilities h2{
}

/* コンポーネント内リスト(共通) */
#utilities ul{
}

/* ●カレンダー */
#utilities #calendar{
background-color:#ffffdd;
}

/* 年月 */
#utilities #calendar table caption{
}

/* 曜日 */
#utilities #calendar th{
}

/* ●テーマカテゴリ */
#utilities #categories{
background-color:#ffffdd;
}

/* ●アルバム */

/* サムネイル画像 */
#utilities #albums a img{
}

/* トラックバック数/コメント数 */
.response{
}

/* 投稿日時 */
.date{
}

/*----------------------------------------------*/
/* 記事ページ */
/*----------------------------------------------*/

/*---------------- タイトル(小) ----------------*/
#subbanner{
/* 包含要素を相対位置指定できるようにします */
background:url("http://画像のURL") no-repeat;
height:137px;
position:relative;
}
/* タイトル領域内のアンカー */
#subbanner a{
}

/* タイトルテキスト */
#subbanner h1{
/* タイトル領域内での位置を指定します */
position:absolute;
top:88px;
left:150px;
font-size:xx-large;
font-family:HG創英角ポップ体;
}
/* ログインアンカー */
#subbanner #login{
/* タイトル領域内での位置を指定します */
position:absolute;
bottom:5px;
right:5px;
}

/*-- ブログ(記事+トラックバック+コメント) --*/
#blog{
}

/* ナビゲーション */
#blog .navi{
}

/* 月別リンク項目 */
#blog #archives li{
}

/*----------------- 記事ヘッダ -----------------*/
#blog-head{
}

/* 記事タイトル */
#blog-head h2{
}

/* トラックバック数/コメント数 */
#blog-head .response{

}

/* 投稿日時 */
#blog-head .date{
}

/* 投稿日時左右のナビゲーション */
#blog-head .date a{
}

/*------------------ 記事本体 ------------------*/
#blog-body{
}

/* アップロード画像 */
#blog-body a img#upload-image{
}

/* タグスタイル再定義(段落) */
#blog-body p{
}

/* タグスタイル再定義(引用) */
#blog-body blockquote{
}

/* タグスタイル再定義(コード) */
#blog-body code{
}

/* タグスタイル再定義(セパレータ) */
#blog-body hr{
}

/*----------------- 記事フッタ -----------------*/
#blog-foot{
background-color:#ffffdd;
}

/* 関連テーマ */
#blog-foot #theme{
}

/* 関連テーマ見出し */
#blog-foot #theme h2{
}

/* テーマレーダボタン */
#blog-foot #theme #rader{
background:url("http://画像のURL") no-repeat;
}

/*-------- トラックバック、コメント領域 --------*/
#blog #trackback,
#blog #comment{
background-color:#ffffff;
}

/* 見出し */
#blog #trackback h2,{
font-size:large;
}
#blog #comment h2{
font-size:large;
}

/* 見出し補足(トラックバック・コメント件数など) */
.supple{
font-size:medium;
}

/* 一覧ヘッダセル */
#blog #trackback th,
#blog #comment th{
}

/* 一覧データセル */
#blog #trackback td,
#blog #comment td{
}

/* 一覧概要表示 */
#blog #trackback blockquote{
}

#blog #comment blockquote{
}

/* フォーム ラベル */
#blog #trackback dt,
#blog #comment dt{
}

/* フォーム フィールド */
#blog input.txt,
#blog textarea{
background-image:url("http://画像のURL");

}

/*----------------------------------------------*/
/* トラックバックURL表示ウィンドウ */
/*----------------------------------------------*/
#miniwin{
}

/* メッセージ */
#miniwin .message{
}

#miniwin .notice{
}

/* トラックバックURL */
#miniwin .url{
}

/* 閉じるボタン領域 */
#miniwin .buttons{
}

★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆

よかったらこちらにもどうぞ♪
オリジナルイラストサイト【柴成館】

★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆


Click Here!

ロリポップ広告


★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆

HTMLとスタイルシートによる最新Webサイト作成術―ホームページでなにを伝える?どう作る?
HTMLとスタイルシートによる最新Webサイト作成術―ホームページでなにを伝える?どう作る?

テーマ

関連テーマ 一覧


月別リンク

ブログ気持玉

クリックして気持ちを伝えよう!
ログインしてクリックすれば、自分のブログへのリンクが付きます。
→ログインへ

トラックバック(2件)

タイトル (本文) ブログ名/日時
↑ブログの記事別アクセスアップ検証してみたり↑↑
ブログ始めて2ヶ月が経過しました。 せっかくアクセスレポート機能がついたから、記事別アクセス検証してみようかと。 (あるものは何でも使う主義さっ♪) ...続きを見る
webでお絵かき@WebryBlog
2005/03/07 00:12
■ウェブリブログのカスタマイズ C公開実験補足
以前、「 ■ウェブリブログのカスタマイズ B公開実験中・・・」という記事を書いたことがあるのですが、 そのまま、ほったらかしにしておくのも不親切かな〜と思ったので、 部分的に抜粋して、わかる範囲で補足説明してみようかと。 ...続きを見る
webでお絵かき@WebryBlog
2005/03/10 07:14

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(0件)

内 容 ニックネーム/日時

コメントする help

ニックネーム
本 文
■ウェブリブログのカスタマイズ B公開実験中・・・ webでお絵かき/BIGLOBEウェブリブログ
文字サイズ:       閉じる