こんにちわんこそばななとスプライトを一緒に食べるとゲロを吐く〜!
あすみだよ〜〜〜ん!(人生)(すしすこ)
この前の続きでスキンを作っていくよ〜〜ん
なんだか世間はモバイルファストだからスマピョ版を完成させることとしたよ(?)
けふのお品書き
- サイドバーを下に固定する(!important)
- サイドバーの中身の調整
- 色々可愛くする
- さよならグローバルヘッダ
- デザインcssにとりあえず貼ってみる
Before
上の方
見出したち
サイドバーたち
モバイルを作るので
@media only screen and (max-width: 480px) { }
のなかにかいてくにゃん!
サイドバーを下に固定する
これが今日のメインですね!
positionをrelativeとfixedにする
これでくっつくようになったぴょん!
サイドバーの中身の調整
- 横に並べていく
- 角丸
- 高さ合わせる
- アスミ様(id:asumiso)消す
- プロフィールのアイコン丸くする
- カテゴリー横並び
.hatena-module
.hatena-module-profile
.hatena-urllist
dekiagari
よしゃ!
色々可愛くする
- 見出したち
h3 h4 h5
後述とかいたz-indexを9999にしたのはそれをつけないとこうなるから
吹き出しが見えちゃう!!!!エッチ
- 続きを読む
- カテゴリー
- この2つを角丸にしたヨ
.entry-see-more
これはもともとのcssになかったのでポコポコ書く。
この時点でアスミ、ないcssはいじれないと思っていたが要素が当たっていたら自分で書けば当たるということに気づく(?)
text-decoration: none;
でリンクの下線にさよならバイバイ
.categories
dekiagari
さよならグローバルヘッダ
お前重なってうざいんじゃ
ワレ死んどけ
dekiagari
デザインcssに貼り付けてみる
[デザイン]→[カスタマイズ]→[デザインcss]
ベタがきする!!!
しかしレスポンシブにしたのに携帯で見てもできなかった
あっるぇーーーーーーー??
岡くんに泣きつく。
しかし岡くんが後光をさしてくれる。
公式に書いてあるやないかい!!!!!!!!!!!!!!!!11
responsive:yes;
にしたらできたような気がする。
衝撃の事実
いざ、スマホで見てみるぞおおおおお!!!!!
.......??????????!?!?!?!?!!?!?!?!?!?!?!?!
広告に阻まれ見られる範囲が極小になっていた。
ワイ、無事死亡。
pro版にすれば消えますか?
よーし明日からはパソコンのやつを作るぞー?^0^