2006年11月23日

スタイルシート…その後

こんばんは

先日の日記でサイドバーの左寄せの事を書いたのですが、
その悩みについて、KOROPPYの本棚のKOROPPYさんからアドバイスを頂きました。

CSS(左寄せ)が反映されていない部分は、

タイトル
内容

というように、内容をタグで囲んでいませんね。

タイトル

内容


というように、内容をDIVタグで囲んだら、
CSSが反映されませんか?


早速ソースを表示してみてみました。
なるほど!!(*^。^*)
なんとなく手を入れていい場所が分かってきました♪
ヘ(^^ヘ)(ノ^^)ノへ(^^ヘ)(ノ^^)ノ
はっきりどうすればいいと理解できてませんが、
『こうすればいいのかな??』って糸口が見えてきました(V^−°)

スタイルシートを変更しようと思って、CSS編集画面に来ました。
けど、ソースで見た表示ではありませんでした(^_^;)

.sidetitle {
background-image:url(http://blog.seesaa.jp/img/bg/pet/side_title.gif);
background-repeat:no-repeat;
background-position:left;
color:#FFF;
padding:12px 0px 10px 15px;
text-align:left;
font-family:Verdana;
font-weight:bold;
margin:10px 0px 10px;
}

.side {
line-height:2em;
padding:5px 10px 10px 15px;
margin-bottom:10px;
font-size:10px;
color:#BDBDBD;
text-align:left;
margin-bottom:10px;
font-family:Verdana;
}
.side a{
font-size:12px;
}
.side-tag {
padding:5px 10px 10px 15px;
margin-bottom:10px;
text-align:left;
margin-bottom:10px;
font-family:Verdana;
}
.side-tag a{
font-size:12px;
}
input{
max-width:200px;
}


怪しいなぁと思った部分は、上の部分なんですが、
怪しいんですが、どう触ればそうなるやら…。

『text-align:left;』
↑ ↑ ↑
これをスクリプトや画像で使えればOKって事…なんだよねぇ〜きっとf^^;


KOROPPYさん、
どうもありがとうございました!!
posted by ありあ&かずね at 03:56 | Comment(3) | TrackBack(0) | 日記>ちょこっとカスタマイズ
この記事へのコメント
こんにちは。

スタイルシートではなく、項目のテンプレートを修正します。

1.管理画面で「デザイン」→「コンテンツ」を開きます。

2.該当する項目(BlogPet☆サラなど)をクリックします。

3.編集画面が開くので、自由入力欄を以下のように修正します。

<div class="sidetitle">項目名</div>
<div class="side">
項目内容
</div>

4.保存ボタンをクリックし、サイトの再構築を行います。
Posted by KOROPPY at 2006年11月23日 09:31
ごめんなさい。
タグが消えてますね。

&lt;div class="sidetitle"&gt;項目名&lt;/div&gt;
&lt;div class="side"&gt;
項目内容
&lt;/div&gt;

になります。
Posted by KOROPPY at 2006年11月23日 09:32
きのうサラが、内容とかアドバイスしたいなぁ。
けどここで表示されたみたい…
Posted by BlogPetのサラ at 2006年11月28日 14:19
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

この記事へのトラックバックURL
http://blog.seesaa.jp/tb/28084490
※ブログオーナーが承認したトラックバックのみ表示されます。

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

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