ايقونات مواقع التواصل الاجتماعي على شكل الميترو

السلام عليكم ورحمة الله عليكم و بركاته اليوم انشاء الله سوف اشارك معكم كود code html لايقونات المواقع الاجتماعية على شكل الميترو لوندوز 8 فهذه اليقونات ليست كالتي طرحة المرة الفائة بعنوان صندوق مترو للإشتراك في مواقع التواصل الإجتماعي
لن اطيل عليكم اليكم طريقة تركيب install الاداة و كود code html
http://3.bp.blogspot.com/-YDFIjkSYQL...8%AC%D8%B1.gif
طريقة التركيب install وهي طريقة سهلة جدا :

نذهب إلى لوحة التحكم في بلوجر
ندخل إلى تخطيط
نختار المكان الذي سوف نضيف فيه الأداة ونضغط على إضافة أداة
نختار أداة HTML/JAVASCRIPT
ونضع هذا الكود code
ثم حفظ

7.لا تنسو إستبدال # بما يناسبك

الكود code الخاص به :
رمز PHP:

<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><br />
<div id="social">
<a href="#"><img alt="Twitter" src="http://img221.imageshack.us/img221/3171/twittericont.png" title="تابعنى على تويتر">a><br />
<a href="#"><img alt="Feed" src="http://img521.imageshack.us/img521/3997/rssiconldl.png" title="الخلاصات">a><br />
<a href="#"><img alt="Facebook" src="http://img707.imageshack.us/img707/5055/facebookiconq.png" title="تابعنى على الفيس بوك">a><br />
<a href="#"><img alt="Google Plus" src="http://img9.imageshack.us/img9/6204/googleplusiconl.png" title="جوجل GOOGLE بلس">a><br />
<a href="#"><img alt="Youtube" src="http://img835.imageshack.us/img835/1835/youtubeiconf.png" title="تابعنى على يوتيوب">a><br />
<a href="http://www.7loll.blogger.com/">a><br />
div>
<div style="clear: both">
<br />
<br />
<br />
div>
><br />
a> div>
di <br>


المصدر : محترف المعلومات: ايقونات مواقع التواصل الاجتماعي على شكل الميترو




https://fbcdn-sphotos-d-a.akamaihd.n...93518507_n.png
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©