اضافة صناديق التواصل الاجتماعي بشكل جديد v1
مرحبا بكم متابعينا الاوفياء. مدير ومشرف المدونة غائب هذه الفترة, نعتذر عن عدم نشر مواضيع جديدة لكم والاجابة عن تعليقاتكم
نشكركم على تفهمكم

إعلان أدسنس

آخر المواضيع

breaking/مقالات/9
مرحبا بك في موقعنا ! :) .. للبحث عنا من جوجل يمكنك كتابة "نكهة التقنية" أو "Nak1ha" ! لا تنس جعل المدونة الصفحة الرئيسية لمتصفحك! :)
بلوجر

إشترك في قناتنا على اليوتيوب لتتوصلو بجديد حلقاتنا التقنية


شارك المدونة مع أصدقائك في الفيسبوك ليستفيدو أيظا

الاثنين، 8 مايو، 2017

5:05:00 م

تكبير النص تصغير النص أعادة للحجم الطبيعي

السلام عليكم ورحمة الله وبركاتة احبابي واخواتي في الله اليوم اتيت لكم باضافة جميلة وذكية+ جذابة لقوالب بلوجر وهي اضافة ازرار مواقع التواصل الاجتماعي بشكل جديد واحترافي لم تراه من قبل !..
الا علي نكهة التقنية التي تقدم لكم كل حصري ...
الاضافة جميلة وهي لمعرفة مواقع التواصل الاجتماعي الرسمية لمدونتك حيث سينتقلون زوارك ويتابعونك على مواقع التواصل بشكل يومي والاضافة تتكون منصناديق لمواقع التواصل : فيسبوك,لينكيدين,بينتيريست,انستجرام,تويتر,فيسبوك
لنذهب الان الي كيفية التركيب وضورة توضيحية للاضافة 😀😀😀
↓↓↓ صورة الاضافة ↓↓↓


↓↓↓ كيفية التركيب ↓↓↓
  1. ابحث عن الوسم b:skin هناك اول المراد الثاني
  2. واضف فوقه هذا الكود

/*======================= التواصل الأجتماعي من نكهة =========================*/ .footer__social li a:before {font-style: normal;font-size: 2.5em;} .footer__social .pinterest:before{content: "\f10f";} .footer__social a.pinterest:hover{color:#cc2127} .footer__social .instagram:before{content: "\f107";} .footer__social a.instagram:hover{color:#3f729b} .footer__social .linkedin:before{content: "\f109";} .footer__social a.linkedin:hover{color:#0976b4} .footer__social .google-plus:before{content: "\f105";} .footer__social a.google-plus:hover{color:#dd4b39} .footer__social .twitter:before{content: "\f118";} .footer__social a.twitter:hover{color:#55acee} .footer__social .facebook:before{content: "\f102";} .footer__social a.facebook:hover{color:#3b5998} .footer__social ul { display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 45px; } .footer__social li span { display: block; margin-top: 5px; } .footer__social li { min-width: 75px; text-align: center; font-size: 13px; text-transform: uppercase; } .footer__social li a { display: block; line-height: 30px; font-weight: 100; }
  1. ثم اضف هذا الكود في المكان الذي تريده
<div class='footer__social'> <div class='section' id='social-med'><div class='widget LinkList' data-version='1' id='LinkList3'> <div class='widget-content'> <ul> <li><a class='google-plus' href='http://'><span>google-plus</span></a></li> <li><a class='linkedin' href='http://'><span>linkedin</span></a></li> <li><a class='pinterest' href='http://'><span>pinterest</span></a></li> <li><a class='instagram' href='http://'><span>instagram</span></a></li> <li><a class='twitter' href='http://'><span>twitter</span></a></li> <li><a class='facebook' href='http://'><span>facebook</span></a></li> </ul> </div> </div></div> </div>
نتمني الموضوع ان ينال اعجابكم وان واجهتكم اي مشكلة او استفسار فباب التعليقات مفتوح للجميع وسيتم الرد عليك في اسرع وقت !!!

إرسال تعليق

مقالات