منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.

انشاء منتدى مجاني شبيه بهذا المنتدى

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

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

مُساهمة من طرف 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 مرات

mustafamax
 
 

ذكر
عدد المساهمات : 117
معدل النشاط : 1336

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>

mustafamax
 
 

ذكر
عدد المساهمات : 117
معدل النشاط : 1336

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>

    

mustafamax
 
 

ذكر
عدد المساهمات : 117
معدل النشاط : 1336

http://mustafamax.forumarabia.com/

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


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