ボタンをカスタマイズしました(*'-'*) | 安い,かわいい 商品が買える,ショップ

安い,かわいい 商品が買える,ショップ

数あるブログの中からこちらのブログを見ていただいてありがとうございます( ⸝⸝⸝¯ ¯⸝⸝⸝)
他ではなかなか売っていない商品を安くお届けしたいと思っています((o(。・ω・。)o))お気に入りのものが見つかりますように(^^)/

 
 
こんにちはつながるうさぎ
 
昨日に続いてボタンをカスタマイズしました‼‼‼
 
どこかわかりましたか???(笑)
 
復習もかねてブログに書いておきます気合いピスケ
 
 
CSSではここを編集します。
 
こちらは、ブログサイドにあるアメーバID登録(無料)というボタンです。
他に比べて多少大きいサイズの画像を使っているので
このサイズ専用で180×35px
作りました!ちゃっかり小さくネットショップのロゴを入れてあります(笑)
 
 
この画像をアップロードして
 
 
URLを緑の線のところに張り付けます。
アメーバID登録(無料)という文字色を変えたい場合は
赤線の部分に好きなカラーコードをいれてください(*´ω`*)
 
これでアメーバID登録(無料)ボタンは変わりました!v(。・ω・。)ィェィ♪
 
 
 
 
次はCSS編集のボタン128×28pxのところを編集していきます。
 
下記の赤線のところに土台にしたい背景画像をアップロードしURLを貼り付けます。
下の方の赤線は
の文字の横に小さい絵のアイコンがそれぞれついていますよね?
そのアイコンの色を変えれるところなんです(*ノω・*)テヘ
 
初期設定はパステルになっているようです。
私はパステルでいいので触りません(*´ェ`*)
 
あとは黄色の線の部分で文字色を変えます!
私は白にしました(*'-'*)
 
これで完了です!ブログのページを見てみると……
 
変わっていました‼‼‼‼
こんな感じでボタンを自分好みにカスタマイズできましたてへぺろうさぎ
 
 
自分だけのブログにできるのは楽しいですねカナヘイハート
 
これからも頑張って更新していいブログになるように頑張ります!
応援よろしくお願いしますカナヘイきらきら
 
ネットショップEDND
 
読者になってくれる方お願いします!
読者登録してね  
 
にほんブログ村 ファッションブログへ
にほんブログ村