Tinkererのしょぼちむテーマ作った #syobochim

これは しょぼちむ Advent Calendar 2014 の1日目です。

しょぼちむ とは、

そんな若手エンジニアです。

このアドベントカレンダーではみんなで毎日しょぼちむに関する何かを書こうというもので、 作った当初は全日程埋まるか本人も心配していましたが割と早々に埋まったので良かったね、っていう。

Java EE アドベントカレンダーよりも早く埋まったのは少々複雑でありますが! いや、でも、埋まって良かったね!

本題

さて、今回はこのブログの基盤となっているブログツール、 Tinkerer のカスタムテーマを作ってみました。 と言ってもゼロから作るようなセンスは皆無なので、組込みの modern5 というテーマをコピーして ウルトラ怪獣としょぼちむカラーを混ぜ込んでみました。

今後、もとのテーマに戻した場合を考慮してスクリーンショット貼っておきます。

../../../_images/syobochim-theme.png

ヘッダ、本文、サイドバーなどの構成や基本的なカラーリングは modern5 のままですが、 ヘッダの背景色とリンクの色を変えてしょぼちむカラーにし、ヘッダの背景画像とセクションの見出しに ウルトラ怪獣の絵をはめ込みました。 余談ですが、私はバルタン星人が好きです(V)o\o(V)フォフォフォ。

あと、ブログタイトルをしょぼちむのブログっぽくするためbefore疑似要素、after疑似要素で文章を足しています。 念のため書いておきますが、このブログのタイトルは「裏紙」です。

……といった所で、残念ながらだいぶ力尽きました。 己のHTMLちから不足、CSSちから不足、Tinkererちから不足などに凹みました。

まあやり過ぎるよりは良いかー、と言う感じでどうかひとつ! このとおりだ!

まとめ

ここまで”しょぼちむカラー”の説明なし!

おまけ

セクションの見出しの前に出してるレッドキングがちょっとかわいく描けた気がするので もうちょい大きいサイズも置いておきます。

../../../_images/redking.png
このエントリーをはてなブックマークに追加