スポンサーサイト

--年--月--日
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
スポンサー広告 |

テンプレートのカスタマイズ

2009年02月19日
前回アップしたキッチンの共有テンプレート、ダウンロードして頂いた方、ありがとうございます(^o^)/

少し時間ができたので右カラム版に変更してみようか~とやり始めたところ、
よく考えるととっても簡単でした^ ^

新たに共有申請するほうがたいそうな気がしたので、左右変更の方法を説明しますねっ!
細部までは確認してないのですが、たぶんこれで問題ないと思います。

どちらもテンプレートの管理画面で編集ボタンを押して、スタイルシート編集の部分を変更します。

●kitchen01について

上からすぐの
/* ---------------------------------------
▼各部の幅・左右変更
---------------------------------------- */ 
部分の

/* メニュー */の2行目

float:left;(変更前) → float:right;(変更後)

/* メイン囲み */の2行目

float:right; (変更前) → float:left;(変更後)

上記2箇所の変更でOKです☆

●kitchen02について

上からすぐの
/* ---------------------------------------
▼各部の幅・左右変更
---------------------------------------- */ 
部分の

/* メニュー */の2行目と5行目

float:left;(変更前) → float:right;(変更後)
margin-left: 10px;(変更前) → margin-right: 10px;(変更後)

/* メイン囲み */の2行目と6行目

float:right; (変更前) → float:left;(変更後)
border-right: dotted 1px #cccccc; (変更前) → 削除


上記4箇所の変更でOKです☆
※カラム区切りの点線はバランスが悪いので消すようにしましたが、点線が必要な方は最後の1箇所の訂正は省いてください。

念のため、更新する前にプレビューで確認して下さいね☆







スポンサーサイト
カスタマイズ | Trackback(0)
 | HOME | Next »

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。