السلام عليكم ورحمة الله عليكم و بركاته اليوم انشاء الله سوف اشارك معكم كود html لايقونات المواقع الاجتماعية على شكل الميترو لوندوز 8 فهذه اليقونات ليست كالتي طرحة المرة الفائة بعنوان صندوق مترو للإشتراك في مواقع التواصل الإجتماعي
لن اطيل عليكم اليكم طريقة تركيب الاداة و كود html
- نذهب إلى لوحة التحكم في بلوجر
- ندخل إلى تخطيط
- نختار المكان الذي سوف نضيف فيه الأداة ونضغط على إضافة أداة
- نختار أداة HTML/JAVASCRIPT
- ونضع هذا الكود
- ثم حفظ
7.لا تنسو إستبدال # بما يناسبك
<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 /><br />
<div id="social">
<a href="#"><img alt="Twitter" src="http://img221.imageshack.us/img221/3171/twittericont.png" title="تابعنى على تويتر"></a><br /><br />
<a href="#"><img alt="Feed" src="http://img521.imageshack.us/img521/3997/rssiconldl.png" title="الخلاصات"></a><br /><br />
<a href="#"><img alt="Facebook" src="http://img707.imageshack.us/img707/5055/facebookiconq.png" title="تابعنى على الفيس بوك"></a><br /><br />
<a href="#"><img alt="Google Plus" src="http://img9.imageshack.us/img9/6204/googleplusiconl.png" title="جوجل بلس"></a><br /><br />
<a href="#"><img alt="Youtube" src="http://img835.imageshack.us/img835/1835/youtubeiconf.png" title="تابعنى على يوتيوب"></a><br /><br />
<a href="http://www.7loll.blogger.com/"></a><br /><br />
</div>
<div style="clear: both">
<br /><br />
<br /><br />
<br /><br />
</div>
هل أعجبك الموضوع ؟
الموضوع من طرف : منتصير شفيق
منتصير شفيق 24 سنة ،مدون مغربي مهووس بجديد تكنولوجيا المعلوميات ، مهتم بالحماية المعلوماتية يمكنك متابعته من خلال الفيس بوك . تويتر . جوجل بلس
ليست هناك تعليقات:
إرسال تعليق