レビューブロガーによるレビューブログ：WADA-blog（わだぶろぐ）

【楽天ブロードバンド】月額2000円～　楽天スーパーポイントが毎月貯まる！

こっちも、昨夜うつらうつら、半分意識落ちかかりながら作った。
あそこまで睡魔と闘いながらの作業したのは、いつ以来だ？かなり久しぶりだ。

中身ページのHTML

左側のナビゲーションが平凡すぎてつまらないので、
ここはまた、後からいくつかパターンを作って、検討してみたい。
（DreamWeaverでテンプレート化しちゃうので、いくらでも一括変更可能）

スタイルシートも少し整理した。
スタイルシート自体は１つだが、「共通部分」「トップページ用のもの」「中身ページ用のもの」にわけて並び替えた。

もう少し複雑になってきたら、それぞれを「構成にかかわるもの」「装飾にかかわるもの」でさらにわけて整理してゆくと思うが、シンプルなデザインのサイトで、スタイルシートの定義の数も少ないので、こんなもんで管理上不都合はない気がする。

/* 共通 */

body {
　　　　background: #FFFFCC url(../img/bg01.gif) repeat-y center;
　　　　text-align: center;
　　　　color: #333333;
　　　　font-size: 12px;
　　　　border-top: solid #333399 20px;
　　　　padding: 0px;
　　　　margin: 0px;
}

a {text-decoration: underline;}
a:link {color: #993300;}
a:visited {color: #996600;}
a:active {color: #006600;}
a:hover {color: #006600;}

#container {
　　　　width: 770px;
　　　　text-align: left;
　　　　font-size: 12px;
　　　　line-height: 120%;
　　　　padding: 0px 15px 10px 15px;
　　　　margin:0px auto;
}
#footer {
　　　　background: #FFFFCC;
　　　　text-align: center;
　　　　clear: left;
　　　　margin-top: 20px;
}
#copyright {
　　　　text-align: right;
　　　　font-size: 10px;
　　　　color: #999999;
}
h1, h2, h3,ul {
　　　　margin: 0px;
　　　　padding: 0px;
　　　　font-weight: normal;
}
td {
　　　　font-size: 12px;
　　　　line-height: 140%;
　　　　vertical-align: top;
}
.list01 {
　　　　list-style: inside url(../img/btn01.gif);
　　　　padding-left: 0px;
　　　　margin-left: 0px;
}
.list03 {
　　　　padding-left: 3px;
　　　　margin-left: 0px;
　　　　list-style: inside url(../img/btn01.gif);
}
.box01 {
　　　　border: dotted #333399 2px;
　　　　width: 570px;
　　　　padding: 5px 5px 5px 5px;
}

/* トップページ */

#toptitle h1 {
　　　　font-size: xx-small;
　　　　display: none;
　　　　 }
#toptitle h2 {
　　　　font-size: 12px;
　　　　line-height: 120%;
　　　　margin-bottom: 10px;
}
#topcenter {
　　　　position: relative;
　　　　float: left;
　　　　width: 580px;
　　　　padding: 0px;
　　　　margin-right: 30px;
}
#topright {
　　　　position: relative;
　　　　float: left;
　　　　width: 160px;
}
#topitemphoto {
　　　　float: left;
　　　　padding: 0px;
　　　　margin-right: 10px;
}
#topnavi {
　　　　float: left;
　　　　padding: 0px;
　　　　margin: 0px;
}

/* 中身ページ */

#title h1 {
　　　　font-size: xx-small;
　　　　display: none;
　　　　 }
#center {
　　　　position: relative;
　　　　float: left;
　　　　width: 450px;
　　　　padding: 0px;
　　　　margin-right: 15px;
　　　　left: 185px;
}
#left {
　　　　position: relative;
　　　　float: left;
　　　　width: 170px;
　　　　left: -465px;
}
#right {
　　　　position: relative;
　　　　float: left;
　　　　width: 120px;
}
.sidebox {
　　　　width: 160px;
　　　　border: solid #333399 1px;
　　　　padding: 10px 5px 10px 5px;
}
.sidebox li {
　　　　line-height: 160%;
　　　　border-bottom: dotted #9999CC thin;
}
.sidebox a {
　　　　text-decoration: none;
}

• 2009.07.08　シックスアパート「Movable Type 5」を今夏リリース！　C (3) | TB (0)
  大変です！！！ なんと「５」がでてしまうそうです。 MT4.Xにしようかどうしようか悩んでいるあなた！ もしくは勇気を出...
  
