12. サイドバーのメニューを中央寄せにする

2007年09月21日

変更前
変更前
=> 変更後のイメージ
変更後のイメージ

サイドバーのメニューを、左寄せから中央寄せに変更してみようと思いました。


やるべき作業は、

テンプレートの、スタイルシートの変更です。

スタイルシートの編集は、
 1) 滋賀咲くBlog にログイン
 2) 左メニューの「テンプレート」をクリック
 3) 「カスタマイズ」をクリック
 4) 「スタイルシート」を書替える
 5) 「登録」をクリック

で行います。

「スタイルシート」は、つぎのように書替えました。

スタイルシート
変更前
.sidetitle{
注意:sidetitle の前に . (ドット)があります
変更後
.sidetitle{
text-align: center;

「.sidetitle{」 に続けて、「text-align: center;」 を 1 行追加してください。

注意:sidetitle の前に . (ドット)が、2 行目の最後には ; (セミコロン)があります

「.sidetitle{」 の場所ですが。
オリジナルの「2カラム マリーン」では 381 行目にありました。
わたしは、今までにスタイルシートを変更していますので、382 行目になっていました。



同じカテゴリー(デザイン)の記事画像
14. 個別記事のレイアウト崩れを直す
11. 投稿日を右端に表示する
10. サイドバー内の記事へのリンクなどを見やすくする
9. ブログのタイトル部分の背景画像を取る
1. タイトル表示←→日付表示 交換
同じカテゴリー(デザイン)の記事
 14. 個別記事のレイアウト崩れを直す (2007-09-24 00:00)
 11. 投稿日を右端に表示する (2007-09-17 00:18)
 10. サイドバー内の記事へのリンクなどを見やすくする (2007-09-16 00:00)
 9. ブログのタイトル部分の背景画像を取る (2007-09-13 00:00)
 1. タイトル表示←→日付表示 交換 (2007-09-01 00:00)

Posted by お京 at 00:00 │デザイン