|
|
|
|
أدوات الموضوع | انواع عرض الموضوع |
05-04-2013, 09:33 AM | #1 |
مدون مميز
|
اربع خانات رائعة اسفل المدونة
بسم الله الرحمن الرحيم اليوم اقدم لكم اضافه رائعه وهى عبارة عن اربع خانات توضع اعلى او اسفل المدونة الخاصه بك لعرض افضل المواضيع وهى تحتوى على تاثير الهوفر الجميل عند مرور الموس عليها خطوات الاضافه قم بالبحث عن : كود بلغة 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> ثم قم بتغيير رابط الموضوع وصورة الموضوع طبعا الموضوع الاصلى مدونة اربيان تك
__________________
|
05-04-2013, 12:29 PM | #2 |
مدون مميز
|
رد: اربع خانات رائعة اسفل المدونة
__________________
|
05-04-2013, 03:49 PM | #3 |
مدون مميز
تاريخ التسجيل: Dec 2012
الدولة: PaLeStinE
المشاركات: 343
|
رد: اربع خانات رائعة اسفل المدونة
__________________
|
05-04-2013, 06:14 PM | #4 |
مدون مميز
|
رد: اربع خانات رائعة اسفل المدونة
__________________
|
05-04-2013, 06:20 PM | #5 |
موقوف
تاريخ التسجيل: May 2013
المشاركات: 10
|
رد: اربع خانات رائعة اسفل المدونة
|
05-04-2013, 09:07 PM | #6 |
مدون نشيط
تاريخ التسجيل: Apr 2013
المشاركات: 113
|
رد: اربع خانات رائعة اسفل المدونة
__________________
تحميل برامج مجانية |
05-05-2013, 12:57 AM | #7 |
مدون مميز
|
رد: اربع خانات رائعة اسفل المدونة
__________________
|
مواقع النشر (المفضلة) |
الكلمات الدلالية (Tags) |
المدونة, اربع, اسفل, خانات, رائعة |
الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
|
|
المواضيع المتشابهه | ||||
الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
مطلوب مدونين بامتيازات رائعة | رشيد إدعلي | أخبار أعضاء المعهد | 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 |
الساعة الآن 01:49 PM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو
تعاوني بين الأعضاء فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر) |