ازرار جانبية لعرض صفحتك على الفيس + قناة اليوتيوب + التويتر + تحميل المتصفح الافضل
طريقة جميلة لعرض ازرار جانبية لعرض صفحتك على الفيس + قناة اليوتيوب + التويتر + تحميل المتصفح الافضل
للمعاينة:
FENIXPRO FORUM
منتديات فينكس برو
اولا نقوم بفك الضغط و نرفع الملف fenix الذي بداخله الصور الى مجلد ال vb
vb/fenix
رمز Code:
<div class="icon"> <a href="https://www.facebook.com/FENIXPRO" title="فايسبوك"><ins><div class="fb"></div></ins></a><br/> <a href="location.href='http://twitter.com/intent/tweet?status=رابط موقعك" title="تويتر"><ins><div class="tw"></div></ins></a><br/> <a href="http://www.youtube.com" title="يو تيوب"><ins><div class="yt"></div></ins></a><br/> <a href="http://www.mozilla.com/fr/firefox/" title="حمّل فياير فوكس لتصفح افضل" ><ins><div class="fx"></div></ins></a> </div>
ثم نقوم بوضع الكود code التالي في بداية الهيدر header
وبعد ذلك نضع الكود code التالي في الجدول الثاني من تعاريف ال css
رمز Code:
.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