またまたStinger3とWordPressのカスタマイズあれこで、だいぶしまったデザインへ

また、色々いじくってみた

★全体カラムの左右を入れ替え
STINGER3の本文記事とサイドバー(ウィジェット部分)の左右位置を入れ替えたり幅を調整したりする際のCSS設定 :

★画像に影と縁線つけ
画像に影をつけるワードプレスプラグインShadowsの使い方 | ネットビジネスで20代にて転職して独立したなるひこのブログ :

最初、これを読んでプラグインでがんばったんだけど、なんか変な線がとれなくてあきらめ。

結局CSS3でやったら、できたので、子テーマのCSSに下記のように書いて、img属性に全部縁と影をつけてみたら一番手軽だった。

[CSS]ボックスに影を付ける(ドロップシャドウ)CSS のプロパティ「box-shadow」 :

/* 画像に薄いグレーの縁と影をつける */
.post img {
border:solid 4px #eee;

box-shadow: 4px 4px 8px #666;
-webkit-box-shadow: 4px 4px 8px #666;
-moz-box-shadow: 4px 4px 8px #666;
}

AddQuicktagの設定方法と使い方動画。表示されない? | ネットビジネスで20代にて転職して独立したなるひこのブログ :

このプラグインで画像1つ1つにShadowsをつけるってのもあったんだけど、それはそれで面倒だよね。

でも、AddQuicktagは、いいプラグインなので

AddQuicktagプラグインでタグ挿入ボタンをPrinciple仕様に | 初心者にもおすすめ!無料 WordPress テーマ『Principle』 :

このjsonをインポートしたらかなり決まったタグをいれるときはいい感じです!

STINGER3デフォルトのデザインっぽさをなくすなら、まずカスタマイズしたいCSSセレクタ :

最後にこれで「続きを見る」ボタンをとってみた。

<結果>こんな風に画像がしまっていい感じです!

PS3購入&GT5開始記念サンプルランボルギーニ
countach

<TOPページデザイン変遷>
stinger3_1

stinger3_2

stinger3_3

a

関連記事

ランボルギーニの( ・∀・)イイ!!話と、・・・な話

【ビデオ】少年の誕生日を祝うため、ランボルギーニが大集結! - Autoblog 日本版 ht

記事を読む

3Dプリンタで世界に1つだけのカウンタック仕様のiPhone6カバーを製作していただいたの巻

3Dプリンタ。すごいですね。今度は、3Dスキャンと3Dプリンタとレーザーカッターが一体になって、

記事を読む

ランボルギーニアヴェンタドールのPVが最強にかっちょいいんだな・・・

http://www.youtube.com/watch?v=A0se44AHeBY&list=PL

記事を読む

こんなパトカーに乗れるのなら捕まるのも悪くない(?)

イタリア国家警察にガヤルドパトカーが配備されてるのは有名ですが、 なんと、早速ウラカン

記事を読む

ランボルギーニ ウラカン LP 610-4 誕生

ガヤルドの後継としてデビュー。 アヴェンタドールよりは、手が届きそうなモデルというとこ

記事を読む

ランボルギーニ・ガヤルド vs 電動歯ブラシ!?

いやああ・・・馬鹿馬鹿しいけど、嫌いじゃない。このCMのためにこのレーシング仕様のガヤルド、

記事を読む

ランボルギーニレヴェントン と わたし

Wikipediaより 20台しか製造されず、日本には1台だけ輸入されたと聞いていたが、201

記事を読む

a

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

a