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

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

اضافة اعلان مصور احترافي
طريقة التركيب
تخطيط-إضافة أداة - 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>
ملاحظة! : عند نقلك للموضوع حاول ان تذكر المصدر لينتفع الزائر في حال اراد المزيد من المساعده، وايضاَ احتراما وتقديراَ للجهود المبذولة.

عن الكاتب

لـدي القليل مـن الخبره ، فـي مجال الـتـدويـن اضـع بالمدونة ما يـفـيـد الزائر والـمـدون ، تــابـعـنـا قـد نـفـيـدك يـومـاً .

2 التعليقات

إضغط هنا لـ التعليقات
alazd als3idi
المشرف
14 مارس، 2016 9:06 م ×

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

رد
avatar
16 مارس، 2016 1:48 ص ×

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

رد
avatar
شكرا لك ولمرورك