رئيسية المعهد
رئيسية المعهد  تواصل معنا  حقوق الملكية الفكرية  اربط مدونتك بنا  محول أكواد أدسنس

 
قديم 05-04-2013, 09:33 AM   #1
REDA
مدون مميز
 
الصورة الرمزية REDA
 
تاريخ التسجيل: Apr 2012
المشاركات: 441
إرسال رسالة عبر Yahoo إلى REDA
Thumbs up اربع خانات رائعة اسفل المدونة

أنا : REDA




بسم الله الرحمن الرحيم



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


خطوات الاضافه قم بالبحث عن :
كود HTML:
   ]]></b:skin>
ثم ضع فوقه هذا الكود :
كود HTML:
  #mbtboxes{height:157px;overflow:hidden;margin:0px;position:relative;width:948px;background:;border:0px solid #333; padding:5px 5px;} #mbtboxes ul{ margin-left: 4px; padding: 0pt; position: relative; list-style-type: none; z-index: 1;  width: 100%; } #mbtboxes ul li{ overflow: hidden; float: left; width: 227px; height: 210px; border-top:0px solid #333; margin-right:6px; padding:2px 0px 4px 0px; } #mbtboxes ul li:hover{ border-bottom:1px solid #c5c5c5; } #mbtboxes img{width:210px;height:140px; padding:2px; border: 1px solid #A3A3A3; border-radius:10px; -moz-border-radius:10px;  margin-top:0px;} #mbtboxes img:hover{border: 1px solid #c5c5c5; } .mbtbody img{float:left} .mbtbody {position:relative;margin:0 5px 0 5px;width:170px;height:210px;display:inline;float:left;color:#c4c4c4} .mbtbody h3{padding:5px 0;font-size:12px;font-weight:bold; font-family: verdana, sans-serif, arial; margin:0;} .mbtbody h3 a:link,.mbtbody h3 a:visited{color:#2F97FF;} .mbtbody h3 a:hover{color:#c5c5c5} .mbtbody p{margin:0; padding:0 0;color:#cdcdcd;font:10px normal verdana, sans-serif, Arial;} .Fadein3 img { filter:alpha(opacity=80); opacity: 0.6; border:0; } .Fadein3:hover img { filter:alpha(opacity=100); opacity: 1.0; border:0; }
ثم قم بفتح اداة html وضع بها هذا الكود :
كود HTML:
 <div id='mbtboxes'>
    <div style='visibility: visible; overflow: hidden; position: relative; z-index: 2; left: 0px; width: 100%; '>

    <ul>
    <li>
    <div class='mbtbody'>
    <a class='Fadein3' href='رابط الموضوع'>
     <img height='100'  src='صورة الموضوع'  width='170'/>
    </a>
    <div class='clear'></div>
    </div>
    </li>
    <li>
    <div class='mbtbody'>
    <a class='Fadein3' href='رابط الموضوع 2'>
     <img height='100'  src='صورة الموضوع 2'  width='170'/>

    </a>
    <div class='clear'></div>
    </div>
    </li>
    <li>
    <div class='mbtbody'>
    <a class='Fadein3' href='رابط الموضوع3'>
     <img height='100'  src='صورة الموضوع 3'  width='170'/>
    </a>
    <div class='clear'></div>

    </div>
    </li>
    <li>
    <div class='mbtbody'>

    <a class='Fadein3' href='رابط الموضوع4'>
     <img height='100'  src='صورة الموضوع 4'  width='170'/>

</a>
    <div class='clear'></div>

    </div>
    </li>
    </ul>
    </div>
    </div>


ثم قم بتغيير رابط الموضوع وصورة الموضوع

طبعا الموضوع الاصلى مدونة اربيان تك

الدعم العربي

REDA غير متواجد حالياً   رد مع اقتباس

مركز رفع موسوعة العربية
قديم 05-04-2013, 12:29 PM   #2
REDA
مدون مميز
 
الصورة الرمزية REDA
 
تاريخ التسجيل: Apr 2012
المشاركات: 441
إرسال رسالة عبر Yahoo إلى REDA
افتراضي رد: اربع خانات رائعة اسفل المدونة

