[نتيجه ورشه]فوتر css مقدم من أعضاء ترايدنت

محروم.كوم · #1 11-04-2011, 11:30 AM

http://www.traidnt.net/vb/traidnt1974483/

بحمد الله تم الإنتهاء من ورشه فوتر بتقنيه CSS بعمل جماعي وتعاوني من نخبه من خبراء هذا القسم وأشكرهم جزيل الشكر

تفاصيل :
مده الورشه : أسبوع كامل
المتعاونين بالورشه :

ROMYO

العجوري

عمر العاني

mr.arabyun

محمود حسين سراج

مثال حي للفوتر : من هنـــــا
مثال مصور : في المرفقات أو من هنــا
للتحميل : من المرفقات أو رابط مبــاشر
أو من هنــــا
أو من هنـــــا
طريقه التركيب :-
اقتباس:
طريقه التركيب :-
أرفع الصور لمجلد موقعك vb
وقم بنسخ ملف html.txt وضعه بأعلى أو أسفل الفوتر
وقم بنسخ ملف css.txt وضعه في (تعاريف CSS الإضافية/Additional CSS Definitions)
والف مبروك لك ..
لاي مشكله ضعها في رد
جميع الحقوق محفوظه : ترايدنت

بالنسبه للشعار يصمم بنفس مقاسات شعار ترايدنت الموجود مع الفوتر

للي مايبي يحمل الملف
يرفع الصورتين

في ملف موقعه
ويضع هذا الكود بأي مكان بالفوتر
رمز 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

الصور المصغرة المرفقة

الصور المرفقة
الملفات المرفقة footer.zip (54.0 كيلوبايت) __DEFINE_LIKE_SHARE__

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
[ورشه] فوتر css	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	10-28-2011 04:40 PM
موقع عربي جديد بمساهمة أعضاء ترايدنت وبرعاية إدارة ترايدنت	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	10-08-2011 05:50 PM
توقيع أحد أعضاء ترايدنت يبكيني	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	08-19-2011 08:10 AM
[ عرض اعلان ] : طآلبكم يآ زوار و أعضاء ترايدنت ..!!	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	07-25-2009 07:20 AM
آعضاء ترايدنت يزعلون لما نقول لهم . . . . !	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	05-08-2009 03:00 AM