2009年06月23日

みための変更2

タイトルの位置と色を変えました

 

前回同様スタイルシートの中から変えるべき場所を探します

 

説明文の横移動だけでも出来るのでしょうが、よくわからなかったのでタイトルごと左にずらせました

 

変えたのはここ

 

#banner{
height:260px;
color:#FFFFFF;
font-family: "MS Pゴシック", Osaka;
font-size: 12px;
line-height: 145%;
text-align:left;
margin:0px;
padding: 0px 45px 0px 400px;
min-height: 1%;
display: inline-table;

 

この400360に書き換え

だいたい目分量でタイトルが真ん中に来るぐらいにしました

 

フォントのカラーはここ

タイトル

h1 a{
color: #FFFFFF;
font-weight: bolder;
text-decoration: none;
text-align: left;
margin: 0px;
padding: 0px;

 

7F2D00に変更

 

説明文

.description {
color:#FFFFFF;
font-size:12px;
font-weight:bolder;
text-align: left;
margin: 0px;
padding: 0px;

 

993333に変更

 

あとタイトルのサイズを少し大きく

h1 {
color: #FFFFFF;
font-family: "MS Pゴシック", Osaka;
font-size: 20px;
font-weight: bolder;
text-align: left;
margin: 0px;
padding:90px 0px 10px 0px;

 

24pxにしました

 

日付の色

.date{
color:#99CC33;
font-size: 14px;
font-weight:bolder;
background-image:url(http://blog.sakura.ne.jp/img/bg/soccer/line.jpg);
background-repeat:no-repeat;
background-position:20px 50px;
margin: 0px 0px 5px 0px;
padding: 30px 0px 14px 25px;

 

993300に変更

 

こんな感じで変えてみました

 

プレビューを見て問題なければスタイルシートの変更を押して

さらにCSS再構築して

 

これが2009年6月23日現在の状況です

posted by nakaco at 13:54| Comment(0) | TrackBack(0) | はじめに
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

この記事へのトラックバックURL
http://blog.sakura.ne.jp/tb/30013807

この記事へのトラックバック