車用ブログに是非使って欲しい!男前skinを作ってみた。

metalrubber

我が家の愛車ですが、一台が今年で10年になります。子供が産まれてから買ったファミリーカーというやつ…(#^^#)

この10年、私がぶつけた(笑)以外は、故障する事もなく走ってくれています。
が、息子も小学校高学年に差し掛かり、すこし『男前』な(笑)車を探しています。
なんてったって、今の車が赤ですからね~(笑)

目当ての車のカタログを見ながら、作ったのがこのskinです( ^ω^ )

宜しかったら、お持ちください<m(__)m>

今回の背景は、CSSのみで作っています。
画像もwebフォントを使用していますので、skinのファイルには画像は入っていません。

↑の画像は、ヘッダーに画像を足しています。
写真ACさんの画像で、こちらは「再配布禁止」素材ですので、配布が出来ません。

無料の会員登録で、写真のダウンロードは可能ですし、フリーで素材も使えますので、おすすめな素材配布サイトさんです。

高解像度の写真素材なら【写真AC】

スポンサーリンク

MR-red Metal And Rubber メタル&ラバーレッド

CSSで背景を探していて、こんなコードに巡り合いました。

http://lea.verou.me/css3patterns/#
ドットサイズ等は、微調整してあります。ゴムっぽい感じに受け取って頂ければ、やったり!ですが、見えますか?

こちらのskinも、画像は入っていませんので、cssでお好きに色の変更も可能です。

↓が実際のファイル内容です。
タイトル下の画像のように、ヘッダー部に、車のタコメーター等を入れられても格好いいと思います。
ご自身の愛車の画像でも、ドキドキ感が増しませんか?(笑)

metalrub_1

ブログタイトル

❤ GoogleのWebfontを使っています。設定済ですので、ブログのタイトルを”英語で入れる”と、見本のような感じになります。可能な限り、英語でつけて欲しいなぁ(笑)

このフォントも、前々から目をつけていて(笑)、男前な感じが出せたらいいなぁ。と思っています。今回使用できて嬉しいです(笑)
本当は少しかすれた感じ、例えば擦れてうすくなった感じを出したかったのですが、画像では簡単にできるのですが、なかなかcssのみでは難しいです。これも今後の課題ですね。

フォントのカラーは、私は白色を設定していますが、これも好きに変えて頂いて良いと思います。

metalrub_2

見出し類

❤ h1~h5まで設定致しました(h6)は私が使わないので設定していません(笑)   

サイドバーのタイトル

❤ サイドバーは、シンプルすぎるくらいにしておきました。

一覧リスト エントリーカード(デフォルト)、タイル状

❤ エントリーカード

デフォルトのエントリーカードでは、一覧リストはこの様になります。
metalrub_3

3列や2列のタイル状は、次のようになります。 写真の多いブログにも、邪魔をせずに良いかと思います。
metalrub_4

下のリンクよりダウンロード下さい。 手順等は、Simplicityさんのこのページが見やすいと思います<m(_ _)m>

ダウンロードしたファイルをご自身のSimplicityテーマのskinフォルダへ追加頂き

ダッシュボード ➡ 外観 ➡ カスタマイズ ➡ スキン よりこのskinを選択してお使い下さい。

スキン追加方法の手順は、Simplicityさんのサイトでもご確認頂けます。

励みになります
ランキングに参加しました。
「ダウンロードしたよ。」の
応援クリック頂けると嬉しいです(#^^#)
にほんブログ村 IT技術ブログ WordPressへ
にほんブログ村


スポンサーリンク

シェアする

  • このエントリーをはてなブックマークに追加

フォローする