۱۳۹۳/۶/۲۹، ۱۴:۲۸:۲۰ عصر
اموزش کشویی کردن منوها در صفحه ارسال پست در مای بی بی 1.8
قبل از هر چیزی لازمه که به کمک تصویر به شما نشون بدم با این اموزش قرار چه اتفاقی بی افته
پس تصویر زیر را اول ببینید :
همونطور که در تصویر مشخصه در زمان ارسال پست یک سری تنظیمات در زیر ادیتور نمایش داده میشه . حالا با این اموزش ما این تنظیمات را در یک منوی کشویی قرار میدیم تا با کلیک روی یک گزینه منو باز شده و تنظیمات نمایش داده بشه
برای اینکار از مسیر مشخص شده در تصویر زیر یک Stylesheet جدید با نام extra.css میسازیم و کدهای زیر را در ان قرار داده ذخیره میکنیم :
سپس در قالب newthread template / newthread بدنبال </table> بگردید و کد زیر را در انتهای ان اضافه کنید :
کار تمام است تغییرات را ذخیره و نتیجه کار را ببینید
قبل از هر چیزی لازمه که به کمک تصویر به شما نشون بدم با این اموزش قرار چه اتفاقی بی افته
پس تصویر زیر را اول ببینید :
همونطور که در تصویر مشخصه در زمان ارسال پست یک سری تنظیمات در زیر ادیتور نمایش داده میشه . حالا با این اموزش ما این تنظیمات را در یک منوی کشویی قرار میدیم تا با کلیک روی یک گزینه منو باز شده و تنظیمات نمایش داده بشه
برای اینکار از مسیر مشخص شده در تصویر زیر یک Stylesheet جدید با نام extra.css میسازیم و کدهای زیر را در ان قرار داده ذخیره میکنیم :
کد php:
.droppanel {
background-color: #efefef;
width: 170px;
margin: 0px auto;
text-align: center;
font-size: 11px;
padding-bottom: 3px;
border-radius: 0px 0px 4px 4px;
border: 1px solid #ccc;
border-width: 0px 1px 1px;
border-style: none solid solid;
}
سپس در قالب newthread template / newthread بدنبال </table> بگردید و کد زیر را در انتهای ان اضافه کنید :
کد php:
<div class="droppanel">
<a href="#" class="post_options">Post Options</a>
</div>
<script type="text/javascript">
var elements = $("tr").filter(':eq(13), :eq(14), :eq(15), :eq(16)');
elements.hide();
$(".post_options").click(function(e) {
e.preventDefault();
elements.toggle();
});
</script>
کار تمام است تغییرات را ذخیره و نتیجه کار را ببینید