タイトル画 
ファン君の服を入学式バージョンに変更しました
しっかりと
ランドセルも背負わせました！
混乱させて申し訳ありませんでした
さて、モバイルからだとさっぱり見れないため
いったい何をしてるの？わからんちん
そんな方たちの為に 画像を撮りました
こちら ミニカ渾身の作品
「テーマは春爛漫」
記事部分は・・・レースがかろうじて見えている程度です＞＜
縦長なので 間は省略しました
ＰＣから見れるときがあったら ぜひ見てくださると嬉しいです
前の記事にも描いたのですが 今回使用した背景画像
ＣＳＳが分からない。。。という方もたくさんいるので
画像で説明
アメブロの画像アップロードの最大サイズは
幅が800pxまで
しかし幅８００ｐｘだと やや・・窮屈な感じがしていました
芸能人とかデザインが凝っているブログは900pxがほとんどだったし
このブログは以下の３つの画像で緑色のレースが構成されています
①タイトル画
②#wrapに敷き詰めた画(#wrapの間違いです上の画像＞＜
③フッター画
これをフォトショップで１枚の画像として作成
レース部分が重ならないように３つに切り取ります
それを、外部アップロードできるHPスペースへ転送
URLを控えて CSS設定に記入します
/* ---------- header : ブログタイトル部分 ----- */
#header{
background-image: url(①タイトル画);
height:画像の高さpx;
}
/* ---------- wrap : wrapに敷き詰める画 ----- */
#wrap{
width:100%;
background-image: url(②#wrapに敷き詰める画);
float:left;
}
/* ---------- footerArea フッター: フレーム下エリア - */
div#footerArea{
width:900px;
background:url(③フッター画)
no-repeat;
clear:both;
padding:80px 0px 0 0;
margin:0 auto;
height:60px;}
div#footerArea img{}
;
これは 当ブログの設定CSSです
レース部分をタイトル上とフッター下にも使いたかったので
加工が面倒だったけど・・
上下気にしないわ！って方は
#wrap設定をせずに
#frame{
background:url(フレーム画)
}
フレーム設定だけでもいいかもしれません
上から下まで すっとーんと同じ画像が設定できます
◎他 オススメCSS◎
/* ---------- background-color : 背景色 ------- */
body{
background-image: url(背景画);
background-attachment: fixed;/* 画像折り返し禁止 */
}
背景画像が動かなくなる！という オススメCSSです
/*ナビゲーションリンク消す*/
div#userNaviArea{
visibility: hidden;
padding-top:0px !important;/*上の位置調整*/
}
タイトル上の
なまえ｜ルーム｜プレゼント｜。。。
というリンクを消せます！
他にもつかったCSSはたくさんあるのですが・・・
オススメサイトを紹介で割愛させて頂きます
(*･ω･)*_ _))ﾍﾟｺﾘﾝ
◎ＣＳＳ加工技はこちらのサイト様を参考にさせて頂きました◎
情報数が盛り沢山！アメブロで色々設定しているブログは
こちらのサイト様を利用しております！
本当にありがとうございます
◎素材屋さん◎
MatsuCon様
FOOL LOVERS様
かわいらしい素材をお借りしました
特に２ちゃん系はファン君が喜びそうです
これからも 少しづついじっていきま～す♪
ミニカ
にほんブログ村 絵日記
カスタマイズするときはＣＳＳをコピペして保存を忘れずに！
うっかり上書きで泣きたくなる・・クリック
↓
携帯からは→人気ブログランキングへ
ランキングに参加しております。
更新の励みになりますよう、応援の１クリックを頂けると
嬉しいです♪(〃'▽'〃)
だったみたいだけど
」って言って
コレ
とってよー
」
」
