فوتر مدونة المحترف النسخة الثانية

السلام عليكم ورحمة الله تعالى وبركاته
مرحبا بكم متتبعي عالم المطور في درس جديد واضافة حصرية وهي فوتر مدونة المحترف الاحترافي والرائع النسخة الثانية, وكما سبق ان نشرنا النسخة الاولى قبل مدة طويل يمكنكم الرجوع الى الموضوع من هنا, هناك العديد من المتتبعين الذين طلبو مني هذه الاضافة لذى قمت بنشرها لكم, الاضافة او الفوتر يحتوي على طبقتين الاولى للبث المباشر أما الطبقة الثانية  فتحتوي على شعار وتعريف خاص للمدونة, بلونين متناسقين الازرق والبرتقالي كما تعطي لمسة جديدة واحترافية لمدونتكم لانه مختلف ومميز عن الفوترات التقليديين.
صورة للإضافة (الفوتر)
شرج طريقة تركيب الإضافة

  1. أولا نتوجه إلى إلى القالب تم تحرير Html
  2. ثم قم بنسخ هذه الأكواد وضعها فوق الوسم ]]></b:skin>

/* Footer --> g10u.blogspot.com
------------------------------ */
.livesection{background:#fff;box-shadow:0 0 13px 0 rgba(0,0,0,0.14);text-align:center;overflow:hidden;position:relative;padding:10px 0;padding-bottom:20px}.livetime{float:left;position:absolute;left:2%;top:10%}.watchnow{text-align:center;display:block;margin-top:15px}.watchnow a{background:#EF5350;color:#fff;display:inline-block;padding: 5px;}.livecenter p{font-size:15px;color:#484848;text-align:center;-moz-transform:scale(1.05,1);-webkit-transform:scale(1.05,1);-ms-transform:scale(1.05,1);width:31%;margin:0 auto;line-height:28px}.livetime p{width:auto;line-height:30px;margin-bottom:10px}.livetime span{padding:0 8px;font-size:15px}.livetime h3{font-size:30px;color:#EF5350;font-weight:700}.aboutsection{background:#EF5350;font-overflow:hidden;position:relative;padding:15px 0;box-shadow:-1px 0 20px 0 rgba(0,0,0,0)}.logoabout{width:55%;margin:5px auto;text-align:center;line-height:25px}#logocolumn #Header2 {margin-bottom: 10px;} .logoabout img{display:inline-block!important;text-align:center}.logoabout span{color:#fff;font-size:15px}

  1. الأن مع أكواد Html ستضعه فوق شريط حقوق القالب بعد حذف الفوتر الأصلي
  2. كما يمكنك اضافته فوق الفوتر الخاص بك دون حذفه

<!-- Start Footer -->
<div class='footer-treexil'>
<!-- Live Section -->
<div class='livesection'>
<div class='livecenter'>
<!-- Icon Live -->
<img alt='بث مباشر' src='https://1.bp.blogspot.com/-S5NiWRK4cQg/WL2uGoZpBqI/AAAAAAAAAQ0/qlPaSzMYomQHjYdKGwIl76mYIlqJ_LVrgCLcB/s1600/live.png' title='بث مباشر'/>
<!-- Description Live -->
<p>
البث المباشرة مع احمد مصطفى للإجابة على تساؤلاتكم
التقنية من الإثنين إلى الخميس
          </p>
<!-- Live Time -->
<div class='livetime'>
<h3>7<span>30</span></h3>
<p>بتوقيت غرينيتش</p>
<h3>22<span>30</span></h3>
<p>بتوقيت القاهرة</p>
</div>
<!-- Button Watch Live -->
<div class='watchnow'>
<a href='https://goo.gl/EuxPTh'>شاهد الان</a>
</div>
</div>
</div>
<!-- About Section -->
<div class='aboutsection'>
<!-- Logo Section -->
<div class='logoabout'>
<div class='section' id='logocolumn'><div class='widget Header' data-version='1' id='Header2'>
<div id='header-inner'>
<a href='https://goo.gl/beziWx' style='display: block'>
<img alt='عالم المطور: طريق العلم والتقنيه  | g10u  ' height='56px; ' id='Header2_headerimg' src='https://goo.gl/gnG58k' style='display: block' width='159px; '/>
</a>
</div>
</div><div class='widget Text' data-version='1' id='Text1'>
<div class='widget-content'>
<span>عالم المطور عبارة عن مدونة تقنيه تضم عدد كبير من الفيديوهات المصورة عن طريق حلقات متسلسلة نتطرق فيها إلى مختلف المواضيع التقنية القريبة من الشباب العربي &#1548; بالإضافة إلى مقالات . مدونة عالم المطور تأسست سنة2016 حيث تستقطب الآن عدد كبير من الزوار من كافة ربوع الوطن العربي &#1548; حيث ان مقرها الرئيسي القاهرة و مديرها احمد مطفى &#1548;يتم ايضا من خلالها تقديم بث مباشرلمساعدة الاخرين فى الحصول على اجاباتهم وتقوم بنشر حلقات متنوعه على اليوتيوب فى شتى المجالات </span>
</div>
</div></div>
</div>
</div>
</div>
<!-- END Footer -->
غير الملون بالاحمر بالشعار الخاص بك

شارك المقال :

إرسال تعليق

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