知識、知恵のカタマリ

[PR]コレがGoogleの検索ストーリー

解決済

clip!clip!
Ads By Google

文面の幅を広くする方法

【キャラクターのタグふれんず(チューリップ)】
livedoor PICS image

こちらの文面の幅(中央の部分)と下記のデザインの文面の幅を同じくらいに広げたいのですが・・・

【コラボレーションのグラナド・エスパダ|02】
livedoor PICS image


グラナド・エスパダのデザインはとても気にいっているのですが文面の幅が今まで使用していたものより狭くて見ずらいので幅を広げたいです。

色々と試したのですがなかなかうまくいかないので
今回質問をさせていただきました。

グラナド・エスパダのTOPの画像は変えようと考えています。

宜しくお願い致します。

2008-05-21 14:04の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

2.

2008-05-23 17:07:29ベスト
チューリップ  は
#content が width:400px
なので、これに合わせると
#container   width:799px → 850px
#blogcontainer width:755px → 806px
#wrapper    width:552px  → 603px
#content    width:349px → 400px
くらいですね。もっと大きくしたい場合も、増やしたい数字をそれぞれ足せばいいのですが
本文の枠組みが画像で出来てるため

.fullbody の background:url

.datebody の background:url

.dateend の background: url

を保存して、編集で幅を広げてアップロード。画像のURLを差し替える必要があります。

全体の背景もずれちゃいますね。
#container #banner #footer あたりのbackgroundもチェックしてみてください。

TOPの画像を代えるのであればイラストやフォトから簡単で修正しやすいデザインを探した方がいいかもしれません。
本文や全体が画像の枠組みで囲ってなくて、単色の色だけでbackgroundを指定してあるものや上部の画像が単体で本文に混ざり込んでないものなどを選ぶといいかも知れません。

本当に助かりました ありがとう御座いました。
あと一つお伺いしたいのですが TOP画像部分の
左上にグラナド・エスパダのゲームに飛ぶリンクが
あるのですが これを消したいのですがどうすれば
良いのでしょうか? 

Ads By Google

コメント(2)

#1.  
2008-05-24 12:07:31

スタイルシート(CSS) の

#g_logo 
のカッコ内に
display:none;
を入れるか

トップページ・個別記事ページ・カテゴリアーカイブ・月別アーカイブ にある
<div id="g_logo"><a href="http://www.granadoespada.jp/" target="_blank"><img src="http://parts.blog.livedoor.jp/img/usr/granado_01/spacer.gif" target="_blank" border="0" alt="グラナド・エスパダ" width="203" height="77"></a></div>
を消しちゃうとか・・・。

#2.  ポン
2008-05-24 16:17:40

ありがとう御座いました。
本当に助かりました。

トラックバック(2)

トラックバックURL: