《VBA・CSS》入門実用Tips集 ＋α by犬神犬

メニュー一覧


HOME

　エクセルVBA

　wwwcount改造

　CSS(ｽﾀｲﾙｼｰﾄ)基本

　BiglobeﾌﾞﾛｸﾞCSS
　　1. Biglobeﾌﾞﾛｸﾞ1
　　2. Biglobeﾌﾞﾛｸﾞ2
　　3.Biglobeﾌﾞﾛｸﾞ3
　　4. Biglobeﾌﾞﾛｸﾞ4

　CSSいろいろﾘﾌｧﾚﾝｽ

　HTML基本

　HTML簡易ﾘﾌｧﾚﾝｽ
 Home > CSS(ｽﾀｲﾙｼｰﾄ) > 3.　Biglobeﾌﾞﾛｸﾞ 
6.　Biglobeﾌﾞﾛｸﾞ3　ﾌﾞﾛｸﾞﾃﾞｻﾞｲﾝとCSSの対応 その2
　　　　ここでは、⑨～⑳の対応をまとめました。

　　　　　⑨　タイトル
　　　　　⑩　タイトル領域内のアンカー(リンクが無ければ変化なし)
　　　　　⑪　タイトルテキスト
　　　　　⑫　プロフィール 　　　　　⑬　ラベル(「ブログ名」「自己紹介」)
　　　　　⑭　プロフィールテキスト
　　　　　⑮　新着記事(全体)
　　　　　⑯　見出し(領域)
　　　　　⑰　一覧ヘッダセル
　　　　　⑱　一覧データセル
　　　　　⑲　一覧概要表示(記事領域)
　　　　　⑳　月別リンク項目

　　　　CSSいろいろﾘﾌｧﾚﾝｽを参考にして、色や形を自分好みに変えてみてください。

　○ﾌﾞﾛｸﾞのﾃﾞｻﾞｲﾝ場所○

サンプルブログ


　○ﾌﾞﾛｸﾞのﾃﾞｻﾞｲﾝへのソース対応個所○

　　(ソースリスト)　　　/* と */　で囲んだ範囲はコメントとして無視されます。
　　　　　　　　　　　　　{　 と　 }　で囲んだ範囲で設定変更してください。

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

/*---------------- タイトル(大) ----------------*/

/*====　⑨　タイトル　⑨　<div>====*/
#banner{

background:url("https://userdisk.webry.biglobe.ne.jp/002/589/28/N000/000/000/117942135658816300968.jpg") no-repeat;　　　/* タイトル画像を繰り返しなしで背景に表示する (仮設定) */

　height:150px;　　/* タイトル領域の高さを100ピクセルにする (仮設定) */

}

/*====　⑩　タイトル領域内のアンカー(リンクが無ければ変化なし)　⑩　<a>====*/
#banner a{

　color:#fff;　　　　　　　　/*文字の色変更(仮設定) */
　background:#444;　　/* 背景色をカラー名やRGB値で指定する(仮設定) */

}

/*====　⑪　タイトルテキスト　⑪　<h1>====*/
#banner h1{

　display: none 　　 /* タイトル領域内での位置を指定します none=非表示　(仮設定) */
　margin-left:50px;　/* タイトル領域内での位置を指定します (仮設定) */

}

/* ログインボタン */
#banner #login{
}

/*---------------- プロフィール ---------------*/
/*====　⑫　プロフィール　⑫　<table>====*/
#profile{
}

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

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

/*------------------ 新着記事 ------------------*/

/*====　⑮　新着記事(全体)　⑮　<div>====*/
#contents{

/*background:#f3f3f3;*/　　/* 背景色をカラー名やRGB値で指定する(仮設定) */

}

/*====　⑯　見出し(領域)　⑯　<h2>====*/
#contents #postlist h2{

　color: #ffffff;　　　　　　　　　　　　/*文字の色変更(仮設定) */
font-size:medium;　　　　　　　　/*フォントサイズ　(仮設定) */
　background-color: #ffccbb;　　/* 背景色をカラー名やRGB値で指定する(仮設定) */
　text-align: left;　　　　　　　　　　/*テキスト位置　left=左端　(仮設定)*/
　position: relative;　　　　　　　　/*(仮設定)*/
　z-index: 5;　　　　　　　　　　　　　/*(仮設定)*/
　padding-top: 5px;　　　　　　　　/*(仮設定)*/
　padding-bottom: 5px;　　　　　　/*(仮設定)*/
　padding-left: 5px;　　　　　　　　/*(仮設定)*/

}

/*====　⑰　一覧ヘッダセル　⑰　<th>====*/
#contents #postlist th{
}

/*====　⑱　一覧データセル　⑱　<td>====*/
#contents #postlist td{
}

/*====　⑲　一覧概要表示(記事領域)　⑲　<blockquote>====*/
#contents #postlist blockquote{

　background:#fff;　　/* 背景色をカラー名やRGB値で指定する(仮設定) */

}

/*====　⑳　月別リンク項目　⑳　<li>====*/
#contents #archives li{
}



　　
7. Biglobeﾌﾞﾛｸﾞ4　へ続く



 このページのトップへ 
　－　Copyright(2007).　犬神犬　－