すべてのカテゴリ

●背景とメイン画像の2枚（炎のみ、真ん中のラーメンの方のみ）を用意し、これらを上手く組み合わせることで画像が横に自然い広がってみえる方法です。１．『ブログ管理』→『デザインの設定』を選択２．一番上にある、『適用中のデザイン』で、テンプレート名を確認。３．特定のテンプレートを選択している場合には、下にスクロールし、『カスタム可能』を選択４．ここらへんを選んでください。5．お好みのカラムスタイルを選択し、『適用する』を選択。６．『CSSの編集をする』をクリック７．『ファイルを選択』をクリック。今回アップロードする画像をあげる。中心に置く画像と背景の2枚をそれぞれあげて、×ボタンで閉じてください。８．さて、とうとうCSS編集に入ります♪一番下までスクロール。 矢印の箇所から新たにCSSを記載します。９．以下をコピーしてください。 /* ヘッダー画像を設定する */ .skin-bgHeader { background: url(上に置く画像のURL), url(背景画像のURL);background-repeat: no-repeat, repeat-x;background-position: center;}/* ヘッダーの横幅を設定する */ .skin-bgHeader [data-uranus-layout="headerInner"] { width: 100%; } /* ヘッダーの高さを設定する */ .skin-bgHeader [amb-layout="headerInner"]>a, .skin-bgHeader [data-uranus-layout

※『簡単カスタマイズ』のブログのタイトルと説明文を削除したい場合も同様に以下の手順で作業してください。こちらは●横に長い画像を配置したい（つまり画像のサイズを変える）●画像の左右の色と同色になるようにアメブロのヘッダー箇所の背景色を変更したい場合にご利用ください。１．『ブログ管理』→『デザインの設定』を選択２．一番上にある、『適用中のデザイン』で、テンプレート名を確認。３．特定のテンプレートを選択している場合には、下にスクロールし、『カスタム可能』を選択４．ここらへんを選んでください。5．お好みのカラムスタイルを選択し、『適用する』を選択。 ６．『CSSの編集をする』をクリック７．『ファイルを選択』をクリック。今回アップロードする画像をあげる。８．さて、とうとうCSS編集に入ります♪一番下までスクロール。 矢印の箇所から新たにCSSを記載します。９．以下をコピーしてください。 /* ヘッダー画像を設定する */ .skin-bgHeader { background: no-repeat scroll center top; background-image: url(画像のURL); background-color:#fff; } /* ヘッダーの横幅を設定する */ .skin-bgHeader [data-uranus-layout="headerInner"] { width: 100%; } /* ヘッダーの高さを設定する */ .skin-bgHeader [amb-layout="headerInner"]>a, .skin-bgHeader [data

こんにちは、サニープラスデザインです！制作実績のご紹介です。アメブロカスタマイズをさせていただきました！♦︎目的現在のアメブロデザインの変更♦︎ターゲット20代〜50代　起業したい（してる）女性♦︎制作期間3週間♦︎担当作業デザイン、アメブロに設置作業▼ポイントゴールド・ワインレッドをメインカラーにし大人の女性向けの華やかさと憧れをデザインしました。アメブロカスタムはこちらからご依頼、お問い合わせいただけます！女性用デザインチラシはこちらからご依頼、お問い合わせいただけます！