カエレバ・ヨメレバ(コピペCSSあり)のCSSをカスタマイズしてみた。線あり角丸ボタンに

PR

物販アフィリエイトでマストなツールとして自信を持って言えるのが

カエレバ」「ヨメレバ」です。

きっとネットサーフィンかなんかで他人のブログを眺めていると
このようなバナーを見ませんか?

こんなの見ますよね。
ちなみにこの「ナインタイル」ナゾトレ東大生のカードゲームとして話題みたいです。

カエレバを使えばリンク設定が、一石二鳥どころじゃない

バナーと言っていんでしょうか
1つのバナーにAmazon、楽天、Yahooのボタンが配置できます。
頑張れば最大7つ設定可能です。

一石二鳥どころか、一石三鳥、
最大では一石七鳥いけます。

カエレバのCSS設定を変更してみた

実はこの「カエレバ」「ヨメレバ」はCSSでスタイルの変更ができます。

すでに先駆者がいらっしゃったので参考にしました。感謝です!
「ヨメレバ・カエレバのデザインをCSSで変更するカスタマイズ!」

これを設定すると先の例のように
Amazonとかのボタンが塗られた状態になります。

スポンサーリンク

カエレバのCSSを微修正しました

実は私「先駆書」のCSSを微修正しました。

というのも

御三家?(Amazon、楽天、Yahoo)以外のボタンも目立つように
文字色をわかりやすくし、角丸ボタンに線を描きたかったからです。

その設定した後がこれです。

例はヨメレバです。

本田健さんのユダヤ人の大富豪、久しぶり読んだら
「昔の俺…読んでたみたいだけど、
ちっとも理解してなかったなー」と愕然としました。

それは置いといて…

これなら御三家(Amazon、楽天、Yahoo)以外のボタンも
スッキリしました。

では、その設定を公開します。

コピペありカエレバのCSS設定を変更してみた

そのCSS設定が下記です。
コードはコピペでそのまま使えますので、

「外観」→「CSSの編集」で貼り付けてください。

変えた場所は些細な変更で「.kaerebalink-link1 a」を

変更前

変更後

しただけです。
2行目、5行目を削除しただけです。

よろしければお使いくださいましm(_ _)m


にほんブログ村 小遣いブログ アフィリエイトへ
みなさんの暖かい応援が励みになります!

シェアする

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

フォローする