スキップしてメイン コンテンツに移動

注目

ECASA様 アメブロカスタマイズ

こんにちは。 久しぶりの投稿になってしまいました。 アメーバオウンドホームページ作成とアメブロカスタマイズのラクリエイトです。     ブログを更新していませんが、仕事をしていないわけではなく💦 いろいろやってるけど、いろいろなんでブログに書いたら良くわからなくなりそうでやめておきました。     今回は、久しぶりのアメブロカスタマイズです。 一度カスタマイズをさせていただいた ECASA様 。   以前のカスタマイズはこんな感じでした。   ブログタイトル、画像、色味などを変更しました。 できあがりはこちらです。       記事タイトルのイラストなどは変わりないのですが、印象が変わりました。 ちょっと変えたいなと思われた時には再度ご相談くださったら、それに応じて作業をします。 少しの作業でしたら リピーターサポート としてお受けすることもあります。   まずはご相談ください。     ECASA様、いつもありがとうございます。     via  racreate Your own website, Ameba Ownd

ちょっとヘッダー画像で遊んで横広がりにしてみました。

こんにちは。

アメーバオウンドHP作成とアメブロカスタマイズのラクリエイトです。

 

ちょっと時間があったので、

ヘッダーで遊んでみました。

(仕事の息抜き大事(笑))

 

パソコン画面で見るとこんな感じのこちらのブログ

うちのパソコン画面が大きいので、こんな風に出てきます。

 

表示される横幅が1120px。

うちのパソコンはもっと幅広で見ることができますので

こんな感じに映ります。

 

横の空白部分にも画像がつながったらどうなるのかな?

とふと思いまして、

やってみたところ。

 

なんかにぎやかに( ´艸`)

 

私のヘッダーではあまり見栄えは良くないですが、

柄パターンを繰り返す時には使えますね。

 

これはブログデザインのCSS編集
/* ヘッダー背景 */

と書かれている場所の
.skin-bgHeader {

の下に、

background-repeat:repeat-x;

という一文を加えたもの。

 

.skin-bgHeader {
background-color: #ffffff;
height:400px;/*ヘッダー画像の高さ400px*/
background-image:url(★);/*ヘッダー画像のURLを★に入れる*/
background-repeat:repeat-x;/*ヘッダー横に繰り返し*/
background-position:center top;/*ヘッダー画像位置*/
}

 

■ヘッダーの高さ400px(高さが違う時はこの値を変えます) 

■1120px×400pxのヘッダー画像のURLをに入れます

と横にヘッダー画像が繰り返すようになります。

こちらに書いてあることを私風にお伝えしますと・・・

「ブログの一番上に出てくるところは、白色の背景で、写真は★という画像がでてきます。画像は400pxの高さにしてあって、横に繰り返して見えるようになってます。画像は中央揃えで置いてますよ。」

ということです。

 

ご自分でカスタマイズする時には、

必ず変更前のデータは保存してくださいね。

おかしくなったー!?となっても責任は負えません<(_ _)>

すみません。

 

カスタマイズしてみたい!

と思ったら、今はネットで色んな情報が手に入ります。

時間をかけることができるのでしたら、

自分でやってみると楽しいですよ。

 

そんな時間はないけど、やってみたい時には

ご相談くださいね。

 

➤お問合せ/お申し込み
➤HP

 

コメント