ブログの幅を変えたい
今現在のテンプレートの幅をもう少し大きくする事はできるでしょうか。
マニュアル等探しましたが見つかりませんでした。
お願いします。
あとタイトルも画像に変更したいのですが、これも他の方のトピックを
見て参考にもしましたが分かりませんでした。。。
タイトルの大きさは1000×300のサイズで良いのですよね?
合わせてよろしくお願い致します。
2011年11月05日 21:33 by ユー
大変参考になりました。
試してみます。
2011年11月11日 23:07 by ユー
お使いのテンプレートの
ブログタイトルはHTMLの下記の部分で表示されています。
<div id="banner">
<h1><a href="<%url>" ; accesskey="0" title="<%blog_name>&quo t;><%blog_name></a></h1>
<h2><%introduction></h2>
</div>
フォントのブログ名を表示させたくないときには赤文字の部分を削除します。
ブログ概要を表示させたくないときは太字部分を削除します。
ブログタイトルを画像にする場合には
トップ(ヘッダー部)の背景画像の上に、イメージタグを使って表示することになると思います。
それについては
タイトルを画像にしたい
http://blog.fc2.com/forum_community/topic/12603/61496
こちらのトピックが参考になるかもしれません。
それと
お使いのブログのヘッダー部(#banner)は現行で770*280ピクセルです。
#banner{
width : 770px;
height : 280px;
ここにそう書いてあります。
2011年11月06日 16:12 by 標野ゆき
ブログ幅を広げるだけなら
当該テンプレートのスタイルシート編集欄で
#container{
width:770px;<<<<<<<<<<<<<
<<<<部分の数字を大きくすればいいと思います。
メニューカラム幅を広げるには更に
#left{
float:left;
width:200px;<<<<<<<<<<
}
#left h3{
height : 25px;
color:#fff;
background : url(http://templates.blog.fc2.com/template/na tsu/22-sidetitle.jpg) center no-repeat;
text-align : center;
<<<<の数字を大きくしますが
メニュータイトルの背景が左側に取り残されないように
赤文字のような指示を追加する必要がありそうです。
記事カラムを広げる場合には
#blog{
float:right;
width:531px;<<<<<<<<<<<
この部分を編集しますが
記事背景の横幅が決まっているので
背景の幅以上に広げたい場合には
この部分の背景はあきらめて削除するしかなさそうです。
スタイルシート編集欄の
/* メイン */ の項目内にある画像URLは
全部が記事背景の一部分なので、これらは4つとも削除しないと
おかしなことになってしまいます。
4つの背景部分が微妙なバランスで組合せてあるので
わずかに広げるだけでも全部のマージンやパディングを細かく調整する必要があって
なかなか厄介です。
また
トップ画像表示に関するスタイル指定も
一番初めのコンテナ幅と同じ数字に変更しておいたほうが無難です。
画像がセンタリングされるように
赤文字の指示も加えておかれることをオススメします。
#banner{
width : 770px;<<<<<<<<<<
height : 280px;
background : url(http://templates.blog.fc2.com/template/na tsu/22-banner.jpg) center no-repeat;
text-align:left;
2011年11月06日 15:37 by 標野ゆき
Copyright(c)1999 FC2, Inc. All Rights Reserved.
@fc2infoさんをフォロー