ブログのデザインをいじりました2015-02-08ブログのデザインをいじりましたITいい感じのデザインにしましたこの土日で、四十三庵のデザインをいじった。はてなブログはCSSがいじりやすいので、こんなこともできるようだ。出てくるのかもしれないけども、一旦これで行こうと思う。全体的に楽天っぽいデザインになりましたね。元ネタ今回はてなブログのテーマストアにあったCSSを改変した。元ネタになったのは、id:kgsiさんの「slim」というテーマ。http://blog.hatena.ne.jp/css/theme/bordeaux/bordeaux.csshttp://blog.hatena.ne.jp/-/store/theme/12921228815715016151元々のやつも中々にクールだったんですが、自分の理想とはちょっとだけズレていた。当初は自分しか使わないとはいえ、テーマストアに公開して、URLをもらおうと思ってたんだけども、どうやら改変したものをストアに登録するのは微妙なラインっぽいので、Githubで公開するにとどめました。こだわったこと色もともとはてなダイアリー時代から持ってた不満として、デフォルトで指定できる色の赤が、僕の指定したいクリムゾンレッドじゃなかった。今回使ってるのはmaroon(#800000)っていう色なんですけど、これを使うことで、理想的な配色になった。ブログタイトル画像はてなブログのデフォルトだと、ブログタイトルの画像が真ん中に表示されるようになっていた。これに僕はどうも違和感を持っていたので、左に寄せた。}important指定がないと、指定が効かなかった気がする。元々のCSSでは、ウィンドウを最大化してない状態だと、横にスクロールしないとダメだった。人によってウィンドウのサイズは違うだろうけども、僕は割とマルチウィンドウで使う派だったので、軽いストレスを感じていた。元々の指定は、固定値持たせてたんだけど、これを相対値(%)指定にした。はてなキーワードのリンクを無効化これは正直できると思ってなかった。ウザいな〜とは感じていて、今回CSSいじってたらたまたま無効化できることを知って、ググってサンプルコード見つけて、それを使った。!important;}無効化と言っても、HTMLソースで見るとリンクは貼られていて、それをスタイルシートで無理やり普通の文章にしてる、という感じだ。挫折したこと↑この箇条書きの黒点のサイズをもっとデカくしたかったんですが、どう指定すればいいかわからなかったので、挫折した。他にも細かいことはあるんだけど、とりあえずそんなところで。何か表示がおかしいとこあったらガシガシ指摘ください。(19)Searchはてなブログをはじめよう!st43さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。