مرحبا، أسمي محمد وهذه مدونتي أسعى دائما لأقدم لكم أفضل المواضيع الخاصة بالتكنلوجيا 
مرحباً، أسمي محمد وأنا هنا لأقدم لكم أحدث الطرق والنصائح في عالم الأنترنت والتكنلوجيا التي تثري حياتكم 
اضف ايقونات الشبكات الاجتماعية بتقنية CSS
السلام علبيكم ورحمة الله تعالى وبركاته
اقدم لكم اليوك كتدوينة جديدة من تدويناتي
طريقة ضاافة ايقونات الشبكاتالاجتماعية بتقنية سي اس اس css
للمعاينة
طريقة التركيب
1 / ندخل الى الادارة
2/ نضيف اداة جديدة
3/ نضع الكود التالي ونحفظ
<div class="social social_intro">
<a href="#"><i class="fa-facebook"></i></a>
<a href="#"><i class="fa-twitter"></i></a>
<a href="#"><i class="fa-rss"></i></a>
<a href="#"><i class="fa-pinterest"></i></a>
<a href="#"><i class="fa-github"></i></a>
<a href="#"><i class="fa-cloud"></i></a>
</div>
<link href="http://theme20.com/demo/valeo/styles/icons.css" rel="stylesheet" type="text/css"></link>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.1/css/font-awesome.min.css" media="all" rel="stylesheet" type="text/css"></link>
<link href="http://files.allbloggertricks.com/abt-icons.css" media="all" rel="stylesheet" type="text/css"></link>
<style>
.social a {color: #fff !important;}
</style>
<a href="#"><i class="fa-facebook"></i></a>
<a href="#"><i class="fa-twitter"></i></a>
<a href="#"><i class="fa-rss"></i></a>
<a href="#"><i class="fa-pinterest"></i></a>
<a href="#"><i class="fa-github"></i></a>
<a href="#"><i class="fa-cloud"></i></a>
</div>
<link href="http://theme20.com/demo/valeo/styles/icons.css" rel="stylesheet" type="text/css"></link>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.1/css/font-awesome.min.css" media="all" rel="stylesheet" type="text/css"></link>
<link href="http://files.allbloggertricks.com/abt-icons.css" media="all" rel="stylesheet" type="text/css"></link>
<style>
.social a {color: #fff !important;}
</style>
جميع الحقوق مفحوظة لمدونة المبدع
ليس هنالك تعليقات :
إرسال تعليق