أنا : REDA




Up up up up up

الدعم العربي

REDA غير متواجد حالياً   رد مع اقتباس
قديم 05-04-2013, 03:49 PM   #3
3li
مدون مميز
 
الصورة الرمزية 3li
 
تاريخ التسجيل: Dec 2012
الدولة: PaLeStinE
المشاركات: 343
افتراضي رد: اربع خانات رائعة اسفل المدونة

أنا : 3li




رائعه يعطيك الف عافية

الدعم العربي

3li غير متواجد حالياً   رد مع اقتباس
قديم 05-04-2013, 06:14 PM   #4
REDA
مدون مميز
 
الصورة الرمزية REDA
 
تاريخ التسجيل: Apr 2012
المشاركات: 441
إرسال رسالة عبر Yahoo إلى REDA
افتراضي رد: اربع خانات رائعة اسفل المدونة

أنا : REDA




ربنا يخليك اخى ..مروك اروع

الدعم العربي

REDA غير متواجد حالياً   رد مع اقتباس
قديم 05-04-2013, 06:20 PM   #5
Www.AlamFour.Blogspot.Com
موقوف
 
تاريخ التسجيل: May 2013
المشاركات: 10
افتراضي رد: اربع خانات رائعة اسفل المدونة

أنا : Www.AlamFour.Blogspot.Com




ممتــاز جــــــــــــــــــــــــدا

الدعم العربي

Www.AlamFour.Blogspot.Com غير متواجد حالياً   رد مع اقتباس
قديم 05-04-2013, 09:07 PM   #6
مرادكوووم
مدون نشيط
 
الصورة الرمزية مرادكوووم
 
تاريخ التسجيل: Apr 2013
المشاركات: 113
افتراضي رد: اربع خانات رائعة اسفل المدونة

أنا : مرادكوووم




مشكور و جزاك الله الف خير

الدعم العربي

مرادكوووم غير متواجد حالياً   رد مع اقتباس
قديم 05-05-2013, 12:57 AM   #7
REDA
مدون مميز
 
الصورة الرمزية REDA
 
تاريخ التسجيل: Apr 2012
المشاركات: 441
إرسال رسالة عبر Yahoo إلى REDA
افتراضي رد: اربع خانات رائعة اسفل المدونة

أنا : REDA




جزاكم الله خيرا اخوانى وشكرا

الدعم العربي

REDA غير متواجد حالياً   رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)

الكلمات الدليلية (Tags)
المدونة, اربع, اسفل, خانات, رائعة


 
أدوات الموضوع
انواع عرض الموضوع

ضوابط المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

كود [IMG]متاحة
كود HTML معطلة



المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
مطلوب مدونين بامتيازات رائعة رشيد إدعلي أخبار أعضاء المعهد 11 04-30-2015 12:00 AM
قالب اخضر باضافات رائعة محسن قوالب بلوجر عربية ومعربة 3 01-15-2013 11:37 AM
اضافة زر اعجاب الفيسبوك اسفل عناوين المواضيع في مدونات بلوجر بلال حمدان إضافات وأدوات بلوجر 0 12-10-2012 12:48 PM
أداة رائعة و مرحة Nassro إضافات وأدوات بلوجر 3 11-04-2012 09:30 PM
صندوق اعجابات الفيس بوك ينزلق عندما تنزل اسفل صفحة المدونة بطريقة جميلة مصطفي جبر إضافات وأدوات بلوجر 5 09-04-2012 04:09 AM





لتصفح أفضل وللاستفادة القصوى من خصائص المعهد ننصحكم باستعمال :

Powered by vBulletin™ Version 3.8.7
Copyright © 2018 vBulletin Solutions, Inc. All rights reserved. منتديات
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012 Google
أعلن على المعهد : اتصل بنا - منتدي كنوز - الدعم العربي - قوالب بلوجر - او او انيمي
رئيسية المعهد
الساعة الآن 08:21 AM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته
التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك
(ويتحمل كاتبها مسؤولية النشر)