2006年10月03日

勉強机適用してみました。4

勉強机、適用してみました。
ただそのまま適用してもおもしろくないので、各値1.2倍にしてあります。

修正したパラメタは、以下の通り。
#container
625px→750px
#banner,#subbanner
625px→750px
#blogcontainer
605px→726px
#content
435px→522px
#blog
435px→522px
#links
160px→192px

このままで終了してしまうと以下の様な悲惨な有様になってしまうので、

勉強机 変更例


背景画像もいじります。
header_blue
header_blue.png
(750×124)

whitebg
whitebg.png
(748×2)

CSSも修正します。
 #container{
  width:750px;
  margin:0 auto;
  text-align:center;
  word-break:break-all;
/*  background:url(http://image.blog.livedoor.com/img/usr/20040707/whitebg.gif) repeat-y 50% 0;*/
  background:url(アップロードした画像URL) repeat-y 50% 0;
 }

 #banner,#subbanner{
  width:750px;
  height:124px;
/*  background:url(http://image.blog.livedoor.com/img/usr/20040707/header_blue.gif) no-repeat 0 0;*/
  background:url(アップロードした画像URL) no-repeat 0 0;
  text-align:left;
 }

修正結果は、以下の通り。
勉強机 修正結果


難易度は低めでしたね。
さあ、みんなも修正しよう!!



応援よろしくね。
blogRankingブログランキング・にほんブログ村へ

トラックバックURL

この記事にコメントする

名前:
URL:
  情報を記憶: 評価: 顔   
 
 
 
今何時?
にほんブログ村
ブログランキング・にほんブログ村へ
小梅ヲチ
Recent TrackBacks
ちょびりっち
懸賞・小遣い ちょびリッチ
BlogTimes
「BlogTimes」ブログパーツは、サービスを終了しました。
スポンサーサイト