エキサイトブログスキンでイラストを変更する

エキサイトブログの「夏の海」のスキンを作って、イラストの差し替えを行ってみましょう。
スタンダードなテンプレートのヘッダーは下記です。

a0342241_15512737.png

好きな画像を用意する

ヘッダーに置く新しい画像を書くorフリー素材などで探してみましょう。
今回はガーリー素材のイラストサイトからイラストをいくつか落としてみました。
どれにするか決めたら、エキサイトブログにアップロードしてURLを控えておきましょう。
細かいアップロードの仕方はエキサイトブログのcolorfulのブログを使って背景画像をアレンジの記事で確認してください。

a0342241_15443573.png

とても可愛らしいイラストが満載の素材サイトです。
ガーリー素材

CSSを変更する

CSSから .header-wrap を検索しましょう。下記のコードからURLを入れ替えます。

a0342241_16011401.png

サイズを調整したい場合は、background-size の数値を変更してみてください。

background: url("ここにURLを入れる") no-repeat right center;background-size: 200px;

完成です!

a0342241_16041181.png

[PR]
名前
URL
画像認証
削除用パスワード
by exblog-tips | 2016-02-03 16:05 | ヘッダー周り | Comments(0)

エキサイトブログをとことん使い倒すブログです。こんなことできないかな?をゆるっと募集中!


by エキブ