2008年03月23日

新デザイン、暫定的に完成。

いやはや。
結構かかりましたね、新デザインへの移行。

皆さんには「簡単そう〜」と思われそうなデザインですが、
結構体裁が崩れないように気をつけながらやっているので、時間を食ってしまうんですよ。

そうだな、前の変更がちょうど2か月前だから、よっぽど前のデザインが嫌だったんだろうね…今回のとぜんぜん見た目が違うもん。

直すべき点、問題点等あればコメントお願いします。

IE7のワイド液晶で見ておりますので、他の方にどう見えるは分かりません…

○作業ソフト
SAI(期限切れを無理やり)
Photoshop Elements5.0
Photo Studio
ペイント


ダイエットログ、タグを消したらすっきりした!




body {
background-color:#fff;
background-image:url(http://j-always.up.seesaa.net/image/895.png);
background-repeat:repeat-z;
margin-top:0px;
padding:0px;
text-align:center;
font-family:Verdana;
}
#container{
padding-bottom:10px;
background-color:#fff;
background-image:url(http://vapor-trail.up.seesaa.net/image/background_edited-4.png);
background-repeat:repeat-y;
border-right:dotted #ddd;
border-width:1px;
margin:0px auto 0px 60px;
width:700px;
color:#000;
font-size:12px;
font-family:Vernda;
}
a{
color:#0055ee;
text-decoration:none;
}
h1 {
margin:0px;
padding-top:150px;
padding-bottom:10px;
font-weight:bolder;
font-size:24px;
font-family:Verdana;
}
h1 a{
color:#fff;
text-decoration: none;
font-weight:bolder;
}

h2 {
padding: 0px;
font-weight:bold;
text-align:left;
}

h3 {
padding: 0px 10px 0px 20px;
font-size:14px;
font-weight:bolder;
}

H3 a{
text-decoration: none;
color:#3398CC;
}

#banner{
padding-left:30px;
margin-bottom:0px;
text-align:left;
height:25px;
background-image:url(http://j-always.up.seesaa.net/image/9999.png);
background-repeat:no-repeat;
background-position:top;
}

.description {
font-size:20px;
color:#fff;
font-family:Verdana;
font-weight:bold;
padding:0px 10px 0px 0px;
}

.navi {
text-align:center;
margin-bottom:10px;
margin-top:10px;
}
#content {
margin:15px 0px 0px 0px;
float:left;
width:500px;
background-image:url();
background-color:#;
background-repeat:no-repeat;
background-position:top;
}

.blog {
padding:0px 0px 10px 0px;
text-align:left;
font-family:Verdana;
}

.blogbody {
font-weight:normal;
margin-bottom:15px;
}

.date{
clear:left;
color:#999;
margin-top:0px;
margin-bottom:0px;
padding:0px 10px 0px 35px;
font-family:MS UI Gothic;
font-size:12px;
}

.title{
margin-top:0px;
padding-left:20px;
color:#000;
margin-bottom:0px;
font-family:Verdna;
font-weight:bold;
}
.title a{
border:none;
}

.text{
background-image:url(http://j-always.up.seesaa.net/image/A4C3A4B3.png);
background-repeat:no-repeat;
background-position:top center;
padding:20px 30px 15px 55px;
margin-top:0px;
line-height:1.8em;
font-family:Verdana;
}
.posted{
background-image:url(http://vapor-trail.up.seesaa.net/image/sapix.png);
background-repeat:no-repeat;
background-position:top center;
text-align: right;
margin-bottom:5px;
padding:15px 40px 3px 20px;
font-size:10px;
font-family:Verdana;
color:#111;
}
.posted a{
font-weight:normal;
}
#links-left {
color:#000;
font-weight:normal;
width:180px;
float:left;
margin: 0px 0px 0px 10px;
text-align:left;
}
#links-left a{
color:#000;
}
#links {
}

.sidetitle {
background-image:url();
background-repeat:no-repeat;
padding:0px 0px 10px 45px;
color:#555555;
font-weight:bold;
font-family:Verdana;
}

.side {
border-bottom:solid #aaa;
border-width:1px;
background-image:url();
background-repeat:no-repeat;
line-height:2em;
padding:0px 10px 20px 10px;
margin-bottom:12px;
font-size:11px;
font-family:Verdana;
}
.side a{
font-size:12px;
}
.side-tag {
padding:0px 10px 10px 5px;
margin-bottom:10px;
font-size:10px;
font-family:Verdana;
}
.side-tag a{
font-size:12px;
}
.side input{
border:1px solid #B4B48F;
background-color:#F0F0E9;
}
.powered {
padding:10px 5px 0px 5px;
text-align:center;
}
.powered table{
margin:0px auto;
}

.syndicate {
margin-right:10px;
text-align:center;
font-size:10px;
font-family:Verdana;
}

#comments {
margin-bottom:30px;
margin-top:25px;
text-align:left;
padding:0px 10px 0px 20px;
font-family:Verdana;
}
#comments form {
margin:0px;
padding:0px 0px 15px 20px;
font-family:Verdana;
}
#comments input {
max-width:200px;
border:1px solid #B4B48F;
background-color:#F0F0E9;
}
#comments textarea{
width:450px;
margin-bottom:5px;
border:1px solid #B4B48F;
background-color:#f4f4f4;
}
.comments-head{
font-weight:bold;
margin:0px;
font-family:Verdana;
}
.comments-body {
margin:0px;
font-family:Verdana;
}

.comments-post {
padding:3px 0px 3px 0px;
text-align:right;
font-size:10px;
font-family:Verdana;
}

#footer{
clear:left;
height:50px;
}
.copyright{
text-align:center;
}
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
×

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