So-net無料ブログ作成

④/*-----Side-----*/ [テンプレート基本]

/*-----Side-----*/(サイドバー)
【サイドバー全体】 #side-a, #side-b { width:202px; color:#ffffff; overflow:hidden; } 幅202px 色ffffff(白) スクロールバー非表示
【プロフィール・カレンダー・Nice!と思った人・月別表示など】 .sidebar { width:202px; overflow:hidden; } 幅202px スクロールバー非表示
【サイドバーのタイトル部分】 .sidebar-title { margin:0; padding: 2px 6px 2px 30px; background:#c87a10 url("/_common/skins/509/images/sidebar_h3_bg.gif") no-repeat left top; color: #c87a10; font-size: x-small; font-weight:normal; } margin 0 padding 上2px 右6px 下2px 左30px 背景画像/_common/skins/509/images/sidebar_h3_bg.gif 繰り返しなし・左側に配置(泡の画像です) 色 c87a10 文字の大きさ x-small 文字の太さ  標準
.sidebar-title a:link{ text-decoration: none; color:#ffffff; }  サイドバータイトルの未訪問リンクの文字装飾なし・色ffffff(白) .sidebar-title a:visited{ text-decoration: none; color:#ffffff; }  サイドバータイトルの訪問済みリンクの文字装飾なし・色ffffff(白) .sidebar-title a:active{ text-decoration: none; color:#ffffff; }  その部分を選択しているときのリンク・文字装飾なし・色ffffff白 .sidebar-title a:hover{ text-decoration: underline; color:#ffffff; }  サイドバータイトルにマウスが乗っている時、文字装飾下線・色ffffff(白)
【サイドバーの内容の部分】 .sidebar-body { padding:6px 12px 3px 12px; } padding 上6px 右12px 下3px 左12px
【サイドバーの内容の部分の ul li(=htmlタグ 非序列リスト) dl dt dd (=htmlタグ 定義語) form(=htmlタグ 入力フォームを作成する)】 .sidebar-body ul, .sidebar-body li, .sidebar-body dl, .sidebar-body dt, .sidebar-body dd, .sidebar-body form { margin:0; padding:0; } margin 上下左右0 padding 上下左右0
【サイドバーの内容の中の liタグ(非序列リスト)】 .sidebar-body li { margin-bottom:9px; list-style-type:none; line-height:1.3; } サイドバーの内容の中の liタグ(非序列リスト) margin下9px リストマークなし  ※noneの部分は下図のマークを使用可能。
マーク
disc黒丸
circle白丸
square四角形
decimal10進数
lower-roman小文字ローマ数字
upper-roman大文字ローマ数字
lower-alpha小文字アルファベット
upper-alpha大文字アルファベット
行間1.3
【読んでいるブログ内のNEWの文字】 .new { margin-left:6px; color: #ff0000; font-weight:bold; } margin左6px 文字の色ff0000(赤) 文字の太さ 太い
/*--Profile--*/(プロフィール)
【ブログオーナーの画像】 dt.profile-img { float:left; } 回り込み 左
【Nice!・記事(数)・テーマの部分】 dd.profile-status{ margin-left:85px; line-height:1.8; } margin 左85px 行間1.8
【プロフィール内のプロフィールへのリンク】 #profile .profileLink{ padding-left:12px; background: url("/_common/skins/509/images/arrowR_small.gif") no-repeat left center; line-height:1.2; } padding 左12px 背景/_common/skins/509/images/arrowR_small.gif(右向き三角形二つの画像です) 繰り返しなし・左側に配置 行間1.2
【プロフィール内のNice!文字】 .nice { margin:0; padding:0 2px; background:#ffd900; border:1px solid #0090ff; color:#0090ff; } margin 0 padding 上下0 左右2px 背景色 ffd900 枠線 太さ1px 単線 色0090ff 文字色 0090ff
/*--Calendar--*/(カレンダー)
【<<20xx年xx月>>の部分】 .calendar-date { text-align:center; } テキスト配置 中央
【カレンダー(月単位)】  #calendar table { margin:3px auto; text-align:center; border-spacing:1px; } margin 上下3px 横自動 テキスト配置 中央 隣接するセルのボーダーとボーダーの間隔 1px
【カレンダーの日付のセル th(htmlタグ 見出しをつける)】 #calendar th { height:20px; width:20px; font-weight:normal; } 高さ20px 幅 20px 文字の太さ 標準
【カレンダーの日付 td(htmlタグ セルに入るデータ)】 #calendar td{ height:20px; width:20px; background:#ffffff; color: #ffffff; background: url("/_common/skins/509/images/calendar_bg.gif") no-repeat right center; } 高さ20px 幅 20px 背景色ffffff(白) 背景画像/_common/skins/509/images/calendar_bg.gif 繰り返しなし・右に配置
【カレンダー日付のリンク(記事投稿があったとき)】 #calendar td.link { background: url("/_common/skins/509/images/calendar_bg.gif") no-repeat right center; font-weight:bold; } 背景画像/_common/skins/509/images/calendar_bg.gif 繰り返しなし・右に配置 文字の太さ 太い
【カレンダーの日付のリンク(未訪問・訪問済み・オンマウスのとき)】 #calendar td a{ color:#c87a10; 文字色 c87a10 }
/*--Search--*/(検索)
【検索ボックス内の内容】 #search .sidebar-body { padding-bottom:6px; } padding 下6px
【検索入力ボックス】 .search-tbox { width:67%; } 幅67%
/*--RSS Regist--*/ 【RSS全体】 #rssRegist { width:190px; margin: 0 auto 6px auto; padding:4px 0; _padding-top:3px; line-height:1; background: #a0a0a0 url("/_common/skins/509/images/arrowR_large.gif") no-repeat left center; text-align:center; font-weight:bold; } 幅190px margin 上0 右自動 下6px 左自動 padding 上下4px 左右0 行間 1 背景画像/_common/skins/509/images/arrowR_large.gif 繰り返しなし・左に配置 テキスト 中央に配置 文字の太さ 太い
【読者になる(RSSに登録)部分】 #rssRegist a:link{ text-decoration:none; color:#ffffff; }  RSSリンクの未訪問時のテキスト装飾なし・文字色ffffff(白) #rssRegist a:visited{ text-decoration:none; color:#ffffff; }  RSSリンクの訪問済み時のテキスト装飾なし・文字色ffffff(白) #rssRegist a:active{ text-decoration:none; color:#ffffff; }  その部分を選択しているときのリンク・文字装飾なし・色ffffff(白) #rssRegist a:hover{ text-decoration:underline; color:#ffffff;}  RSSのリンク部分にマウスが乗っている時の文字装飾下線・色ffffff(白)
/*--So-net--*/
【POWERED BY So-netブログのロゴ】 #powered img { padding:0 12px; margin-bottom:6px; } padding 上下0 左右12px margin 下6px
【RSS1.0|RSS2.0の部分】 #rssfeed { padding:0 12px; } padding上下0 左右12px

時よ止まれ(2)  コメント(0)  トラックバック(0) 

時よ止まれ 2

コメント 0

コメントを書く

お名前:
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

トラックバック 0

トラックバックの受付は締め切りました
URYYYYYY

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。

×

この広告は1年以上新しい記事の更新がないブログに表示されております。