حالة الموضوع:
مغلق
  1. هوك

    هوك DeveloPer Plus

    الأنتساب:
    ‏17 نوفمبر 2011
    المشاركات:
    110
    الإعجابات المتلقاة:
    4
    نقاط الجائزة:
    18
    الإقامة:
    عـــدن
    [​IMG]


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


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


    مثال مصور

    [​IMG]

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

    vb/fenix

    ثم نقوم بوضع الكود التالي في بداية الهيدر
    كود PHP:
    <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>
    وبعد ذلك نضع الكود التالي في الجدول الثاني من تعاريف ال css
    كود PHP:
    .upp          {background:url('aero/buttons/upp.png')no-repeat top center width:100px;height:50pxbackground-repeat:no-repeatfloat:right;position:absolutevisibilityhiddenz-index0; }  .upp:hover     {background:url('aero/buttons/upp.png'no-repeat bottom center;} .iconposition:fixedtop:40%;left:0;} .fb          {background:url('aero/body/fb.png')no-repeat top center width:150px;height:70pxbackground-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:70pxbackground-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:70pxbackground-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:70pxbackground-repeat:no-repeat;  border:none; }  .fx:hover     {background:url('fenix/fx.png'no-repeat bottom center;}  .upposition:fixedtop:90%;right:0;}  a.rights {     width:130px;     height:59px;     position:absolute;     left232px;     top209px; }
    تحميل الصور

    [​IMG]


     
  2. αЗѕαя

    αЗѕαя DeveloPer Plus

    الأنتساب:
    ‏15 ديسمبر 2011
    المشاركات:
    152
    الإعجابات المتلقاة:
    3
    نقاط الجائزة:
    18
    الإقامة:
    بلاد الحرمين الشريفين
    رد: درس ازرار جانبية لعرض صفحتك على الفيس + قناة اليوتيوب + التويتر +تحميل المتصفح الافضل

    السلام عليكم ورحمة الله وبركاته

    يعطيك الف عافية اخوي


    شرح مميز من شخص كذلك ..


    وجاري التجريب ..


     
  3. ряоfеѕѕіопаL

    ряоfеѕѕіопаL V • I • P

    الأنتساب:
    ‏16 ديسمبر 2011
    المشاركات:
    115
    الإعجابات المتلقاة:
    1
    نقاط الجائزة:
    18
    الإقامة:
    مدريد
    رد: درس ازرار جانبية لعرض صفحتك على الفيس + قناة اليوتيوب + التويتر +تحميل المتصفح الافضل

    الله يعطيك العافية
     
حالة الموضوع:
مغلق

مشاركة هذه الصفحة