زرار جانبية متحركة لعرض صفحتك على الفيس + قناة اليوتيوب + التويتر + تحميل المتصفح الافضل حصريا من منتديات فينكس برو
محمود عبدالله- مدير عام المنتدى
- زقم العضويه : 1
عدد المساهمات : 7882
نقاظ : 17814
السٌّمعَة : 44
تاريخ التسجيل : 29/12/2009
العمر : 54
الموقع : مصر
- مساهمة رقم 1
زرار جانبية متحركة لعرض صفحتك على الفيس + قناة اليوتيوب + التويتر + تحميل المتصفح الافضل حصريا من منتديات فينكس برو
من طرف محمود عبدالله السبت يناير 07, 2012 1:53 pm
ازرار جانبية لعرض صفحتك على الفيس + قناة اليوتيوب + التويتر + تحميل المتصفح الافضل
طريقة جميلة لعرض ازرار جانبية لعرض صفحتك على الفيس + قناة اليوتيوب + التويتر + تحميل المتصفح الافضل
للمعاينة:
FENIXPRO FORUM
منتديات فينكس برو
مثال :
اولا نقوم بفك الضغط و نرفع الملف fenix الذي بداخله الصور الى مجلد ال vb
vb /fenix
ثم نقوم بوضع الكود التالي في بداية الهيدر كود:
- الكود:
[/b][b]<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>[/b][b]
كود:
- الكود:
[/b][b].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;
}[/b][b]
FENIXPRO.COM.rar
