اضافة اعلان مصور احترافي

اضافة اعلان مصور احترافي
اضافة اعلان مصور احترافي


تخطيط-إضافة أداة - HTML/JavaScript 
وضع الكود التالي مع تغيير مايلزم

<div class="widget-content"> <center> <div class="hovergallery"> <a href="#" title='مدونتك هنا' target='blank'> <img class="logo" src="http://www.shy22.com/upfilgif/ygo16227.gif" style=' width:80px; height: 80px; '/></a><a href="#" title='مدونتك هنا' target='blank'><img class="logo" src="http://www.shy22.com/upfilgif/ygo16227.gif" style=' width:80px; height: 80px; ' /></a><a href="#" title='مدونتك هنا' target='blank' style="margin-left: 0px;"><img class="logo" src="http://www.shy22.com/upfilgif/ygo16227.gif"style=' width:80px; height: 80px; ' /></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;} &#160; </style><div class="hovergallery"> <a href="#" title='مدونتك هنا'target='blank'style="display: none;" rel="dofollow">مدونتك هنا</a><a href="#" title='مدونتك هنا' target='blank'"><img class="logo" src="http://www.shy22.com/upfilgif/ygo16227.gif"style=' width:80px; height: 80px; ' /></a><a href="#" title='مدونتك هنا' target='blank' style="margin-left: 0px;"><img class="logo" src="http://www.shy22.com/upfilgif/ygo16227.gif"style=' width:80px; height: 80px; ' /></a><a href="#" title='مدونتك هنا' target='blank'><img class="logo" src="http://www.shy22.com/upfilgif/ygo16227.gif" style=' width:80px; height: 80px; '/></a></div><style type="text/css"></style><div class="hovergallery"> <a href="#" title='مدونتك هنا' rel="nofollow"> <img class="logo" src="http://www.shy22.com/upfilgif/ygo16227.gif" style=' width:80px; height: 80px; '/></a><a href="#" title='مدونتك هنا' rel="nofollow"><img class="logo" src="http://www.shy22.com/upfilgif/ygo16227.gif"style=' width:80px; height: 80px; ' /></a><a href="#" title='مدونتك هنا' target='blank' style="margin-left: 0px;"><img class="logo" src="http://www.shy22.com/upfilgif/ygo16227.gif" style=' width:80px; height: 80px; '/></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: -5px 2px 3px -1px; /*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;} &#160; </style></center></div>

شارك المقال :

إرسال تعليق

 
جميع الحقوق محفوظة عالم المطور | اكتشف |طريق العلم والتقنيه|g10u|Developerworld & تصميم OddThemes & تعريب وتطوير : عالم المدون