مشاركة # 1 | 01:07 25.01.2014
سكربت لاضافة اضار مضيء حول صورة المستخدم في المنتدى

نقوم بالدخول الى لوحة التحكم >>>المنتدى >>>التحكم بتصميم المنتدى >>>نوع المواد

يوضع في نوع المواد في المنتدى

<img title="$USERNAME$" src="<?if($AVATAR_URL$)?>$AVATAR_URL$<?else?>/images/forum/noava.png<?endif?>" style="border: 10px solid #222;" class="imgshadow<?if($USER_STATUS$='<span class="statusOnline">On</span>')?>-green<?endif?><?if($USER_STATUS$='<span class="statusOffline">Off</span>')?>-red<?endif?>" width="110" height="110">
<?if($USER_TITLE$)?><div class="division">$USER_TITLE$</div><?else?><?endif?>

ويوضع الكود التالي في جدول الاساليب العامة css

/* IMAGES */
.imgshadow {
margin:6px;
-moz-box-shadow:#000 0px 0px 6px;
-o-box-shadow:#000 0px 0px 6px;
-webkit-box-shadow:#000 0px 0px 6px;
-ms-box-shadow:#000 0px 0px 6px;
box-shadow:#000 0px 0px 6px;
border:1px solid #222;
}
.imgshadow:hover {
-moz-box-shadow:0px 0px 5px #00BFFF/*#E67F1A*/;
-o-box-shadow:0px 0px 5px #00BFFF/*#E67F1A*/;
-ms-box-shadow:0px 0px 5px #00BFFF/*#E67F1A*/;
-webkit-box-shadow:0px 0px 5px #00BFFF/*#E67F1A*/;
box-shadow:0px 0px 5px #00BFFF/*#E67F1A*/;
border:1px solid #00BFFF/*#B76515*/ !important;
opacity:0.7
}
.imgshadow, .imgshadow:hover {
-moz-transition:all 0.3s ease-in 0s;
-webkit-transition:all 0.3s ease-in 0s;
-o-transition:all 0.3s ease-in 0s;
-ms-transition:all 0.3s ease-in 0s;
transition:all 0.3s ease-in 0s;
opacity:1;
z-index:10
}
.imgshadow-green {
margin:6px;
-moz-box-shadow:#66ff33 0px 0px 6px;
-webkit-box-shadow:#66ff33 0px 0px 6px;
-ms-box-shadow:#66ff33 0px 0px 6px;
-o-box-shadow:#66ff33 0px 0px 6px;
-khtml-box-shadow:#66ff33 0px 0px 6px;
box-shadow:#66ff33 0px 0px 6px
}
.imgshadow-red {
margin:6px;
-moz-box-shadow:#ee0022 0px 0px 6px;
-webkit-box-shadow:#ee0022 0px 0px 6px;
-o-box-shadow:#ee0022 0px 0px 6px;
-ms-box-shadow:#ee0022 0px 0px 6px;
-khtml-box-shadow:#ee0022 0px 0px 6px;
box-shadow:#ee0022 0px 0px 6px
}
/* SHADOW EFFECTS */
.textshadow {color:#000;text-shadow:1px 1px 2px #999}
.effradius {
-moz-border-radius:16px;
-webkit-border-radius:16px;
-khtml-border-radius:16px;
-o-border-radius:16px;
-ms-border-radius:16px;
border-radius:16px
}
.effshadow {
-moz-box-shadow:#999 0px 0px 6px;
-webkit-box-shadow:#999 0px 0px 6px;
-khtml-box-shadow:#999 0px 0px 6px;
-o-box-shadow:#999 0px 0px 6px;
-ms-box-shadow:#999 0px 0px 6px;
box-shadow:#999 0px 0px 6px
}