اضافة فوتر مدونة المحترف v2

إعلان أدسنس

آخر المواضيع

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

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


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

الخميس، 29 يونيو، 2017

3:51:00 م

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

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

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

/* Footer --> Nak1ha.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:#ff8400;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:#ff8400;font-weight:700}.aboutsection{background:#315270;font-overflow:hidden;position:relative;padding:15px 0;box-shadow:-1px 0 20px 0 rgba(0,0,0,0.35)}.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='/live'>شاهد الان</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='http://www.th3professional.com/' style='display: block'>
<img alt='المحترف: شروحات برامج مكتوبة ومصورة بالفيديو  | Almohtarif  ' height='56px; ' id='Header2_headerimg' src='http://4.bp.blogspot.com/-sC5371NlZCM/WUBzQExpqkI/AAAAAAAAAW8/e5ska2TyIZ0nkGujwPILH0hV9KwezlGUACK4BGAYYCw/s1600/logo%2Bfooter.png' style='display: block' width='159px; '/>
</a>
</div>
</div><div class='widget Text' data-version='1' id='Text1'>
<div class='widget-content'>
<span>المحترف عبارة عن مدونة ضخمة تضم عدد كبير من الفيديوهات المصورة عن طريق حلقات متسلسلة نتطرق فيها إلى مختلف المواضيع التقنية القريبة من الشباب العربي &#1548; بالإضافة إلى مقالات . مدونة المحترف تأسست سنة 2010 حيث تستقطب الآن عدد كبير من الزوار من كافة ربوع الوطن العربي &#1548; حيث ان مقرها الرئيسي بالمغرب و مديرها امين رغيب &#1548;حاصلة على جائزة افضل مدونة مغربية لسنة 2012 / 2013 ومصنفة ضمن افضل 10 مدونات عربية حسب المركز الدولي للصحفيين ICFJ سنة 2013 وحاصلة على الجائزة الفضية من يوتوب (اول قناة مغربية تحصل على هذه الجائزة من يوتوب ) سنة 2014 وتم تكريم مؤسسها من طرف حاكم دبي بجائزة رواد التواصل الإجتماعي عن فئة التكنولوجيا سنة 2015 وهو الموقع التقني الاول في المغرب والعالم العربي </span>
</div>
</div></div>
</div>
</div>
</div>
<!-- END Footer -->
غير الملون بـالبرتقالي بالشعار الخاص بك

اذا كانت هناك اي مشكلة بالإضافة  فباب التعليقات مفتوح وسيتم الرد عليكم في أقرب وقتتحياتي

إرسال تعليق

مقالات