fc2ブログ
2005/12/14 の記事
  

orange_cat_regular、blue_cat_regularの右カラムと左カラムの幅修正

orange_cat_regular、blue_cat_regularの右カラムと左カラムの幅を修正する方法を以下に紹介しますm(_._)m

ステップ1:
http://blog-imgs-31.fc2.com/f/f/1/ff12expo/sidebar_orange.gif
↑この画像をダウンロードする
(URLをブラウザに入力すると画像が出てくるので
その画像の上で右クリック->名前を付けて画像を保存[IEの場合])

(この画像は左カラムのメニュー部分の幅に合わせて作ってあります
なので、狭くしたい場合は小さく、広くしたい場合は大きくなるように修正して下さい)

ステップ2:
ダウンロードした画像を自分がこのくらいの幅と思う大きさに修正する
(例えば
http://blog7.fc2.com/c/chanu/file/sidebar_orange_short.gif
↑これくらいの大きさに切り取って保存する)
その画像を自分の管理画面の「ファイルアップロード」機能を利用してアップロードする
アップロードしたらCSSファイルにある以下のような部分の記述を
新しくアップロードした画像のURLに変更する
(下の見本はすでに新しい画像のURLに変更してあります)
#left_column {
line-height : 1em;
background : transparent url("http://blog7.fc2.com/c/chanu/file/sidebar_orange_short.gif") left top repeat-y;
border-left: 1px solid #FFD700;
}

ステップ3:
HTML内の以下のような部分に修正を加える
■修正箇所1つ目
【修正前】
<table width="740px" border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="270px" align="left" valign="top" id="left_column">
【修正後】
<table width="740px" border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="240px" align="left" valign="top" id="left_column">

■修正箇所2つ目
【修正前】
</td>
<td width="470px" align="left" valign="top" id="right_column">
【修正後】
</td>
<td width="500px" align="left" valign="top" id="right_column">

この時上の部分は左側のカラムの幅を示し
下の部分は右側のカラムの幅を示しているので
左側のカラムで減らした数だけ、右側のカラムの数を増やしてやるようにする
右左合計で740になるように注意する

以上で変更は終了です
何か不具合がある場合はコメント等でお知らせくださいm(_._)m

↑ワンクリックよろしくお願いいたしますm(_._)m
スポンサーサイト



DCFF7 東京ゲームショウ2005で公開された良画質PVダウンロード«  | HOME |  »FF12 「イヴァリース・ワールドアルティマニアα」発売か?!【ネタ】

コメント

コメントの投稿

管理者にだけ表示を許可する

トラックバック

http://ff12expo.blog6.fc2.com/tb.php/995-ae61c15e

 | HOME | 

FF12発売中
FF12関連ゲーム+音楽
発売中のお勧めゲーム
これから発売予定のお勧めゲーム
    とてもいい励みになっています!
    一日ワンクリックお願いします!↓
  • psBlogRanking.gif
今日: 昨日:
TOTAL:

RECENT ENTRIES

CATEGORIES

RECENT COMMENTS

【リンクについて】
このサイトはリンクフリーです

FF12 Expo お勧め


    Micro Button黒_logobmb




    アフィリエイトはここからスタート!LinkShare


APPENDIX

//-->
Powered by : Designed by ch*nu
当ホームページに記載されている会社名・製品名・システム名などは、各社の登録商標、もしくは商標です。