• 2009.07.07　オーネット婚活アフィリエイトセミナー　C (0) | TB (2)
  たぶん一般募集では初かなと思うんだけど、結婚相談所大手のオーネットが、今月末、アフィリエイトを対象とした婚活セミナーを開...
  
• 2009.07.07　日食グラスを販売しているお店　C (0) | TB (2)
  週末うちに（突如！）遊びにきてくれた夢子さんに「東京きたら売ってると思ってたんだけど、日食グラスどこで買えるの？」と聞か...
  
• 2009.07.06　Vixen（ビクセン）の日食グラス　C (2) | TB (1)
  数日前に届いた、Vixen（ビクセン）の日食グラス。 種類いろいろあるみたいなんだけど、ネットで検索していたら、これがよ...
  
• 2009.07.06　おうちカクテル隊に参加します！　C (0) | TB (3)
  自宅でカクテルを作って楽しむ「おうちカクテル」。 楽天ブログ内にそのスタッフブログが立ち上がっていますが（自分も動画関連...
  
• 2009.07.04　auスポーツ携帯にはまった　C (2) | TB (2)
  先月、久しぶりにau携帯を買った。 ４年前からウィルコムユーザで、今のアドエスと番号が気に入っているのでこの後もメインは...
  
• 2009.07.02　今治タオル　C (2) | TB (10)
  報道ステーションの特集「今治タオル・・・存続の危機から奇跡の復活へ～究極の肌ざわりと環境配慮で世界一を目指す」を見ていた...
  
• 2009.07.02　全裸のスチュワーデス＆パイロットが登場する機内ビデオ　C (3) | TB (3)
  ニュージーランド航空は、機内で流す「安全ガイド」を乗客に確実に見てもらうための新たな試みを始めている。 　国内線のボーイ...
  
• 2009.07.02　充電式のエコ電池「エネループ」　C (2) | TB (3)
  おととい、三洋電機のエネループ・ブロガーミーティングに参加してきた。びっくりしたのは、冒頭で司会カイさん＠AMNの「エネ...
  
• 2009.07.02　アイ・ラブ・ビアガーデン　C (0) | TB (0)
  
  
• 2009.07.01　エネループランプ　C (0) | TB (1)
  今日のエネループ・ブロガーミーティングで見た、三洋電機の新製品「エネループランプ」。最初見た時、単にお洒落なインテリアラ...
  
• 2009.06.29　ウコンの力＜カシスオレンジ味＞　C (3) | TB (1)
  モラタメで「ウコンの力」のお試しがあったので申し込んだ。 このシーズン、“取材”名目でビアガーデン回りしてる自分には、ウ...
  
• 2009.06.29　エジプト体操　C (2) | TB (0)
  ここ１週間ほど、なぜか頭の中でリフレインしまくってます、この歌が。癖になる感じです。（自分も通っているエジプト舞踊スクー...
  
• 2009.06.29　ラサーナ買っちゃいました　C (2) | TB (0)
  先日、1,050円のトライアルセットを使ってみたところ、鏡見てびっくり！さわってびっくり！なしっとりヘアになれたので、フ...
  
• 2009.06.27　ハッピー・ウェディング♪　C (2) | TB (0)
  とある知人が最近結婚した。 そのお祝いも兼ねての飲み会で、どでかいモンブランケーキが登場！！！
  
• 2009.06.26　海のエジプト展に行ってきました　C (2) | TB (4)
  明日6月27日（土）から9月23日（水）まで、パシフィコ横浜で開催される「海のエジプト展」の開会式＆特別内覧会の招待券を...
  
• 2009.06.25　全国の納涼ビール電車　C (7) | TB (0)
  前にブログコメント欄で、熊本の「ビアガー電」なるものを教えてもらってから、いつか一度乗ってみたいなあと思っている、納涼ビ...
  
• 2009.06.22　角ハイボールの作り方（２）　C (8) | TB (0)
  「自宅飲酒解禁」の日曜日にコンビにで買った「角ハイボールセット」。 面白いのは一緒に入っているグラスとジョッキの合いの子...
  
• 2009.06.22　角ハイボールの作り方（１）　C (0) | TB (0)
  近所のコンビニで「角ハイボールセット」を見つけ、購入。 外では飲む機会が増えているけど、家では、昨年ハイボールナイトでお...
  
• 2009.06.21　楽天市場でのマスク販売に絡む騒動その後　C (5) | TB (0)
  品薄中に「マスク買い集め奨励メール」配信で批判も集めた楽天市場。
  

▲このページの一番上に戻る