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

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

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

طريقة التركيب وهي طريقة سهلة جدا : 
  1. نذهب إلى لوحة التحكم في بلوجر
  2. ندخل إلى تخطيط
  3. نختار المكان الذي سوف نضيف فيه الأداة ونضغط على إضافة أداة
  4. نختار أداة HTML/JAVASCRIPT
  5. ونضع هذا الكود
  6. ثم حفظ
 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 />
<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="جوجل بلس"></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>



بقلم أحمد

اسمي أحمد 11 سنة بلدي مصر اهتم بكل ما هو جديد في عالم الانترنت انشأت هذه المدونة لمشاركة الناس خبرتي المتواضعة في هدا المجال

ليست هناك تعليقات:

إرسال تعليق