|
[نتيجه ورشه]فوتر css مقدم من أعضاء ترايدنت http://upload.traidnt.net/upfiles/Rkt97940.jpg http://www.traidnt.net/vb/traidnt1974483/ http://upload.traidnt.net/upfiles/LDC98190.jpg بحمد الله تم الإنتهاء من ورشه فوتر بتقنيه CSS بعمل جماعي وتعاوني من نخبه من خبراء هذا القسم وأشكرهم جزيل الشكر http://upload.traidnt.net/upfiles/LDC98190.jpg تفاصيل : مده الورشه : أسبوع كامل المتعاونين بالورشه :
مثال حي للفوتر : من هنـــــا مثال مصور : في المرفقات أو من هنــا للتحميل : من المرفقات أو رابط مبــاشر أو من هنــــا أو من هنـــــا طريقه التركيب :- اقتباس: طريقه التركيب :- أرفع الصور لمجلد موقعك vb وقم بنسخ ملف html.txt وضعه بأعلى أو أسفل الفوتر وقم بنسخ ملف css.txt وضعه في (تعاريف CSS الإضافية/Additional CSS Definitions) والف مبروك لك .. لاي مشكله ضعها في رد جميع الحقوق محفوظه : ترايدنت بالنسبه للشعار يصمم بنفس مقاسات شعار ترايدنت الموجود مع الفوتر http://upload.traidnt.net/upfiles/LDC98190.jpg للي مايبي يحمل الملف يرفع الصورتين http://www.traidnt.net/vb/attachment...n_addtofav.gif http://www.traidnt.net/vb/attachment...dnt_net_tr.png في ملف موقعه ويضع هذا الكود بأي مكان بالفوتر رمز 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;/* لون الخط*/ } يمنع منعا إزاله الحقوق traidnt.net http://upload.traidnt.net/upfiles/oAi98221.jpg الصور المصغرة المرفقة http://www.traidnt.net/vb/attachment...9385t-demo.png الصور المرفقة http://www.traidnt.net/vb/attachment...dnt_net_tr.png http://www.traidnt.net/vb/attachment...n_addtofav.gif الملفات المرفقة http://www.traidnt.net/vb/images/attach/zip.gif footer.zip (54.0 كيلوبايت) |
| الساعة الآن 10:50 AM |
Powered by vBulletin® Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Content Relevant URLs by vBSEO 3.5.2 TranZ By
Almuhajir