[برای ۱.۸] آموزش زیباسازی هشدار پیغام خصوصی

[M48D1]

با سلام خدمت کاربران مای بی بی ایران


همانطور که میدانید ، بخش پیغام خصوصی در مای بی بی بسیار ساده و معمولی است ، در این آموزش هشدار پیغام خصوصی را همانند پلاگین آژاکس خواهید کرد شکل زیر :



برای این تغییر ابتدا به پنل مدیریت رفته و در بخش قالب ها به زیر بخش زیر بروید :

Global Templates -----> global_pm_alert

حال کد های موجود در آن بخش ها را با کد های زیر جایگزین کنید :

کد:

<div id="pm_notice" <div style="position: fixed; right: 60px; top: 40px; width: 360px; z-index: 32765;">
<span style="background-color: #ffffff; display: block; height: 1px; margin: 0 5px; opacity: 0.5;"></span>
<span style="background-color: #000000; border-right: 2px solid #ffffff; border-left: 2px solid #ffffff; display: block; height: 1px; margin: 0 3px; opacity: 0.5;"></span>
<span style="background-color: #000000; border-right: 1px solid #ffffff; border-left: 1px solid #ffffff; display: block; height: 1px; margin: 0 2px; opacity: 0.5;"></span>
<span style="background-color: #000000; border-right: 1px solid #ffffff; border-left: 1px solid #ffffff; display: block; height: 2px; margin: 0 1px; opacity: 0.5;"></span>
<div style="background-color: #000000; border-right: 1px solid #ffffff; border-left: 1px solid #ffffff; color: #ffffff; opacity: 0.5; padding: 0 5px; text-align: center;"><img src="images/ajaxpmnotice.png" alt="" style="float: left; margin-top: -30px;" />شما پیغام خصوصی خوانده نشده دارید</div>
<span style="background-color: #000000; border-right: 1px solid #ffffff; border-left: 1px solid #ffffff; display: block; height: 2px; margin: 0 1px; opacity: 0.5;"></span>
<span style="background-color: #000000; border-right: 1px solid #ffffff; border-left: 1px solid #ffffff; display: block; height: 1px; margin: 0 2px; opacity: 0.5;"></span>
<span style="background-color: #000000; border-right: 2px solid #ffffff; border-left: 2px solid #ffffff; display: block; height: 1px; margin: 0 3px; opacity: 0.5;"></span>
<span style="background-color: #ffffff; display: block; height: 1px; margin: 0 5px; opacity: 0.5;"></span>
</div>
<div style="position: fixed; right: 60px; top: 40px; width: 360px; z-index: 32766;">
<span style="background-color: #ffffff; display: block; height: 1px; margin: 0 5px"></span>
<span style="border-right: 2px solid #ffffff; border-left: 2px solid #ffffff; display: block; height: 1px; margin: 0 3px;"></span>
<span style="border-right: 1px solid #ffffff; border-left: 1px solid #ffffff; display: block; height: 1px; margin: 0 2px;"></span>
<span style="border-right: 1px solid #ffffff; border-left: 1px solid #ffffff; display: block; height: 2px; margin: 0 1px;"></span>
<div style="border-right: 1px solid #ffffff; border-left: 1px solid #ffffff; color: #ffffff; padding: 0 5px; text-align: center;"><img src="images/ajaxpmnotice.png" alt="" style="float: left; margin-top: -30px;" /><a href="{$mybb->settings['bburl']}/private.php" style="color: #ffffff; text-decoration: none;">شما پیغام خصوصی خوانده نشده دارید</a></div>
<span style="border-right: 1px solid #ffffff; border-left: 1px solid #ffffff; display: block; height: 2px; margin: 0 1px;"></span>
<span style="border-right: 1px solid #ffffff; border-left: 1px solid #ffffff; display: block; height: 1px; margin: 0 2px;"></span>
<span style="border-right: 2px solid #ffffff; border-left: 2px solid #ffffff; display: block; height: 1px; margin: 0 3px;"></span>
<span style="background-color: #ffffff; display: block; height: 1px; margin: 0 5px;"></span>
</div>

خب حال تغییرات را ذخیره کنید .

برای عکس دار شدن لازم است که عکس هشدار پیغام خصوصی را در هاست خود آپلود کنید  ، برای این کار فایل عکس پیوست شده را دانلود کرده و در پوشه images هاست خود آپلود کنید تا هشدار پیغام خصوصی شما همانند تصویر نمونه عکس دار شود .

نکته : پلاگین پیغام خصوصی به صورت آژاکس به علت فشاری که به سرور می آورد ممکن است شما را دچار مشکل کند . با استفاده از این آموزش صرفا استایل این پلاگین برای هشدار پیغام خصوصی شما قرار میگیرد .


موفق و موید باشید

آموزش : برگرفته از پلاگین پیغام خصوصی به صورت آژاکس