ممكن تعديل على كود الطائر الحر

اذهب الى الأسفل

ãÚáæãÉ ممكن تعديل على كود الطائر الحر

مُساهمة من طرف mustafamax في الخميس 7 نوفمبر 2013 - 17:50

اريد التعديل على كود الفيسبوك وتويتر هذا



اريد تحويله من الشكل العامودي الى الافقي
وشكرا
الكود
الكود:


    </li></ul><div
     id="follow_fdf"><a target="_blank" href="https://www.facebook.com/mustafa3max?fref=ts"><img alt="Facebook"
    src="http://illiweb.com/fa/optimisation_fdf/fr/facebook10.png"/></a><a
     target="_blank" href="https://twitter.com/ABOFATMAALSLMAN"><img alt="Twitter"
    src="http://illiweb.com/fa/optimisation_fdf/fr/twitter10.png"/></a></div>


    <style>

    #follow_fdf {
      float: right;
      
      padding-left: 1098px;
    }

    #follow_fdf img {
      vertical-align: middle;
      max-height: 50px;
      transition-duration: 400ms;
      -moz-transition-duration: 400ms;
      -o-transition-duration: 400ms;
      -webkit-transition-duration: 400ms;
    }

    #follow_fdf img:hover {
        transform:rotate(-10deg);
        -ms-transform:rotate(-10deg);
        -moz-transform:rotate(-10deg);
        -webkit-transform:rotate(-10deg);
        -o-transform:rotate(-10deg);
    }
    </style>


عدل سابقا من قبل mustafamax في الخميس 7 نوفمبر 2013 - 22:27 عدل 1 مرات
avatar
mustafamax
 
 

ذكر
عدد المساهمات : 117
معدل النشاط : 1869
السُمعة : 4

http://mustafamax.forumarabia.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: ممكن تعديل على كود الطائر الحر

مُساهمة من طرف mustafamax في الخميس 7 نوفمبر 2013 - 22:26

تم الحل لجعل الايقونات افقية كل ماعليك حذف هذا النص المظلل بالصورة اوتجعل القيمة 0






وتفضلو الكود بعد التعديل
الكود:



    </li></ul><div
     id="follow_fdf"><a target="_blank" href="https://www.facebook.com/mustafa3max?fref=ts"><img alt="Facebook"
    src="http://illiweb.com/fa/optimisation_fdf/fr/facebook10.png"/></a><a
     target="_blank" href="https://twitter.com/ABOFATMAALSLMAN"><img alt="Twitter"
    src="http://illiweb.com/fa/optimisation_fdf/fr/twitter10.png"/></a></div>


    <style>

    #follow_fdf {
      float: right;
      background: url('http://i40.servimg.com/u/f40/11/60/75/36/follow14.png') no-repeat scroll 0 5px transparent;
      
    }

    #follow_fdf img {
      vertical-align: middle;
      max-height: 50px;
      transition-duration: 400ms;
      -moz-transition-duration: 400ms;
      -o-transition-duration: 400ms;
      -webkit-transition-duration: 400ms;
    }

    #follow_fdf img:hover {
        transform:rotate(-10deg);
        -ms-transform:rotate(-10deg);
        -moz-transform:rotate(-10deg);
        -webkit-transform:rotate(-10deg);
        -o-transform:rotate(-10deg);
    }
    </style>
avatar
mustafamax
 
 

ذكر
عدد المساهمات : 117
معدل النشاط : 1869
السُمعة : 4

http://mustafamax.forumarabia.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: ممكن تعديل على كود الطائر الحر

مُساهمة من طرف mustafamax في الخميس 7 نوفمبر 2013 - 22:52

وهذا نفس الكود باضافة ايقونة اليوتيوب



الكود:

        </li></ul><div
     id="follow_fdf"><a target="_blank" href="رابط الفيسبوك"><img alt="Facebook"
    src="http://illiweb.com/fa/optimisation_fdf/fr/facebook10.png"/></a><a
     target="_blank" href="رابط تويتر"><img alt="Twitter"
    src="http://illiweb.com/fa/optimisation_fdf/fr/twitter10.png"/></a><a
     target="_blank" href="رابط اليوتيوب"><img alt="youtube"
     src="http://i58.servimg.com/u/f58/18/51/43/47/youtub10.png"/></a><a
<div/>

        <style>

        #follow_fdf {
          float: right;
          
        
       }

        #follow_fdf img {
          vertical-align: middle;
          max-height: 50px;
          transition-duration: 400ms;
          -moz-transition-duration: 400ms;
          -o-transition-duration: 400ms;
          -webkit-transition-duration: 400ms;
        }

        #follow_fdf img:hover {
            transform:rotate(-10deg);
            -ms-transform:rotate(-10deg);
            -moz-transform:rotate(-10deg);
            -webkit-transform:rotate(-10deg);
            -o-transform:rotate(-10deg);
        }
        </style>

    
avatar
mustafamax
 
 

ذكر
عدد المساهمات : 117
معدل النشاط : 1869
السُمعة : 4

http://mustafamax.forumarabia.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى