design

思い切って変えてみた。

スタイルインポートして気づいたんだけど、自作スタイルって作成できるのね。知らんかった。。。なんかスリムになった気がする。

3カラムレイアウト

今度は3カラム。

2カラムレイアウト

今後のためにもメモ代わりに載せとく。ちなみにリキッド。

やっぱり続けてないと忘れるよな・・・。orz

以前webcreatorsで読んだはずなのにすっかり忘れてる。

元に戻した。

なんかセンタリングのやつは見辛い。そうそう、色々いじってて初めて知ったんだけど設定 → 記事の設定に『「はてなスター」アイコンを表示する』というチェックがあった。さっそくチェックを外す。これでCSSで非表示にする必要がなくなった。 この機能7月の…

デザイン変えてみました。

今までリキッドだったから思い切ってセンタリングにしてみた。やっぱり空は良い(ぁ

使う人いねーと思う。

JavaScriptとか勉強不足なやつが考えたもんだからベテランな人には物足りないとか工夫が足りないとか言われそうだが書いてみる。もはやメモ代わり。

何故か

トラックバックでも表示してみるかと思ったのにそれだけで詳細スタイルシートが全部消えた。鬱。スタイルシートどうしてたっけ・・・。

結論

float使わずにpositionだけでいけましたとさ。relativeとabsoluteを使い分けましょう。今回は使ってないけど、スクロールしても常にメニューを同じ位置に表示させたい時はfixedを使いましょう。位置が固定なだけでfixedもabsoluteと同じ位置計算です。

はいはい

案の定レイアウトが崩れた。リキッドの3段組って大変だな。float使うと崩れる崩れる。と言うことでpositionでいく。デザインは変わらないがCSSがごろっと変わる(はず)。

よし。

レイアウトの崩れは直った。positionだけじゃあ厳しいところはfloatで補助したらなんとかいけた。よし、寝よう。

スタイルシートをいじってみる

スタイルシートを使ってpreタグをいじってみた。 pre{ margin-left: 10px; padding: 2px 3px; border: 1px solid #ccc; background: #eee; }見たいな感じ。できあがりにちょっと満足。ついでにaタグもいじってみた。 a{ color: #aaa; }みたいな。