مهمان عزیز خوش آمدید. ورود ثبت نام



صفحه‌ها (2):
امتیاز موضوع:
  • 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5

[-]
کلمات کلیدی
آموزش ایجاد منوی ضربه ای

آموزش ایجاد منوی ضربه ای
سلام به دوستان عزیز
امروز می خوام براتون آموزش بدم چطور میشه یک منوی ضربه ای به سبک ویندوز ۸ داشت، در قالب فعلی پشتیبانی هم (در قسمت کنترل پنل کاربر) از این سبک منو استفاده شده اما فکر میکنم با جی کوئری باشه. آموزش من ۱۰۰٪ سی اس اس هست.من آموزش رو برای کنترل پنل کاربر می دم شما می تونید در هر جای دیگه هم خواستید با اندکی تغییر کد ها استفاده کنید. از آموزش استفاده کنید ولی در جایی کپی نکنید. منبع : amhf@my-bb.ir
نمونه آنلاین mybb.gigblog.ir/usercp.php
شات : پیوست شد.

خوب ابتدا به قالب usercp برید.کد





کد:
{$usercpnav}

رو پیدا کنید و حذفش کنید.
قبل از کد

کد:
</head>
کد

کد:
<style type="text/css">
.right{transition-property: width,opacity;transition-duration: 500ms;transition-delay: 100ms;-moz-transition-property: width,opacity;-moz-transition-duration: 500ms;-moz-transition-delay: 100ms;-webkit-transition-property: width,opacity;-webkit-transition-duration: 500ms;-webkit-transition-delay: 100ms;-o-transition-property: width,opacity;-o-transition-duration: 500ms;-o-transition-delay: 100ms;width:50px;height:100%;top:0;right:0;z-index:10;position:fixed;opacity:0;filter:alpha(opacity=0);overflow:auto;}
.right:hover {width:200px;height:100%;opacity:1;filter:alpha(opacity=100);}
.pm{text-decoration: blink;margin:15px 0 15px 0;background:#ffeb90 ;font-size:17px;color:red;padding:5px 10px;margin-bottom:5px;-moz-box-shadow:2px 2px 2px #c8c8c8;-webkit-box-shadow:2px 2px 2px #c8c8c8;box-shadow:2px 2px 2px #c8c8c8;text-align:center;clear:both}
</style>
رو اضافه کنید.
کد

کد:
{$header}
رو پیدا کنید و بعدش کد


کد:
<div class="right">{$usercpnav}</div> <div class="pm">(توجه : برای دسترسی به منوی کنترل پنل ، به نشانگر ماوس به سمت راست صفحه ضربه بزنید.)</div>
رو اضافه کنید.

****************آپدیت****************

به درخواست کاربران عزیز، زمان تاخیر هم اضافه شد. به این ترتیب منو قابلیت دو افکت باز شدن و فید رو پیدا کرد.
تنظیمات: به طور پیش فرض 100 میلی ثانیه زمان تاخیر و 500 میلی ثانیه زمان انجام افکت رو براتون در نظر گرفتم. اگر خواستید تغییر بدید عبارات 500ms و 100ms رو با کنترل+F پیدا کرده و با مقادیر دلخواه عوض کنید.

تمام شد.


فایل‌های پیوست
تصاویر بندانگشتی
       


انجمن مهندسان نفت ایران

اراده پل نیل به موفقیت!
درود.

این فقط صفحه اصلی کنترل پنل رو اینطوری میکنه ...

میشه بگیر جچطور همه صفحاتشو اینطوری کنم ؟
برای اینکه پنل ناظم رو اینطوری کنم باید usercp هارو به modcp تبدیل کنم یا تغییر دیگه ای هم داره ؟

ممنون.


یه مدت نمیتونم فعالیتی داشته باشم ! Sad
وقتی برگردم .... Idea
 نه توی هر صفحه که بخوای از این منو ها درست کنی باید کد css رو اونجا بذاری هم چنین به همین شکل باید متغیر که در اینجا {$usercpnav} هست رو با متغیر مناسب همون صفحه عوض کنی. بقیه کار ها مشابهه. اگر هم در صفحات زیادی می خوای از این قابلیت استفاده کنی می تونی کد سی اس اس رو در گلوبال بذاری. (پیشنهاد نمیشه)


انجمن مهندسان نفت ایران

اراده پل نیل به موفقیت!
ببخشید من این کارو برای پنل مدیر انجام دادم ولی نشد :|

Big Grin
این کدو :
{$modcp_nav}
به جای
{$usercpnav}
حذف کردم ...
بقیه هم مثله ماله کنترل پنل اعضا ولی وقتی میبرم موسو به راست به جای منو ناظم ، یه منو سفید میاد .
مشکل چیه ?


یه مدت نمیتونم فعالیتی داشته باشم ! Sad
وقتی برگردم .... Idea
خب توی کد آخر هم باید همین کار رو انجام بدید Smile یعنی {$modcp_nav} رو بجای اون قبلی بذارید.


انجمن مهندسان نفت ایران

اراده پل نیل به موفقیت!
من توی usercp چنین تگی ندارم /
{$usercpnav}

تصویر: http://my-bb.ir/images/smilies/biggrin.gif


به زودی
Heartتوی usercontrol panet themplate  ( همچین چیزایی ) ....
اگه نباشه قالبتون خرابه .


یه مدت نمیتونم فعالیتی داشته باشم ! Sad
وقتی برگردم .... Idea
اصن واس من head هم نداره .
یوزر سی پی من اینه کدش
کد پی‌اچ‌پی:
.usercp_nav_item {
    
displayblock;
    
padding1px 25px 1px 1px;
}
.
usercp_nav_composepm {
    
backgroundurl(images/usercp/composepm.gifno-repeat right center;
}

.
usercp_nav_pmfolder {
    
backgroundurl(images/usercp/pmfolder.gifno-repeat right center;
}

.
usercp_nav_sub_pmfolder {
    
padding-right40px;
    
backgroundurl(images/usercp/sub_pmfolder.gifno-repeat right center;
}

.
usercp_nav_trash_pmfolder {
    
padding-right40px;
    
backgroundurl(images/usercp/trash_pmfolder.gifno-repeat right center;
}

.
usercp_nav_pmtracking {
    
backgroundurl(images/usercp/pmtracking.gifno-repeat right center;
}

.
usercp_nav_pmfolders {
    
backgroundurl(images/usercp/editfolders.gifno-repeat right center;
}

.
usercp_nav_profile {
    
backgroundurl(images/usercp/profile.gifno-repeat right center;
}

.
usercp_nav_email {
    
padding-right40px;
    
backgroundurl(images/usercp/email.gifno-repeat right center;
}

.
usercp_nav_password {
    
padding-right40px;
    
backgroundurl(images/usercp/password.gifno-repeat right center;
}

.
usercp_nav_username {
    
padding-right40px;
    
backgroundurl(images/usercp/username.gifno-repeat right center;
}

.
usercp_nav_editsig {
    
padding-right40px;
    
backgroundurl(images/usercp/editsig.gifno-repeat right center;
}

.
usercp_nav_avatar {
    
padding-right40px;
    
backgroundurl(images/usercp/avatar.gifno-repeat right center;
}

.
usercp_nav_options {
    
backgroundurl(images/usercp/options.gifno-repeat right center;
}

.
usercp_nav_usergroups {
    
backgroundurl(images/usercp/usergroups.gifno-repeat right center;
}

.
usercp_nav_editlists {
    
backgroundurl(images/usercp/editlists.gifno-repeat right center;
}

.
usercp_nav_attachments {
    
backgroundurl(images/usercp/attachments.gifno-repeat right center;
}

.
usercp_nav_drafts {
    
backgroundurl(images/usercp/drafts.gifno-repeat right center;
}

.
usercp_nav_subscriptions {
    
backgroundurl(images/usercp/subscriptions.gifno-repeat right center;
}

.
usercp_nav_fsubscriptions {
    
backgroundurl(images/usercp/fsubscriptions.gifno-repeat right center;
}

.
usercp_nav_notepad {
    
backgroundurl(images/usercp/notepad.gifno-repeat right center;
}

.
usercp_nav_viewprofile {
    
backgroundurl(images/usercp/viewprofile.gifno-repeat right center;
}

.
usercp_nav_home {
    
backgroundurl(images/usercp/home.gifno-repeat right center;
}

.
usercp_notepad {
    
width99%;
}

.
usercp_container {
    
margin5px;
    
padding8px;
    
border:1px solid #CCCCCC;

چه کنم؟


به زودی
(۰۵ مرداد ۱۳۹۲، ۰۶:۰۳ ب.ظ)ar 98 نوشته:  اصن واس من head هم نداره .
یوزر سی پی من اینه کدش
کد پی‌اچ‌پی:
.usercp_nav_item {
    displayblock;
    padding1px 25px 1px 1px;
}
.
usercp_nav_composepm {
    backgroundurl(images/usercp/composepm.gifno-repeat right center;
}

.
usercp_nav_pmfolder {
    backgroundurl(images/usercp/pmfolder.gifno-repeat right center;
}

.
usercp_nav_sub_pmfolder {
    padding-right40px;
    backgroundurl(images/usercp/sub_pmfolder.gifno-repeat right center;
}

.
usercp_nav_trash_pmfolder {
    padding-right40px;
    backgroundurl(images/usercp/trash_pmfolder.gifno-repeat right center;
}

.
usercp_nav_pmtracking {
    backgroundurl(images/usercp/pmtracking.gifno-repeat right center;
}

.
usercp_nav_pmfolders {
    backgroundurl(images/usercp/editfolders.gifno-repeat right center;
}

.
usercp_nav_profile {
    backgroundurl(images/usercp/profile.gifno-repeat right center;
}

.
usercp_nav_email {
    padding-right40px;
    backgroundurl(images/usercp/email.gifno-repeat right center;
}

.
usercp_nav_password {
    padding-right40px;
    backgroundurl(images/usercp/password.gifno-repeat right center;
}

.
usercp_nav_username {
    padding-right40px;
    backgroundurl(images/usercp/username.gifno-repeat right center;
}

.
usercp_nav_editsig {
    padding-right40px;
    backgroundurl(images/usercp/editsig.gifno-repeat right center;
}

.
usercp_nav_avatar {
    padding-right40px;
    backgroundurl(images/usercp/avatar.gifno-repeat right center;
}

.
usercp_nav_options {
    backgroundurl(images/usercp/options.gifno-repeat right center;
}

.
usercp_nav_usergroups {
    backgroundurl(images/usercp/usergroups.gifno-repeat right center;
}

.
usercp_nav_editlists {
    backgroundurl(images/usercp/editlists.gifno-repeat right center;
}

.
usercp_nav_attachments {
    backgroundurl(images/usercp/attachments.gifno-repeat right center;
}

.
usercp_nav_drafts {
    backgroundurl(images/usercp/drafts.gifno-repeat right center;
}

.
usercp_nav_subscriptions {
    backgroundurl(images/usercp/subscriptions.gifno-repeat right center;
}

.
usercp_nav_fsubscriptions {
    backgroundurl(images/usercp/fsubscriptions.gifno-repeat right center;
}

.
usercp_nav_notepad {
    backgroundurl(images/usercp/notepad.gifno-repeat right center;
}

.
usercp_nav_viewprofile {
    backgroundurl(images/usercp/viewprofile.gifno-repeat right center;
}

.
usercp_nav_home {
    backgroundurl(images/usercp/home.gifno-repeat right center;
}

.
usercp_notepad {
    width99%;
}

.
usercp_container {
    margin5px;
    padding8px;
    border:1px solid #CCCCCC;
}
         
چه کنم؟

عزیزم نگاه کن نوشته توی قالب‌ها !!!!!!!!!!!


دعای خیر برای اعضای گروه مای بی‌بی فارسی را فراموش نکنید!تصویر: http://www.cdn.my-bb.ir/images/smilies-v6/lightbulb.gif

HeartHeart خیلی التماس دعا دارم... دعام کنید لطفا HeartHeart

اگر از گروه مای بی‌بی فارسی راضی هستید، پس لطفا آنرا حمایت کنید: حمایت می‌کنم
توی قالب ها هم نیست . متوجه نشدم دقیقا الان من توی هیچ کدوم از قالبام ندارم اینو /
منظورتون global.css


به زودی
صفحه‌ها (2):


موضوعات مشابه ...
موضوع نویسنده پاسخ بازدید آخرین ارسال
Question آموزش ایجاد rss نمایش خبر خوان اختصاصی sepna 11 2,734 ۰۹ شهریور ۱۳۹۴، ۰۲:۵۵ ب.ظ
آخرین ارسال: majidtalkhab
  آموزش تصویری ثبت سایت در الکسا ♥ Alone Boy ♥ 3 2,268 ۰۶ فروردین ۱۳۹۴، ۰۵:۱۸ ب.ظ
آخرین ارسال: Agahi90
  آموزش رفع مشکل ورود و خروج(بازگشت به صفحه قبل ) farsi200 9 4,401 ۲۷ تير ۱۳۹۳، ۱۱:۴۳ ق.ظ
آخرین ارسال: farsi200
  آموزش نصب و راه اندازی چت روم cometchat Mr-javad 9 4,246 ۲۵ تير ۱۳۹۳، ۱۰:۰۹ ب.ظ
آخرین ارسال: sarmadi
  آموزش تصویری نصب قالب مای بی بی - کامل و جامع _Arman 2 4,951 ۰۶ تير ۱۳۹۳، ۰۵:۱۴ ب.ظ
آخرین ارسال: behnam
  آموزش نوفالو کردن لینک های خروجی در مای بی بی yavar99 0 1,193 ۰۶ تير ۱۳۹۳، ۰۲:۳۰ ق.ظ
آخرین ارسال: yavar99
  آموزش تصویری نصب اسکریپت arrowchat و ست کردن آن با mybb maneoo 11 5,133 ۲۳ خرداد ۱۳۹۳، ۰۱:۲۶ ب.ظ
آخرین ارسال: naghola
  یه هدیه به مناسبت عید منوی اسکرول زیبا yasan100 4 1,054 ۱۴ اسفند ۱۳۹۲، ۰۵:۱۲ ب.ظ
آخرین ارسال: yasan100
  آموزش ایجاد چت روم envolve بسیار سبک و کار آمد Mr-javad 11 5,230 ۱۴ آذر ۱۳۹۲، ۱۰:۰۵ ب.ظ
آخرین ارسال: 3yeddd
  آموزش ست کردن پلاگین thx با سپاس لایک I M A N 0 1,041 ۱۱ آبان ۱۳۹۲، ۰۶:۲۵ ب.ظ
آخرین ارسال: I M A N

پرش به انجمن:


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

1 مهمان


درباره‌ی ما

گروه پشتیبانی فارسی مای بی بی My-BB.Ir در واپسین روزهای پاییز 1391 کار خود را در زمینه مای بی بی آغاز کرد. این گروه با توکل بر خدای منان و دانش فنی خود در تلاش است فعالیتی هرچند ناچیز در زمینه ارتقا و پشتیبانی مای بی بی انجام دهد.
تمامی حقوق برای وب‌سایت پشتیبانی فارسی مای بی‌بی (My-BB.Ir) محفوظ می‌باشد و هرگونه کپی‌برداری از آن شرعا حرام و قانونا غیرمجاز می‌باشد.
قدرت گرفته از مای بی‌بی - فارسی‌ساز: My-BB.Ir و IORA.Ir