اضافة فى الفوتر جميلة


السلام عليكم ورحمة الله وبركاته اليوم اقدم لكم  اضافة فى الفوتر جميلة بمناسة رمضان الكريم اقدمها لكم مجانا

الاضافة حصريه لا تبخلوا علينا بتعليق



شرح طريقة التركيب  :
    1. ادخل الى القالب تحرير HTML  
    2. اسفل هذا الوسم  <b:skin/>  نضع الكود التالي

كود CSS:



<style> #f-row { width: 1140px; clear: both; background: #29567D url(//3.bp.blogspot.com/-JTpuU7eTzso/VEiGa00vQ3I/AAAAAAAADTU/97Fv4hIrXgg/s1600/header-bg.png) no-repeat left bottom; padding: 5px 14px; height: 97px; position: relative; margin: 0 auto; }i.fa.fa-microphone {color: #F74047; font-size: 50px; background-color: #FFFFFF; width: 80px; height: 64px; text-align: center; border-radius: 100%; padding-top: 14px; margin-top: 5px; display: inline-block; cursor: pointer; vertical-align: top;}.fa.fa-arrow-up { color: #29567D; font-size: 40px!important; background-color: #FFFFFF; width: 80px; height: 63px; text-align: center; border-radius: 100%; padding-top: 15px; margin-top: 5px; vertical-align: top; display: inline-block; cursor: pointer;}#HTML140 p { font-family: Lobster,ge_dinar_tworegular; color: #FFF; font-size: 15px; text-align: justify; display: inline-block; width: calc(100% - 510px); margin: 15px 20px; vertical-align: top; } </style>

كود الإضافة : 


  1. ابحث الفوتر الخاص بك
  2. ضع الكود التالى فوقة


<div class="section wow bounceIn animated" id="f-row"><div class="widget HTML" data-version="1" id="HTML140"> <a href="https://pro-tk.blogspot.com/p/live-streaming.html"><i class="fa fa-microphone"></i></a> <i class="fa fa-arrow-up" style="display: inline-block;"></i> <p>إذا أعجبك محتوى مدونتنا نتمنى البقاء على تواصل دائم ، فقط قم بإدخال بريدك الإلكتروني للإشتراك في بريد المدونة السريع ليصلك جديد المدونة أولاً بأول ، كما يمكنك إرسال رساله بالضغط على الزر المجاور ... </p></div></div>

كود Font : 


  1. ابحث عن </head>  
  2. قم بوضع الكود التالى فوقه


<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>

شارك المقال :

إرسال تعليق

 
جميع الحقوق محفوظة عالم المطور | اكتشف |طريق العلم والتقنيه|g10u|Developerworld & تصميم OddThemes & تعريب وتطوير : عالم المدون