NEW Amazon & Twitter Graphics to Choose From

Lots of girls seem to love the Amazon & Twitter graphics that highlight when you hover the cursor over them. 

So I thought I'd make them in a few different colors to choose from.

Edit the bold red text before pasting this HTML code in the about me section on the edit profile page.

<div class="link-amazon">
<a href="Your wishlist url" target="_blank">Amazon Wishlist</a>
</div>
<div class="link-twitter">
<a href="http://twitter.com/Your_Twitter_user_name" target="_blank">Twitter</a>
</div>

CSS Code:

.link-amazon a { display:block; width:258px; height:140px; float:left; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggruNnTUTEoaY2k2d2ni9MxUhXh_Tof0mxnpMgqWKL9An6u7r-gy0q2WgNn_SX9Aya5LRtjNcZe7RgFe2hbHzU2Gv2DVTCQuZEEEIN3rfu8Rw9JCP0BUfcpnwcuTSPjbapofnjpOP1MDs/s1600/amazon_blue.png) no-repeat; position:relative; margin:215px 0 0 -185px; text-indent:-3000px; } .link-amazon a:hover { background-position:0 -140px; }

CSS Code:

.link-amazon a { display:block; width:258px; height:140px; float:left; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJBme4Rs7BI5gGH3pNNYbSe6yqDMH50PmXg9hQdxicDwx6rbfExfmuliiq3vJv3faEoWFF_B8Bng6DoSPYTdWKzJdxjoLu0SuYYf4q4_nciCkdeMUBmiBMWNx8M5TgFPxW_whLXs8yzV4/s1600/amazon_gold.png) no-repeat; position:relative; margin:215px 0 0 -185px; text-indent:-3000px; } .link-amazon a:hover { background-position:0 -140px; }

CSS Code:

.link-amazon a { display:block; width:258px; height:140px; float:left; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj629uZEB_weSmDRUuLBATDnpkbuR2HRSS8uEm_d-CakE3nh45Mq2G6MAwNrYpKBRnM53hQ_fuaL533xWyhOs8Iop54yfu9wQ4LEoAL_rZ1Co8eQVexQPDD7TqjHLVrTLXiwotxp2UsvuI/s1600/amazon_pink.png) no-repeat; position:relative; margin:215px 0 0 -185px; text-indent:-3000px; } .link-amazon a:hover { background-position:0 -140px; }

CSS Code:

.link-amazon a { display:block; width:258px; height:140px; float:left; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPMDNOG3z9o_UJ0zyDf_lHucZXptieWHYIsUlnS7k6IxrnP19pZ2fbu6KiyCnl51fPgk1qAbcylL9NhXM33tzhPEwSHIZqmF1ICBBCafoXdX1p4-h5B3rcotXf7qvdSbGfjkD_LWxaEK4/s1600/amazon_purple.png) no-repeat; position:relative; margin:215px 0 0 -185px; text-indent:-3000px; } .link-amazon a:hover { background-position:0 -140px; }

CSS Code:

.link-twitter a { display:block; width:249px; height:160px; float:left; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjxsm3Po5FUhfDZNve-4dNnxPVn7rnmhCb6UUgdeiFWYotB46shRpshFBL4bWoLafbu9OQ3vnlLgabvGIUEB3ewIyID8CB2TuXxlVQtHUDT1R6BREp2B4FjAKQ4PJH_-ZSjOcNBDlJ4ok/s1600/twitter_blue.png) no-repeat; position:relative; margin:215px 0 0 -5px; text-indent:-3000px; } .link-twitter a:hover { background-position:0 -160px; }

CSS Code:

.link-twitter a { display:block; width:249px; height:160px; float:left; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyyuxaa41tccY0eoB1TSC67ipAi9jv-TxYOJmkuloR5Zv6Ghv3J1QrKzaHmVTyCqB5vwebfdCne2DxPaWtTcon5m_-sMISLLQ6vHK6BLPxKbhBIFJyDCBnwt0_Dc82BGiYCvytc6rD8Lc/s1600/twitter_gold.png) no-repeat; position:relative; margin:215px 0 0 -5px; text-indent:-3000px; } .link-twitter a:hover { background-position:0 -160px; }

CSS Code:

.link-twitter a { display:block; width:249px; height:160px; float:left; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFLDNL1LFZ0Q56hm6CE8hueQn5xKRjcLnaGRi5brUEcq0WBYYKDJEdUfnLshOEBko2Yy7BJkUsYg9uAj399OPCwPPaCcIlVFuvupm3MJtETC0Xpehnp0ogkU2mWL6-FLt-368MhVHBBB0/s1600/twitter_pink.png) no-repeat; position:relative; margin:215px 0 0 -5px; text-indent:-3000px; } .link-twitter a:hover { background-position:0 -160px; }

CSS Code:

.link-twitter a { display:block; width:249px; height:160px; float:left; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxruIAYzYGg03cMDEGjkEKzj7p_14S7raMuL5J32mEXf515v8yJY2ZZ3_JKDeUl-gBpyjaxaiPmgYdEYgjYV4NrqNZf3bE2id4jEjG3_4ChpDSovRKwJOx7Kjx5OT9GEq9m1nz6ZRZKSM/s1600/twitter_purple.png) no-repeat; position:relative; margin:215px 0 0 -5px; text-indent:-3000px; } .link-twitter a:hover { background-position:0 -160px; }