أزرار المواقع الأجتماعية V3
طريقة التركيب
<div الطبقة = "محتوى"> <div الطبقة = "TL-socialicons"> <div الطبقة = "TL-socialInner"> <! - الفيسبوك -> <div الطبقة = "TL-الاجتماعي"> <div الطبقة = "TL-الفيسبوك TL-شين"> <a href="#" target="_blank" title="Facebook"><تمتد الطبقة = "TL-SICON"> <ط الطبقة = "كرة القدم اتحاد كرة القدم-الفيسبوك"> </ ط> </ SPAN> <SPAN الطبقة = "TL-scount"> 3.7K </ SPAN> </A> </ div> </ div> <! - جوجل بلس -> <div الطبقة = "TL- الاجتماعية "> <div الطبقة =" TL-GOOGLEPLUS TL-شين "> <a href="#" target="_blank" title="Google Plus"> <تمتد الطبقة =" TL-SICON "> <ط الطبقة =" اتحاد كرة القدم اتحاد كرة القدم-جوجل بلس "> </ I> </ SPAN> <SPAN الطبقة =" TL-scount "> 2K </ SPAN> </A> </ div> </ div> <! - Twitter-- > <div الطبقة = "TL-الاجتماعي"> <div الطبقة = "ليرة تركية تويتر TL-شين"> <a href="#" target="_blank" title="Twitter"> <تمتد الطبقة = "TL-SICON "> <ط الطبقة =" كرة القدم اتحاد كرة القدم التغريد "> </ I> </ SPAN> <SPAN الطبقة =" TL-scount "> 2.4K </ SPAN> </A> </ div> </ div> < ! - إينستاجرام -> <div الطبقة => "TL-الاجتماعي" <div الطبقة = "TL-الانستقرام TL-شين"> <a href="#" target="_blank" title="Instagram"><SPAN الطبقة = "TL-SICON"> <ط الطبقة = "كرة القدم اتحاد كرة القدم-الانستقرام"> </ I> </ SPAN> <SPAN الطبقة = "TL-scount"> 2K </ SPAN> </A> </ div> </ div> <! - بينتيريست -> <div الطبقة = "ليرة تركية الاجتماعي"> <div الطبقة = "TL-بينتيريست TL-شين"> <إلى أ href = "#" الهدف = "_ على بياض" عنوان = " موقع Pinterest "> <تمتد الطبقة =" TL-SICON "> <ط الطبقة =" كرة القدم اتحاد كرة القدم-بينتيريست "> </ I> </ SPAN> <SPAN الطبقة =" TL-scount "> 9.5K </ SPAN> </ أ> </ div> </ div> <! - يوتيوب -> <div الطبقة = "TL-الاجتماعي"> <div الطبقة = "ليرة تركية يوتيوب TL-شين"><إلى أ href = "#" الهدف = "_blank" عنوان = "يوتيوب"> <تمتد الطبقة = "TL-SICON"> <ط الطبقة = "كرة القدم اتحاد كرة القدم يوتيوب"> </ I> </ SPAN> <SPAN الطبقة = "TL-scount"> 3.8K </ SPAN> </A> </ div> </ div> <! - الكرمة -> <div الطبقة = "ليرة تركية الاجتماعي"> <div الطبقة = "TL-كرمة TL-شين"> <أ href ل = "#" الهدف = "_ فارغة" عنوان = "فاين"><تمتد الطبقة = "TL-SICON"> <ط الطبقة = "كرة القدم اتحاد كرة القدم كرمة"> </ I> </ SPAN> <SPAN الطبقة = "ليرة تركية -scount "> 3.3K </ SPAN> </A> </ div> </ div> <! - SoundCloud لل-> <div الطبقة =" "> TL-الاجتماعي <div الطبقة =" TL--ليرة تركية SoundCloud لل الشين "> <a href="#" target="_blank" title="SoundCloud"> <تمتد الطبقة =" TL-SICON "> <ط الطبقة =" كرة القدم اتحاد كرة القدم-SoundCloud لل"> </ I> </ SPAN> <تمتد الطبقة = "TL-scount"> 1.9K </ SPAN> </A> </ div> </ div> <! - كيه -> <div الطبقة = "TL-الاجتماعي"> <div الطبقة = "TL-كيه TL-شين"> <a href="#" target="_blank" title="VK"> <تمتد الطبقة = "TL-SICON"> <ط الطبقة = "كرة القدم اتحاد كرة القدم-كيه"> </ ط> </ SPAN> <SPAN الطبقة = "TL-scount"> 2.9K </ SPAN> </A> </ div> </ div> <! ----> <div الطبقة = "TL-الاجتماعية" > <div الطبقة = "ليرة تركية مربعة TL-شين"> <a href="#" target="_blank" title="Foursquare"> <تمتد الطبقة = "TL-SICON"> <ط الطبقة = "كرة القدم املشتهلك شخصيات قصص الابطال الخارقين "> </ I> </ SPAN> <SPAN الطبقة =" TL-scount "> 3.9K </ SPAN> </A> </ div> </ div> <! - جيثب -> <div الطبقة => "TL-الاجتماعي" <div الطبقة = "TL-شين-ليرة تركية جيثب"> <a href="#" target="_blank" title="GitHub"> <تمتد الطبقة = "TL-SICON"> <ط الطبقة = "كرة القدم اتحاد كرة القدم-جيثب"> </ I> </ SPAN> <SPAN الطبقة = "TL-scount"> 3.9K </ SPAN> </A> </ div> </ div> <! - Dribbble -> <div الطبقة = "ليرة تركية الاجتماعي"> <div الطبقة = "TL-dribbble TL-شين"> <a href="#" target="_blank" title="Dribbble"> <تمتد الطبقة = "ليرة تركية -sicon "> <ط الطبقة =" كرة القدم اتحاد كرة القدم-dribbble "> </ I> </ SPAN> <SPAN الطبقة =" TL-scount "> 4.9K </ SPAN> </A> </ div> </ DIV > </ div> </ div> </ div> <نمط> / * وسائل الإعلام الاجتماعية * / .list-unstyled {والحشو اليمين: 0؛ على غرار القائمة: لا شيء؛ الهامش: 2px} .list-مضمنة لى {عرض : مضمنة كتلة؛ الحشو اليمين: 5px؛ الحشو اليمين: 5px؛ هامش القاع: 10px} بلون .tl والاجتماعية .fa،-.tl الاجتماعية-الرموز .fa {FONT-SIZE: 16px} .tl- اللون والاجتماعية .fa،-.tl الاجتماعية-الرموز .fa {-webkit الانتقالية: كل 0.3s سهولة في التدريجي؛ -moz الانتقالية: كل سهولة في التدريجي 0.3s، -ms الانتقالية: كل 0.3 الصورة سهولة في التدريجي؛ -o الانتقالية: كل 0.3s سهولة في التدريجي؛ التحول: كل سهولة في التدريجي} .fa الاجتماعية-بلون .tl،-.tl الاجتماعية-الرموز 0.3s .fa، .tl-الاجتماعية-icons.icon الدائرة .fa {الحدود بين دائرة نصف قطرها: 50٪} الملونة TL-social.icon مقربة .fa، .tl-الاجتماعية-icons.icon مقربة .fa {الحدود. -radius: 2px} بلون .tl-social.icon المسطحة .fa،-.tl الاجتماعية-icons.icon المسطحة .fa {الحدود بين دائرة نصف قطرها: .tl تحوم،: 0} بلون .tl والاجتماعية .fa .fa -باللون والاجتماعية فعال،-.tl الاجتماعية-الرموز .fa: تحوم،-.tl الاجتماعية-الرموز .fa: نشطة {لون: # الاتحاد الفرنسي} بلون .tl-social.icon التكبير .fa: تحوم ، .fa بلون-social.icon التكبير .tl: نشطة،-.tl الاجتماعية-icons.icon التكبير .fa: تحوم،-.tl الاجتماعية-icons.icon التكبير .fa: نشطة، .tl والاجتماعية -sidebar .fa: تحوم، .fa .tl اللون-social.icon تناوب: .fa نشطة، .tl-الاجتماعية-icons.icon تناوب: تحوم، .fa .tl-الاجتماعية-icons.icon تناوب: نشط { -webkit-تحويل: نطاق (1.1) تدوير (360deg)؛ - MOZ-تحويل (1.1) على نطاق وتدوير (360deg)؛ - MS-تحويل: نطاق (1.1) تدوير (360deg)؛ - س تحويل: نطاق (1.1 ) تدوير (360deg)؛ تحويل: نطاق (1.1) تدوير (360deg)} الملونة TL-الاجتماعي .fa-dribbble،-.tl الاجتماعية-الرموز .fa-dribbble: تحوم، .tl-socialicons .tl-dribbble: تحوم .tl-SICON {لون الخلفية: # F46899} بلون .tl-الاجتماعية-.fa سبورل،-.tl الاجتماعية-الرموز .fa-سبورل: تحوم {لون الخلفية: # eb4924} بلون والاجتماعية .tl .fa-رديت،-.tl الاجتماعية-الرموز .fa-رديت]: تحوم {لون الخلفية: # 5f99cf} بلون .tl والاجتماعية .fa-الفيسبوك،-.tl الاجتماعية-الرموز .fa-الفيسبوك: تحوم،. TL-socialicons .tl-الفيسبوك: تحوم .tl-SICON {لون الخلفية: # 3C599F} بلون .tl والاجتماعية .fa-آر إس إس،-.tl الاجتماعية-الرموز .fa-آر إس إس: تحوم {لون الخلفية: # f26522} بلون .tl-الاجتماعية-.fa lastfm، .tl-الاجتماعية-الرموز .fa-lastfm: تحوم {لون الخلفية: # d51007} بلون .tl-الاجتماعية-.fa فليكر، .tl-الرموز الاجتماعية .fa فليكر: تحوم {لون الخلفية: # FF0084} بلون .tl والاجتماعية .fa-الانستقرام،-.tl الاجتماعية-الرموز .fa-الانستقرام: تحوم، .tl-socialicons .tl-الانستقرام: تحوم .tl -sicon {لون الخلفية: # 685243} بلون .tl-الاجتماعية-.fa شخصيات قصص الابطال الخارقين، .tl-الاجتماعية-الرموز .fa-شخصيات قصص الابطال الخارقين: تحوم، .tl-socialicons .tl-شخصيات قصص الابطال الخارقين: تحوم .tl-SICON {خلفية لون: # 0086BE} بلون .tl-الاجتماعية-.fa جيثب، .tl-الاجتماعية-الرموز .fa-جيثب: تحوم، .tl-socialicons .tl-جيثب: تحوم .tl-SICON {لون الخلفية: # 070709} .tl اللون والاجتماعية .fa-جوجل زائد،-.tl الاجتماعية-الرموز .fa-جوجل بلس: تحوم، .tl-socialicons .tl-GOOGLEPLUS: تحوم .tl-SICON {لون الخلفية: # CF3D2E} بلون .tl والاجتماعية .fa-الانستقرام،-.tl الاجتماعية-الرموز .fa-الانستقرام: تحوم {لون الخلفية: # A1755C} بلون .tl-الاجتماعية-.fa ينكدين، .tl-الاجتماعية-الرموز .fa-تابعني على: تحوم {لون الخلفية: # 0085AE} بلون .tl والاجتماعية .fa-Pinterest و-.tl الاجتماعية-الرموز .fa-موقع Pinterest: تحوم، .tl-socialicons .tl-موقع Pinterest: تحوم .tl -sicon {لون الخلفية: # CC2127} بلون .tl والاجتماعية .fa-تويتر،-.tl الاجتماعية-الرموز .fa-تويتر: تحوم، .tl-socialicons .tl-تويتر: تحوم .tl-SICON {خلفية لون: # 32CCFE} بلون .tl والاجتماعية .fa-كيه،-.tl الاجتماعية-الرموز .fa-كيه: تحوم، .tl-socialicons .tl-كيه: تحوم .tl-SICON {لون الخلفية: # .fa-SoundCloud لل375474} .tl اللون والاجتماعية،-.tl الاجتماعية-الرموز .fa-SoundCloud لل: تحوم، .tl-socialicons .tl-SoundCloud لل: تحوم .tl-SICON {لون الخلفية: .tl # FF4100} -باللون والاجتماعية .fa كرمة،-.tl الاجتماعية-الرموز .fa كرمة: تحوم، .tl-socialicons .tl كرمة: تحوم .tl-SICON {لون الخلفية: # 35B57C} بلون والاجتماعية .tl .fa-شينغ،-رموز .tl الاجتماعية .fa-شينغ: تحوم {لون الخلفية: # 00555C} بلون .tl والاجتماعية .fa-يوتيوب،-.tl الاجتماعية-الرموز .fa-يوتيوب: تحوم،. TL-socialicons .tl-يوتيوب: تحوم .tl-SICON {لون الخلفية: # C52F30} المجاهدين لى. أعلى الاجتماعي {هامش: 0؛ الحشو: 0} شعبة # socialicons أعلى {تعويم: الحق}. أعلى الاجتماعي .list-unstyled {هامش: 0} .tl-socialicons {مواءمة النصوص: المركز؛ تجاوز: السيارات؛ حجم الخط: 22px؛ هامش: 0 -8px} .tl-socialicons .tl-socialInner {الموقف: النسبية، تجاوز : مخفي؛ الحشو اليمين: 8px} .tl-socialicons .tl الاجتماعي {تعويم: الصحيح، العرض: 25٪} TL-socialicons .tl-شين {الحشو اليمين: 8px} .tl-socialicons .tl-شين : تحوم .tl-SICON {لون: # الاتحاد الفرنسي} .tl-socialicons .tl-SICON {عرض: كتلة؛ الحشو: 10px 0؛}. TL-socialicons .tl-الفيسبوك .tl-SICON {لون: # 3B5998}. TL-socialicons .tl-GOOGLEPLUS .tl-SICON {لون: # DD4B39} .tl-socialicons .tl-تغريد .tl-SICON {لون: # 2AA9E0} .tl-socialicons .tl-الانستقرام .tl-SICON {اللون: # 685243} .tl-socialicons .tl-بينتيريست .tl-SICON {لون: # CC2028} .tl-socialicons .tl-يوتيوب .tl-SICON {لون: # DE1829} .tl-socialicons .tl كرمة .tl- SICON {لون: # 35B57C} .tl-socialicons .tl-SoundCloud لل.tl-SICON {لون: # FF4100} .tl-socialicons .tl-كيه .tl-SICON {لون: # 45668e} .tl-socialicons .tl- شخصيات قصص الابطال الخارقين .tl-SICON {لون: # f94877} .tl-socialicons .tl-جيثب .tl-SICON {لون: # 333333} .tl-socialicons .tl-dribbble .tl-SICON {لون: # ea4c89} .tl- socialicons .tl-SICON {-webkit الانتقالية: كل سهولة 0.3s، -moz الانتقالية: كل سهولة 0.3s، -MS الانتقالية: كل سهولة 0.3s، -o الانتقالية: كل 0.3s سهولة؛ والانتقال: عن 0.3 الصورة سهولة} .tl-socialicons .tl-scount {عرض: كتلة؛ اللون: #eeeeee؛ الخلفية: # 3d3d3d؛ الحشو: 5px 0؛ الموقف: النسبية؛ هامش القاع: 8px؛ حجم الخط: 14px؛ الخط الوزن : 600} .tl-socialicons .tl-scount: بعد {أسفل: 100٪؛ اليمين: 50٪؛ الحدود: صلبة شفافة، المحتوى: "
3-قم بحفظ الاداة
* الخطوة القادمة إذا كنت تحوي على هذا الكود فلا تضعه
4-ادخل الى القالب ثم تحرير أتش تي أم أل
5-قم بالبحث عن </ رأس>
6-ضع الكود التالي فوقه
<الرابط أ href = "// maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css~~gender=M" يختلط = "أنماط" />7-قم بحفظ القالب
* إذهب للمعاينة وإنشاء الله ما في اي مشاكل واذا كان هناك اي مشاكل في التعليقات ضعها
