هاست لینوکس

آخرین بسته‌ی MyBB: نسخه‌ی 1.8.27 MyBB منتشر شد


امتیاز موضوع:
  • 1 رأی - میانگین امتیازات: 5
  • 1
  • 2
  • 3
  • 4
  • 5
[1.8] پوسته ی خود را هزار رنگ کنید
#1
Heart 
با درود
برای اینکه پوسته ای با رنگ های گوناگون داشته باشید راهکاری برای دوستان قرار میدهم . به این راهکار color picker میگویند . نخست فیلم پیوستی را ببینید و در صورت علاقه کارهای زیر را انجام دهید .

گام نخست : به مسیر زیر بروید
کنترل پنل مدیریت > قالب ها و پوسته > قالب ها > قالب مورد نظر > قالب های گروه بندی نشده > بخش headerinclude
و کدهای زیر را پیش از متغیر {$stylesheets} قرار دهید

کد php:
<script type="text/javascript" src="{$mybb->settings['bburl']}/picker/js/jquery.min.js"></script>
<
script type="text/javascript" src="{$mybb->settings['bburl']}/picker/js/colorpicker.js"></script>
<
script type="text/javascript" src="{$mybb->settings['bburl']}/picker/js/skin.js"></script>
<
script type="text/javascript" src="{$mybb->settings['bburl']}/picker/js/cookie.js"></script

گام دوم : به مسیر زیر بروید
کنترل پنل مدیریت > قالب ها و پوسته > پوسته ها > پوسته مورد نظر >  بخش global.css
و کدهای زیر را در انتهای کدهای موجود , وارد کنید .

کد php:
.custom_theme{

    background-imageurl('picker/cp/color-swatches.png');
    floatright;
}
.
custom_theme #colorpicker{
    height12px;
    width12px;
    padding0;
    margin0;
    cursorpointer;
    opacity0;
}

