まいろっちのブログ一覧

フッターを電王バージョンに変更してみました。
他にいい画像があればまた変更したいと思います(・∀・)ﾆﾔﾆﾔ

ちなみに変更方法は以下のようになります。

#Footer
{
background: url(http://xxxxx)←スタイルシート画像保管用のURL
repeat;
width: 800x;←横サイズ
height: 160px;←縦サイズ
}

お友達がスタイルシートを弄ってるのを見て、触発されました(笑)

今回はブラックベースに作ってみました。


ディーバの黄色と206RCのブルーをアクセントに♪

国見高校のサッカー部ユニホームにも似てるかなぁ(笑)

こんどは、カレンダーの上部に画像を持ってきました♪


　　　　　　　　　　　　　　　　　　　　　ココ→
　　　　　　　　　　　　　　　　　　　　　ココ→
　　　　　　　　　　　　　　　　　　　　　ココ→
　　　　　　　　　　　　　　　　　　　　　ココ→

カレンダー関連
CalendarPlateに以下のタグを挿入♪

padding-left:5px;
padding-top:126px;
background-image: url('画像URL');
background-position:top 7;
background-repeat:no-repeat;

ここで使う画像も小さめの画像がいいみたいです。
これは170×127のサイズにしてます。

こんにちわ！

スタイルシートを久しぶりに弄りました♪

　　　　　　　　　　　　　　　　　　ココ→
　　　　　　　　　　　　　　　　　　ココ→
　　　　　　　　　　　　　　　　　　ココ→
　　　　　　　　　　　　　　　　　　ココ→

カレンダーの背景変更

としぽっちさんもやってますが、私もやってみました(・∀・)ﾆﾔﾆﾔ

背景に使った画像は8797さんに、以前書いてもらった２０６です。

カレンダーに背景挿入の方法は以下の様になります。

スタイルシート編集画面の

カレンダー関連
CalendarPlateの所に

background-image: url("https://cdn.snsimg.carview.co.jp/carlife/images/UserCarPhoto/xxxxx/px.jpg");

上記のタグを追加して、画像のURLを挿入♪

ただ、画像の表示面積が小さい為、
表示させたい画像のサイズ変更も必要です。

私は180×135にサイズ変更して画像をＵＰしました。

background-imageのタグを使えば、もっといろんな所の背景を、
お好みの画像に替えれるかもしれませんね♪

ディーバ納車後に２０６ＲＣと並べて写真撮る予定でしたが、あまりにも２０６ＲＣが汚れてた為、週末に２台洗車し記念撮影♪

ヘッダーも変えなきゃね。

変わってなかったら、Ｆ５を押して更新してみてください。

( ´Д`)σ)Д`)ｧｩｧｩ