cssとフォトショップで背景の変更
カスタマイズネタ更新
僕のページで背景を変えた時のメモ
本当はboxshadowとか雰囲気を変える効果もいじってたんですが
またしてもＩＥで引っかかったので
とりあえず背景のみの変更を。。。
好みにもよると思うんですが、
僕はシームレス（継ぎ目無し）な物がすきなので
フォトショップで作っても良かったんですが
時間がかかりそうだったので
いつもお世話になっているPHOTOSHOP VIP様から
（個人・商用利用可）のものを頂いて
僕のページの色に合わせるため
フォトショップでカラーオーバーレイをかけて
にしたら
アメーバにアップロード。
cssの（#frame）を「Ctrl+F」で検索して
#frame{
width:800px;
margin:0 auto;
text-align:left;
display:inline-block;
min-height:1%;
background-color:#e1e1e1;
background-image:url(画像のパス);
box-shadow: 0 1px 20px #000, 0 1px 1px #000;
}
青文字の所を書き加えて終わり
継ぎ目なく表示されて良かった良かった（＾ω＾）
GoogleChromeやFireFoxでご覧の方は
BoxShadowが効いているはずなので
ちょいといい感じに見えてるはず＾＾
にほんブログ村
僕のページで背景を変えた時のメモ
本当はboxshadowとか雰囲気を変える効果もいじってたんですが
またしてもＩＥで引っかかったので
とりあえず背景のみの変更を。。。
好みにもよると思うんですが、
僕はシームレス（継ぎ目無し）な物がすきなので
フォトショップで作っても良かったんですが
時間がかかりそうだったので
いつもお世話になっているPHOTOSHOP VIP様から
（個人・商用利用可）のものを頂いて
僕のページの色に合わせるため
フォトショップでカラーオーバーレイをかけて
にしたら
アメーバにアップロード。
cssの（#frame）を「Ctrl+F」で検索して
#frame{
width:800px;
margin:0 auto;
text-align:left;
display:inline-block;
min-height:1%;
background-color:#e1e1e1;
background-image:url(画像のパス);
box-shadow: 0 1px 20px #000, 0 1px 1px #000;
}
青文字の所を書き加えて終わり
継ぎ目なく表示されて良かった良かった（＾ω＾）
GoogleChromeやFireFoxでご覧の方は
BoxShadowが効いているはずなので
ちょいといい感じに見えてるはず＾＾
にほんブログ村