.
colorpicker {
    width356px;
    height176px;
    overflowhidden;
    positionabsolute;
    backgroundurl(picker/cp/colorpicker_background.png);
    font-familyArialHelveticasans-serif;
    displaynone;
    z-index9000;
    margin-left36px;
}
.
colour_instructions{
    width134px;
    height92px;
    positionabsolute;
    left211px;
    top47px;
    text-alignleft;
    font-size10px;
    color#898989;
}
.
colorpicker_color {
    width150px;
    height150px;
    left14px;
    top13px;
    positionabsolute;
    background#f00;
    overflowhidden;
    cursorcrosshair;
}
.
colorpicker_color div {
    positionabsolute;
    top0;
    left0;
    width150px;
    height150px;
    backgroundurl(picker/cp/colorpicker_overlay.png);
}
.
colorpicker_color div div {
    positionabsolute;
    top0;
    left0;
    width11px;
    height11px;
    overflowhidden;
    backgroundurl(picker/cp/colorpicker_select.gif);
    margin: -5px 0 0 -5px;
}
.
colorpicker_hue {
    positionabsolute;
    top13px;
    left171px;
    width35px;
    height150px;
    cursorn-resize;
}
.
colorpicker_hue div {
    positionabsolute;
    width35px;
    height9px;
    overflowhidden;
    backgroundurl(picker/cp/colorpicker_indic.gifleft top;
    margin: -4px 0 0 0;
    left0px;
}
.
colorpicker_new_color {
    positionabsolute;
    width130px;
    height30px;
    left213px;
    top13px;
    background#f00;
}
.
colorpicker_current_color {
    positionabsolute;
    width60px;
    height30px;
    left283px;
    top13px;
    background#f00;
    displaynone;
}
.
colorpicker input {
    background-colortransparent;
    border1px solid transparent;
    positionabsolute;
    font-size10px;
    font-familyArialHelveticasans-serif;
    color#898989;
    top4px;
    right11px;
    text-alignright;
    margin0;
    padding0;
    height11px;
}
.
colorpicker_hex {
    positionabsolute;
    width72px;
    height22px;
    backgroundurl(picker/cp/colorpicker_hex.pngtop;
    left212px;
    top142px;
}
.
colorpicker_hex input {
    right6px;
}
.
colorpicker_field {
    height22px;
    width62px;
    background-positiontop;
    positionabsolute;
    displaynone/* Hide colour boxes */
}
.
colorpicker_field span {
    positionabsolute;
    width12px;
    height22px;
    overflowhidden;
    top0;
    right0;
    cursorn-resize;
}
.
colorpicker_rgb_r {
    background-imageurl(picker/cp/colorpicker_rgb_r.png);
    top52px;
    left212px;
}
.
colorpicker_rgb_g {
    background-imageurl(picker/cp/colorpicker_rgb_g.png);
    top82px;
    left212px;
}
.
colorpicker_rgb_b {
    background-imageurl(picker/cp/colorpicker_rgb_b.png);
    top112px;
    left212px;
}
.
colorpicker_hsb_h {
    background-imageurl(picker/cp/colorpicker_hsb_h.png);
    top52px;
    left282px;
}
.
colorpicker_hsb_s {
    background-imageurl(picker/cp/colorpicker_hsb_s.png);
    top82px;
    left282px;
}
.
colorpicker_hsb_b {
    background-imageurl(picker/cp/colorpicker_hsb_b.png);
    top112px;
    left282px;
}
.
colorpicker_submit {
    positionabsolute;
    width56px;
    height22px;
    backgroundurl(picker/cp/colorpicker_submit.pngtop;
    left288px;
    top142px;
    cursorpointer;
    overflowhidden;
}
.
colorpicker_focus {
    background-positioncenter;
}
.
colorpicker_hex.colorpicker_focus {
    background-positionbottom;
}
.
colorpicker_submit.colorpicker_focus {
    background-positionbottom;
}
.
colorpicker_slider {
    background-positionbottom;



گام سوم : به مسیر زیر بروید (این مسیر دلخواه است , دو مسیر برای نمونه برای دوستان قرار میدهم)
مسیر نخست : کنترل پنل مدیریت > قالب ها و پوسته > قالب ها > قالب مورد نظر > Header Templates > بخش header
مسیر دوم : کنترل پنل مدیریت > قالب ها و پوسته > قالب ها > قالب مورد نظر > Header Templates > بخش header_menu_portal
و کد زیر را در جایی که میخواهید آیکون مربوط به انتخاب رنگ را داشته باشید , قرار دهید

کد php:
<span class ='custom_theme'><input type='text' id='colorpicker' /></span>
و برای چپ قرار گرفتن آیکون هم از کد زیر استفاده کنید
<span class='custom_theme' style='float:left'><input type='text' id='colorpicker' /></span

گام چهارم : فایل های موجود در فایل فشرده ی پیوستی را در روت سایتتان قرار دهید .
کارتمام است . امید که بکارتان بیاید .

.zip   Video_2014-10-01_194410.zip (اندازه: 513.25 KB / تعداد دفعات دریافت: 24)

.zip   picker.zip (اندازه: 123.11 KB / تعداد دفعات دریافت: 7)

منبع : تالار ميدوری
پاسخ
 سپاس شده توسطمحمد تی ام (۱۳۹۳/۷/۹، ۲۱:۲۱:۳۷ عصر) ، Mt edition (۱۳۹۳/۷/۹، ۲۲:۴۳:۵۹ عصر) ، Mr.mohammad (۱۳۹۳/۷/۹، ۲۳:۲۹:۵۲ عصر) ، emir.yanliz (۱۳۹۳/۷/۱۰، ۰۲:۱۹:۳۱ صبح) ، motorola30 (۱۳۹۳/۷/۱۰، ۰۸:۴۳:۵۷ صبح) ، Pishro (۱۳۹۳/۷/۱۰، ۱۳:۵۲:۴۱ عصر) ، firstboy000 (۱۳۹۳/۷/۱۰، ۲۰:۵۵:۱۵ عصر) ، Amin Yaghubi (۱۳۹۳/۷/۱۰، ۲۱:۳۲:۴۲ عصر) ، شماره مجازی (۱۴۰۱/۸/۲۶، ۰۱:۵۵:۲۵ صبح) ، گراف مسنجر (۱۴۰۱/۱۰/۳، ۰۴:۱۷:۱۲ صبح) ، چارتر ۴۲۴ (۱۴۰۲/۹/۱۲، ۱۵:۱۹:۴۲ عصر)


پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان