السلام عليكم ورحمة الله عليكم و بركاته اليوم انشاء الله سوف اشارك معكم كود code html لايقونات المواقع الاجتماعية على شكل الميترو لوندوز 8 فهذه اليقونات ليست كالتي طرحة المرة الفائة بعنوان صندوق مترو للإشتراك في مواقع التواصل الإجتماعي
لن اطيل عليكم اليكم طريقة تركيب install الاداة و كود code html

طريقة التركيب install وهي طريقة سهلة جدا :

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

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

الكود code الخاص به :
رمز PHP:
<code style="white-space:nowrap"> <code> <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>
</code> </code>

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





©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©