3/11/2016

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

اضافة اعلان مصور احترافي
طريقة التركيب
تخطيط-إضافة أداة - 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>

add_comment هناك تعليقان (2):

  1. السلام عليكم
    عندي مشكله فس قالب حجم ادوات غير متوافق مع عرض مدونة

    ردحذف
    الردود
    1. وعليكم السلام ورحمة الله وبركاته
      ليست مشكلة يالغالي انما غالباً ماتكون ارقام مثال 5px تغيير الأرقام
      تجدها مثل اللذي بالصورة http://b.top4top.net/p_74rdkw1.png
      قم بتغيير الارقام الموجودة بالكود الأرقام اللتي بعدها px

      حذف