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 كيلوبايت)