درس ازرار جانبية لعرض صفحتك على الفيس + قناة اليوتيوب + التويتر +تحميل المتصفح الافضل

ازرار جانبية لعرض صفحتك على الفيس + قناة اليوتيوب + التويتر + تحميل المتصفح الافضل


طريقة جميلة لعرض ازرار جانبية لعرض صفحتك على الفيس + قناة اليوتيوب + التويتر + تحميل المتصفح الافضل

للمعاينة:

FENIXPRO FORUM




منتديات فينكس برو

اولا نقوم بفك الضغط و نرفع الملف fenix الذي بداخله الصور الى مجلد ال vb

vb/fenix

ثم نقوم بوضع الكود التالي في بداية الهيدر

اقتباس:














وبعد ذلك نضع الكود التالي في الجدول الثاني من تعاريف ال css

اقتباس:
.upp {background:url('aero/buttons/upp.png')no-repeat top center ; width:100px;height:50px;
background-repeat:no-repeat; float:right;position:absolute;
visibility: hidden;
z-index: 0;
}

.upp:hover {background:url('aero/buttons/upp.png') no-repeat bottom center;}
.icon{ position:fixed; top:40%;left:0;}
.fb {background:url('aero/body/fb.png')no-repeat top center ; width:150px;height:70px;
background-repeat:no-repeat; border:none;
}

.fb:hover {background:url('aero/body/fb.png') no-repeat bottom center;}

.tw {background:url('aero/body/tw.png')no-repeat top center ; width:150px;height:70px;
background-repeat:no-repeat; border:none;
}

.tw:hover {background:url('fenix/tw.png') no-repeat bottom center;}

.yt {background:url('fenix/yt.png')no-repeat top center ; width:150px;height:70px;
background-repeat:no-repeat; border:none;
}

.yt:hover {background:url('fenix/yt.png') no-repeat bottom center;}


.fx {background:url('fenix/fx.png')no-repeat top center ; width:150px;height:70px;
background-repeat:no-repeat; border:none;
}

.fx:hover {background:url('fenix/fx.png') no-repeat bottom center;}

.up{ position:fixed; top:90%;right:0;}

a.rights {
width:130px;
height:59px;
position:absolute;
left: 232px;
top: 209px;
}


واستمتع

هذا الشرح حصري لمنتديات فينكس برو

FENIXPRO FORUM

تحميل الصور و المرفقات من هنا







FENIXPRO.COM.rar

هذا شرح خاص و حصري من منتديات فينكس برو FENIXPRO FORUM

لن اسامح من يزيل الحقوق ابدا

هذا جهد خاص ان اصبت فمن الله وان اخطئت فمن نفسي و من الشيطان

رابط الموضوع الاصلي من هنا

http://www.fenixpro.com/vb/t995

أكثر...