HPレイアウトをCSS3に対応しました

HP:Jumble Junk

レイアウトとかをCSS2で作っていたけど、CSS3を勉強してたら、もっと楽に出来る事を知ったので、対応しました。

 #container {
    width: 100%;
    height: 100%;
    min-height: 100%;
    position: relative;
    overflow: hidden;
}

body > #container {
    height: auto;
}

#contents{
    padding-bottom: 40px;
}

#menu_block{
    background-color:#f7f8da;
    width : 200px ;
    float:left;
    padding-bottom: 32768px;
    margin-bottom: -32768px;
}

#contents_block{
    margin-left: 200px;
    padding-bottom: 32768px; 
    margin-bottom: -32768px;
}

↓

 #container {
    height: 100%;
    margin: 0px auto;
}
#contents{
    display:box;
        display:-moz-box; display:-webkit-box;
    box-orient:inline-axis;
    width : 100% ;
}

#menu_block{
    background-color:#f7f8da;
    width : 200px ;
}

#contents_block{
    box-flex:1.0;
        -moz-box-flex:1.0; -webkit-box-flex:1.0;
}

今まで、marginとpaddingを組み合わせたりして、ごちゃごちゃしてたのがすっきり＾＾
prefixがつけないといけないから、まだ完全にスッキリはしてないけど

てことで、見た目としては、全く変わってません＾＾；
ついでに横幅だけ変えたけど
久しぶりに、HP見たら、「6ヶ月以上更新のないページにつく広告」があって少し焦った

次は、ブログのテンプレート！
ちまちま作成中

本の電子化セット

この３つ（＋普通のカッターナイフ）で、本や書類を電子化！
本棚とか目に見えるところがすっきりするので、楽しい( ´∀｀)

最近は、ひきこ森

とびだせどうぶつの森を発売日（11/8）に買って、ひきこ森生活してました。
マイデザインとか、家具集め模様替えとか、リメイクとか楽しい。
上の画像のマイデザイン、何かわかるかな？
好きなゲーム中心に書いてみました。
え？うん。どうぶつの森は任天堂のゲームって知ってるよ？（爆
ちなみに、だいぶ前に撮った画像なので、自分の格好はまただいぶ変わってます。




ただ、1日辺りはあまりやってないので、お金がなかなか稼げなくて、お部屋増築のお金とか、公共事業のお金とか全然返せてない＾＾；

あけましておめでとうございます。

今年もよろしくお願いします。

年賀状2013 posted by (C)颯来

今回は、テクスチャがんばったよ。全部手書き。
蛇の鱗は、コピーもしてないよ。
そこで、イラレを使えよとつっこまないｗ
久しぶりに、丁寧に書いて、楽しくなったので、もっと書きたくなった。今度は、イラレも使ってね。
初めは、厚塗り風にゴリゴリ書いて塗ってたんだけど途中で怖くなって、結局レイヤーを多用した。
でも、今回結局線画書いてないよ。
新しい書き方にチャレンジして楽しかった♪

年々、人物成分がなくなってるので、来年は、がっつりキャラで書きたいな。

HUNTER×HUNTER 31

HUNTER×HUNTER 31 (ジャンプコミックス)
アルカかわいい(*＾▽＾*)
（● ■ ●）＜あい