الإعلانات
[Blogger] إضافة أداة (تصفح المدونة بدون مشاكل) بتقنية css3 _th9rl10

[Blogger] إضافة أداة (تصفح المدونة بدون مشاكل) بتقنية css3

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

Mohamed Dwedar
Mohamed Dwedar

ذكر
عدد المساهمات : 538
نقاط : 604
تقييم العضو : 0
تاريخ الميلاد : 16/08/1990
العمـر : 33
http://www.raltatwer.com/

مُساهمةMohamed Dwedar الثلاثاء مارس 04, 2014 11:15 am

السلام عليكم
اليوم معنا إضافة جميلة بتقنية الـ CSS3 الأضافة تساعد الزائر على اختيار المتصفح المناسب له
[Blogger] إضافة أداة (تصفح المدونة بدون مشاكل) بتقنية css3 Quot-top-leftاقتباس:[Blogger] إضافة أداة (تصفح المدونة بدون مشاكل) بتقنية css3 Quot-top-right
[Blogger] إضافة أداة (تصفح المدونة بدون مشاكل) بتقنية css3 Quot-top-right-10
[Blogger] إضافة أداة (تصفح المدونة بدون مشاكل) بتقنية css3 333333333333333333333333333
[Blogger] إضافة أداة (تصفح المدونة بدون مشاكل) بتقنية css3 Quot-bot-left[Blogger] إضافة أداة (تصفح المدونة بدون مشاكل) بتقنية css3 Quot-bot-right


طريقة التركيب :
ادخل التخطيط , إضافة أداة , HTMLJavaScript==) انسخ والصق هذا الكود



الكود:
<center>
<div class="hovergallery">
<a href='https://www.google.com/intl/ar/chrome/browser/'><img class='logo' src='http://im37.gulfup.com/YLcCM.png'/></a><a href='https://www.mozilla.org/en-US/firefox/new/?utm_source=firefox-com&utm_medium=referral'><img class='logo' src='http://im37.gulfup.com/pKuJG.png'/></a><a href='http://windows.microsoft.com/en-us/internet-explorer/download-ie'><img class='logo' src='http://im37.gulfup.com/Mo1Lg.png'/></a></div>
<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
.hovergallery img{-webkit-transform:scale(0.8); /*Webkit: Scale down
image to 0.8x original size*/-moz-transform:scale(0.8); /*Mozilla scale
version*/-o-transform:scale(0.8); /*Opera scale
version*/-webkit-transition-duration: 0.5s; /*Webkit: Animation
duration*/-moz-transition-duration: 0.5s; /*Mozilla duration
version*/-o-transition-duration: 0.5s; /*Opera duration
version*/opacity: 0.7; /*initial opacity of images*/margin: 0 10px 5px
0; /*margin between images*/}
.hovergallery img:hover{-webkit-transform:scale(1.1); /*Webkit: Scale up
 image to 1.2x original size*/-moz-transform:scale(1.1); /*Mozilla scale
 version*/-o-transform:scale(1.1); /*Opera scale version*/box-shadow:0px
 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around
image*/-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow
version*/-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow
version*/opacity: 1;}
</style><div class="hovergallery">
 <a href='http://www.apple.com/safari/'><img class='logo' src='http://im37.gulfup.com/SxtCs.png'/></a><a href='http://www.opera.com/ar/computer/windows'><img class='logo' src='http://im37.gulfup.com/VDQ21.png'/></a><a href='http://rockmelt.com/download'><img class='logo' src='http://im37.gulfup.com/xrJcf.png'/></a></div>
<style type="text/css"></style></center>
 

و مبروك عليك الإضافة حبيبي
AsheK WalhaN
AsheK WalhaN
مؤسس المنتدى
مؤسس المنتدى
ذكر
عدد المساهمات : 5608
نقاط : 18641
تقييم العضو : 44
تاريخ الميلاد : 21/03/1995
العمـر : 29

مُساهمةAsheK WalhaN الثلاثاء مارس 04, 2014 11:23 am

موضوع رائع بوركت
[Blogger] إضافة أداة (تصفح المدونة بدون مشاكل) بتقنية css3 4
[Blogger] إضافة أداة (تصفح المدونة بدون مشاكل) بتقنية css3 128711691410

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

للمشاركة انت بحاجه الى تسجيل الدخول او التسجيل

يجب ان تعرف نفسك بتسجيل الدخول او بالاشتراك معنا للمشاركة

التسجيل

انضم الينا لن يستغرق منك الا ثوانى معدودة!


أنشئ حساب جديد

تسجيل الدخول

ليس لديك عضويه ؟ بضع ثوانى فقط لتسجيل حساب


تسجيل الدخول

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