商品を紹介する際に使ってきたカエレバ・ヨメレバやもしもアフィリエイトのかんたんリンク。 見た目を多少変えて使っています。
先日、バリューコマースのMyLinkというのも使ってみました。 そのままのデザインでもいいのですが、カエレバやかんたんリンクと同じBoxデザインにしようと思い、CSSにコードを書き込みました。
元のデザイン
変更後のデザイン
CSSコード
/*------------------------------------------
バリュコマ mylinkbox カスタマイズ
------------------------------------------*/
/*--------- 外枠 ---------*/
.myLinkModule {
padding:25px;
margin-bottom: 10px;
border:solid 3px #fcf0f1 !important;
overflow: hidden;
font-size:small;
border-radius:5px;
box-shadow:0 0 0 4px #fff, 2px 1px 6px 4px rgba(10, 10, 0, 0.5); /*ボーダーの周りの影（背景色と同じコード）*/
}
/*------------------------------------------
バリュコマ mylinkbox カスタマイズ
------------------------------------------*/
/*--------- 外枠 ---------*/
.myLinkModule {
padding:25px;
margin-bottom: 10px;
border:solid 3px #fcf0f1 !important;
overflow: hidden;
font-size:small;
border-radius:5px;
box-shadow:0 0 0 4px #fff, 2px 1px 6px 4px rgba(10, 10, 0, 0.5); /*ボーダーの周りの影（背景色と同じコード）*/
}
今回はとりあえずBoxのデザインだけ変更し、各ショップのボタン等は何もしませんでした。
