-- فوتر جديد وجذآب بتقنية الـCss و الـCss3 من BLaCk HoLe [الأرشيف]

admin

10-31-2013, بتوقيت غرينيتش 05:19 AM

http://www.dzbatna.com/images/icons/iconrote.gif -- ظپظˆطھط± ط¬ط¯ظٹط¯ ظˆط¬ط°ط¢ط¨ ط¨طھظ‚ظ†ظٹط© ط§ظ„ظ€Css ظˆ ط§ظ„ظ€Css3 ظ…ظ† BLaCk HoLe (http://www.dzbatna.com/t2050999/)

السلآم عليكم ورحمة الله وبركآتة

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

حيآكم الله اخواني واخوآتي ..

آقدم لكم فوتر جديد من BLaCk HoLe

وان شاء الله ينآل رضآ الجميع

مميزآت الفوتر ..

استخدام تقنية الـCss

و Css3

يعمل القالب template ومتوافق مع جميع المتصفحات بإذن الله إلا الـIE المريض http://www.dzbatna.com/images/smilies/crazy.gifhttp://www.dzbatna.com/images/smilies/bleh.gif

مشآهده القالب template مثال مبآشر http://www.dzbatna.com/images/smilies/cupidarrow.gif

footer by BLaCk HoLe (http://3bth-d.net/footer.html)

او :

footer by BLaCk HoLe (http://www.b3thrh-r.com/footer.html)

و لتركيب install القالب template اتبع الاتي

قم بنسخ الكلاسات اللازمة هذة ووضعها في الفوتر وقم بالتعديل بما ينآسبك ووضع الروآبط http://www.dzbatna.com/images/smilies/cupidarrow.gif

رمز Code:
<div id="footer"> <div> <ul class="footer"> <li><a href="#" title="BLaCk HoLe">BLaCk HoLe</a></li> <li><a href="#" title="BLaCk HoLe">BLaCk HoLe</a></li> <li><a href="#" title="BLaCk HoLe">BLaCk HoLe</a></li> <li><a href="#" title="BLaCk HoLe">BLaCk HoLe</a></li> <li><a href="#" title="BLaCk HoLe">BLaCk HoLe</a></li> </ul> </div> <div> <ul class="footer"> <li><a href="#" title="BLaCk HoLe">BLaCk HoLe</a></li> <li><a href="#" title="BLaCk HoLe">BLaCk HoLe</a></li> <li><a href="#" title="BLaCk HoLe">BLaCk HoLe</a></li> <li><a href="#" title="BLaCk HoLe">BLaCk HoLe</a></li> <li><a href="#" title="BLaCk HoLe">BLaCk HoLe</a></li> </ul> </div> <div> <ul class="footer"> <li><a href="#" title="BLaCk HoLe">BLaCk HoLe</a></li> <li><a href="#" title="BLaCk HoLe">BLaCk HoLe</a></li> <li><a href="#" title="BLaCk HoLe">BLaCk HoLe</a></li> <li><a href="#" title="BLaCk HoLe">BLaCk HoLe</a></li> <li><a href="#" title="BLaCk HoLe">BLaCk HoLe</a></li> </ul> </div> <div> <ul class="footer"> <li><a href="#" title="BLaCk HoLe">BLaCk HoLe</a></li> <li><a href="#" title="BLaCk HoLe">BLaCk HoLe</a></li> <li><a href="#" title="BLaCk HoLe">BLaCk HoLe</a></li> <li><a href="#" title="BLaCk HoLe">BLaCk HoLe</a></li> <li><a href="#" title="BLaCk HoLe">BLaCk HoLe</a></li> </ul> </div> </div>
وتعاريف الـCss في

الاستايل styleاتت و القوآلب -> التحكم بالاستايل styleات -> اختار الاستايل style المرآد التعديل علية -> Css رئيسي -> تعاريف CSS الإضافية/Additional CSS Definitions ومن ثم الصق التعاريف الاتية :

رمز Code:
#footer{ width:850px; background-color:#cdcdcd; border-radius:0px 30px 0px 30px; -moz-border-radius:0px 30px 0px 30px; -wibkit-border-radius:0px 30px 0px 30px; border-bottom:4px solid #666; border-top:4px solid #666; } div{ width:200px; float:right; } #footer div ul{ display:block; list-style:none; } #footer div ul li{ display:block; padding:5px; border-bottom:1px dashed #006600; text-align:center; } #footer div ul li a{ display:block; font-family:Tahoma; font-size:14px; color:#fff; text-decoration:none; } #footer ul li:hover{ border-bottom:1px dotted #fff; background-color:#DDDDDD; padding-bottom:2px; } #footer ul li a:hover{ color:#000; text-shadow:1px 1px 1px #fff; -moz-text-shadow:1px 1px 1px #fff; -wibkit-text-shadow:1px 1px 1px #fff; }
آتمنى ان ينال رضآ الجميع http://www.dzbatna.com/images/smilies/cupidarrow.gif

موفقين ..

وآنتظروني في موآضيع قآدمة بإذن الله .. http://www.dzbatna.com/images/smilies/icon31.gif

التعديل الأخير كان بواسطة BLaCk HoLe; 01 - 03 - 2014 الساعة 16:07

ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)

https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©

استعمل مربع البحث في الاسفل لمزيد من المواضيع