| ・ |
ドキュメントセンターを初めてご利用する方や運営方針についての基本的な姿勢をご覧になりたい方へ。
|
| ご利用の皆様から多く寄せられる質問にお答えしています。 |
|
| ・ |
ディーエーオフィスなどが利用する用語に関する解説を行います。
|
|
|
|
 | |
テンプレート「コンクリート」を中央揃えにしたいのですが? |
デザイン上、あまりお勧めしませんが、テンプレートを修正して、再構築します。
高解像度の画面でブラウザを最大化した際、左寄せとなるので好みで中央揃えとしたいときもあります。「コンクリート」テンプレートでは、左寄せを前提としたデザインがなされているので、中央揃えにすると左側に空白ができ不自然な印象になります。通常は、ブラウザの大きさを調整すべきですが、テンプレートを修正して中央揃えにする例を示します。
ブログの投稿画面で、上のメニューから「カスタマイズ/管理」を選び、左側「デザインの設定」を選びます。一番右下、「カスタマイズ」を選び、「スタイルシート(CSS)」右隣の「トップページ」を選びます。「container」というところを見つけて、前に追加します。本当は、</center>という終わりの指定も必要なのですが、とりあえず今回は必要ないです。
修正前の例)
<div id="container">
修正後の例)
<center>
<div id="container">
※3カラムのデザインでは、<div align="center">などの指定を見かけますが、<center>指定とほぼ同義です。
次は、同じ手順で「カスタマイズ/管理」、「デザインの設定」、「カスタマイズ」と選びます。表示されているのがスタイルシートになります。「background-position: center;」を追記します。
修正前の例)
body{
margin:0;
padding:0;
color:#4d4d4;
background:#fff url(http://parts.blog.livedoor.jp/img/usr/concrete/bg.jpg) repeat-y 0% 0;
font-family:arial ,sans-serif;
text-align:left;
}
修正後の例)
body{
margin:0;
padding:0;
color:#4d4d4;
background:#fff url(http://parts.blog.livedoor.jp/img/usr/concrete/bg.jpg) repeat-y 0% 0;
background-position: center;
font-family:arial ,sans-serif;
text-align:left;
}
終わったら「この内容で保存する」を選んで保存します。
仕上げは再構築です。左上、「ブログに設定を反映(再構築)」を選び、下の方に「再構築する部分を指定」があるので、「全てのページ」を選んで「ブログを再構築する」というボタンを押せば完了です。
|
| 文書番号 |
06047 |
| 日付 |
2006.03.06 |
| 参照数 |
162 |
|
