[نتيجه ورشه]فوتر CSS مقدم من أعضاء ديزاد باتنة

[loulou ange]

http://www.dzbatna.com/images/icons/icon26.gif [ظ†طھظٹط¬ظ‡ ظˆط±ط´ظ‡]ظپظˆطھط± CSS ظ…ظ‚ط¯ظ… ظ…ظ† ط£ط¹ط¶ط§ط، طھط±ط§ظٹط¯ظ†طھ (http://www.dzbatna.com/t1978516/)



http://upload.dzbatna.net/upfiles/Rkt97940.jpg

[ورشه] فوتر css (http://www.dzbatna.com/t1974483/)
http://upload.dzbatna.net/upfiles/LDC98190.jpg
بحمد الله تم الإنتهاء من ورشه فوتر بتقنيه CSS بعمل جماعي وتعاوني من نخبه من خبراء هذا القسم وأشكرهم جزيل الشكر
http://upload.dzbatna.net/upfiles/LDC98190.jpg
تفاصيل :
مده الورشه : أسبوع كامل
المتعاونين بالورشه :


ROMYO
العجوري
عمر العاني
mr.arabyun
محمود حسين سراج

http://upload.dzbatna.net/upfiles/LDC98190.jpg



مثال حي للفوتر : من هنـــــا (http://arabyun.com/demo/footert/)
مثال مصور : في المرفقات أو من هنــا (http://arabyun.com/demo/footert/07-12-32%2014-24-22%20%D9%85.png)
للتحميل : من المرفقات أو رابط مبــاشر (http://arabyun.com/demo/footert/footer.zip)
أو من هنــــا (http://www.4shared.com/file/3oWWBBBP/footer.html)
أو من هنـــــا (http://www.mediafire.com/?d39r5ggqr36ndro)
طريقه التركيب install :-
اقتباس
طريقه التركيب install :-
أرفع الصور لمجلد موقعك vb
وقم بنسخ ملف html.txt وضعه بأعلى أو أسفل الفوتر
وقم بنسخ ملف css.txt وضعه في (تعاريف CSS الإضافية/Additional CSS Definitions)
والف مبروك لك ..
لاي مشكله ضعها في رد
جميع الحقوق محفوظه : ديزاد باتنة

بالنسبه للشعار يصمم بنفس مقاسات شعار ديزاد باتنة الموجود مع الفوتر
http://upload.dzbatna.net/upfiles/LDC98190.jpg
للي مايبي يحمل الملف
يرفع الصورتين
http://www.dzbatna.com/attachments/609275d1320389835-icon_addtofav.gif
http://www.dzbatna.com/attachments/609274d1320389835-dzbatna_net_tr.png
في ملف موقعه
ويضع هذا الكود code بأي مكان بالفوتر
رمز Code:
<!-- منتديات ديزاد باتنة !--> <div id=&quot;footer-background&quot;> <ul> <!-- منتديات ديزاد باتنة !--> <li><span class=&quot;icons&quot;>ديزاد باتنة</span></li> <li><a href=&quot;#&quot;>رابط</a></li> <li><a href=&quot;#&quot;>رابط</a></li> <li><a href=&quot;#&quot;>رابط</a></li> <li><a href=&quot;#&quot;>رابط</a></li> </ul> <ul> <li><span class=&quot;icons&quot;>ديزاد باتنة</span></li> <li><a href=&quot;#&quot;>رابط</a></li> <li><a href=&quot;#&quot;>رابط</a></li> <li><a href=&quot;#&quot;>رابط</a></li> <li><a href=&quot;#&quot;>رابط</a></li> </ul> <ul> <li><span class=&quot;icons&quot;>ديزاد باتنة</span></li> <li><a href=&quot;#&quot;>رابط</a></li> <li><a href=&quot;#&quot;>رابط</a></li> <li><a href=&quot;#&quot;>رابط</a></li> <li><a href=&quot;#&quot;>رابط</a></li> </ul> <ul> <li><span class=&quot;icons&quot;>ديزاد باتنة</span></li> <li><a href=&quot;#&quot;>رابط</a></li> <li><a href=&quot;#&quot;>رابط</a></li> <li><a href=&quot;#&quot;>رابط</a></li> <li><a href=&quot;#&quot;>رابط</a></li> </ul> <ul> <!-- منتديات ديزاد باتنة !--> <li> ماشاء الله تبارك الله ماشاء الله لاقوة الا بالله , اللهم اني اسالك الهدى والتقى والعفاف والغنى </li> </ul> <ul> <img alt=&quot;&quot; src=&quot;dzbatna_net_tr.png&quot; /> </ul> </div> <!-- منتديات ديزاد باتنة !-->
وهذا الكود code في تعاريف الـcss الإضافيه
رمز Code:
#footer-background { width:100%;/*العرض*/ background-color:#102930; color:#FFF; text-shadow: 1px 1px 1px #ff6600; filter: dropshadow(color=#ff6600, offx=1, offy=1); font: bold 11pt Tahoma; border-radius:7px;/*لعمل الحواف الدائرية*//*ده بيشغل الحواف على الاوبرا*/ -moz-border-radius:7px;/*ده بيشغل الحواف على الفير فوكس*/ -wibkit-border-radius:7px;/*ده بيشغل الحواف على باقى المتصفحات*/ clear:both; height:100%; overflow:hidden; margin-bottom:20px; text-decoration:none; } #footer-background ul{ float:right; margin-top:10px; margin-right:10px; text-decoration:none; } #footer-background ul li{ list-style:none; width:140px; text-align:right; text-decoration:none; color: #FFFFFF; padding-right:10px; border-bottom:1px #669999 dotted; } #footer-background ul li:hover { background-color:#193940; color: #FFFFFF; background-color: #368186; border-radius:7px;/*لعمل الحواف الدائرية*//*ده بيشغل الحواف على الاوبرا*/ -moz-border-radius:7px;/*ده بيشغل الحواف على الفير فوكس*/ -wibkit-border-radius:7px;/*ده بيشغل الحواف على باقى المتصفحات*/ border-bottom:1px #669999 dotted; } .icons{ background:url(icon_addtofav.gif) no-repeat right; padding-right: 20px; text-align: right;; } #footer-background ul li a{ font-family:Arial;/*نوع الخط*/ font-size:small;/*حجم الخط*/ font-weight:bold;/* شكل الخط حاليا عريض*/ color:#fff;/* لون الخط*/ } #footer-background ul li a:hover{ font-family:Arial;/*نوع الخط*/ font-size:small;/*حجم الخط*/ font-weight:bold;/* شكل الخط حاليا عريض*/ color:#e3e3e3;/* لون الخط*/ }

يمنع منعا إزاله الحقوق
dzbatna.net
http://upload.dzbatna.net/upfiles/oAi98221.jpg








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

الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif footer.zip (http://www.traidnt.net/vb/attachments/609273d1320389494-footer.zip) (54.0 كيلوبايت, عدد مرات المشاهدة 456 مرة)


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