الأيقونات الاجتماعية بشكل جميل

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

سأقدم لكم كود أيقونات لأهم المواقع الاجتماعية ومنها فيس بوك وتويتر وهناك أيضاً rss ويوتيوب

الكود :

<style> 

#social {

margin:5px auto 0 auto;

text-align: center;

}

#social img {

margin-right: 2px;

margin-left: 0px;

width: 50px;

}

#social img:hover {

opacity: 0.6;

}

</style>

<div id="social">

<a href="https://twitter.com/"><img alt="Twitter" src="http://img221.imageshack.us/img221/3171/twittericont.png" title="تابعنى على تويتر" /></a>

<a href="http://feeds.feedburner.com/"><img alt="Feed" src="http://img521.imageshack.us/img521/3997/rssiconldl.png" title="الخلاصات" /></a>

<a href="https://www.facebook.com/"><img alt="Facebook" src="http://img707.imageshack.us/img707/5055/facebookiconq.png" title="تابعنى على الفيس بوك" /></a>

<a href="https://plus.google.com/117554884515213827524/posts"><img alt="Google Plus" src="http://img9.imageshack.us/img9/6204/googleplusiconl.png" title="جوجل بلس" /></a>

<a href="http://www.youtube.com/"><img alt="Youtube" src="http://img835.imageshack.us/img835/1835/youtubeiconf.png" title="تابعنى على يوتيوب" /></a>

<a href="http://www.deff2.blogspot.com/"></a>

</div>

<div style="clear: both"> 

</div>

- See more at: http://arabsoft4.blogspot.com/2013/06/blog-post_15.html#sthash.XbqCRUbY.dpuf