Facebook, Twitter, YouTube, İletişim Butonları

Merhabalar. İnternette dolaşırken bu butonları gördüm. Bende kodları alıp biraz düzenlemeler ve değişiklikler yapıp sizlerle paylaşmaya karar verdim. Yatay ve dikey kodlar aşağıda önizlemeleriyle birlikte yer almaktadır.

<table> <tr> <td> <div class="column one_fourth"> <a href="http://facebook.com/www.anilsenyurt.com.tr"><img onmouseover="this.src='https://thepianoguys.com/wp-content/uploads/2013/06/FShadowHover4.png'" onmouseout="this.src='https://anilsenyurt.com.tr/wp-content/uploads/2013/09/FShadow4-300x211.png'" alt="" src="https://anilsenyurt.com.tr/wp-content/uploads/2013/09/FShadow4-300x211.png" height="80" width="110"></a></div> </td> <td> <div class="column one_fourth"> <a href="http://twitter.com/masenyurt"><img onmouseover="this.src='https://thepianoguys.com/wp-content/uploads/2013/06/TShadowHover4.png'" onmouseout="this.src='https://anilsenyurt.com.tr/wp-content/uploads/2013/09/TShadow4-300x211.png'" alt="" src="https://anilsenyurt.com.tr/wp-content/uploads/2013/09/TShadow4-300x211.png" height="80" width="110"></a></div> </td> <td> <div class="column one_fourth"> <a href="http://www.youtube.com"><img onmouseover="this.src='https://thepianoguys.com/wp-content/uploads/2013/06/YShadowHover4.png'" onmouseout="this.src='https://anilsenyurt.com.tr/wp-content/uploads/2013/09/YShadow4-300x211.png'" alt="" src="https://anilsenyurt.com.tr/wp-content/uploads/2013/09/YShadow4-300x211.png" height="80" width="110"></a></div> </td> <td> <div class="column one_fourth last"> <a href="http://manilsenyurt.blogspot.com/p/iletisim.html"><img onmouseover="this.src='https://thepianoguys.com/wp-content/uploads/2013/06/NShadowHover4.png'" onmouseout="this.src='https://anilsenyurt.com.tr/wp-content/uploads/2013/09/NShadow4-300x211.png'" alt="" src="https://anilsenyurt.com.tr/wp-content/uploads/2013/09/NShadow4-300x211.png" height="80" width="110"></a></div> </td> </tr> </table>