gol
gol

hardy

خسته شو گر مرهمی می‌بایدت

دم مزن گر همدمی می‌بایدت

تا در اثباتی تو بس نامحرمی

محو شو گر محرمی می‌بایدت
«عطار نیشابوری»

×

توجه : دو ارسال نخستِ کاربرانِ جدید در تالار میدوری , پیش از نمایش , نیاز به تایید مدیریت دارند.

Latest Threads  آخرین ارسال ها :
نمایش آخرین ارسال این موضوع
 
امتیاز موضوع:
  • 6 رأی - میانگین امیتازات : 3
  • 1
  • 2
  • 3
  • 4
  • 5
 
  
1 کاربر حاضر در تاپیک: (0 عضو, و 1 مهمان). 1 مهمان
نویسنده:میدوری
آخرین ارسال:میدوری
پاسخ: 5
بازدید: 2445
subscription
quickreply advancequickreply report



( MyBB ) زیبا سازی بخش ناوبری در پوسته های MyBB
  نویسنده پیام  | تغییر اندازه ی متن:  zoomin zoomout default
admin میدوری profile  
آفلاین
مدیر کل تالار
مدالهای میدوری1000500
1001011720
168241051
دسترسی به میدوری
ارسال یک ایمیل به این کاربر ارسال یک پیام خصوصی به این کاربر مشاهده وب سایت کاربر یافتن تمامی ارسال های این کاربر اعتبار:
اطلاعات میدوری


تاریخ عضویت: 05 November 2011

ارسال ها: 1,732
شماره کاربری: 1
میزان اعتبار:

محل سکونت: تهران
ماه تولد:
جنسيت:
تماس با میدوری
حالت میدوری
صفحه های میدوری
گوگل پلاس فیس بوک توییتر یوتیوب کلوب
اینستاگرام تلگرام
ارسال: #1
Heart زیبا سازی بخش ناوبری در پوسته های MyBB

rightarrow
زیبا سازی بخش ناوبری در پوسته های MyBB

اگر پوسته تازه ای نصب کرده اید و هنوز در ابتدای زیبا سازی هستید و اگر پوسته شما ساده است , می توانید از راه کار زیر برای یک گام به جلو برای زیبایی بیشتر پوسته خود بهره ببرید. ابتدا تصویر های نمونه را ببینید در صورت علاقه مند شدن مراحل زیر را یک به یک انجام بدهید ( پلاگینی در کار نیست ) .

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

کد PHP:
.secondary {
    background: #eeeeee;
    overflow: hidden;
    margin: 0;
    padding: 0px;
    border-radius: 2px;
    border: 1px solid #cbcbcb;
    text-shadow: 1px 1px 0px #fafafa;
    font-size: 13px;
    font-family:Tahoma, Arial;
}

.breadcrumb {
    list-style: none;
    overflow: hidden;
    margin: 0;
    padding: 0px;
    max-height:30px;
}

.breadcrumb li {
    float: right;
}

.breadcrumb li a {
    background: #eeeeee;
    color: #777777;
    padding-top: 5px;
    padding-bottom:8px;
    padding-right:40px;
    padding-left:0;
    position: relative;
    display: block;
    float: right;
    
    text-decoration: none;
}

.breadcrumb li a:after {
    content: " ";
    display: block;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-right: 25px solid #eeeeee;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    right: 100%;
    z-index: 2;
}

.breadcrumb li a:before {
    content: " ";
    display: block;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-right: 25px solid #cbcbcb;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-right: 1px;
    right: 100%;
    z-index: 1;
}

.breadcrumb li:first-child a {
    padding-right: 10px;
}

.breadcrumb li:last-child a {
}

.breadcrumb li a:hover {
    background: #f5f5f5;
    color: #777777;
}

.breadcrumb li a:hover:after {
    border-right-color: #f5f5f5 !important;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82

گام دوم:
به بخش قالب ها و پوسته ها ----> قالب ها ----> قالب مورد استفاده شما ---> ویرایش قالب ----> گزینه ها . نمایش زیر مجموعه --->
Navigation Templates ---> nav
برويد و کدهای زیر را با تمام کدهای موجود در این بخش جایگرین کنید

کد PHP:
<div>
<ul>
<li><a href="{$mybb->settings['bburl']}/index.php" title="Home">
<img src="{$mybb->settings['bburl']}/images/home.gif" alt=Home" /></a></li>
{$nav}{$activebit}</ul></div>


گام سوم:

به بخش قالب ها و پوسته ها ----> قالب ها ----> قالب مورد استفاده شما ---> ویرایش قالب ----> گزینه ها . نمایش زیر مجموعه --->
Navigation Templates ---> navbit
بروید و تمام کدهای موجود در این بخش را با کد های زیر جایگزین کنید

کد PHP:
<li><a href="{$navbit['url']}">{$navbit['name']}</a></li>

گام چهارم:
به بخش قالب ها و پوسته ها ----> قالب ها ----> قالب مورد استفاده شما ---> ویرایش قالب ----> گزینه ها . نمایش زیر مجموعه --->
Navigation Templates ---> nav_bit_active
بروید و تمام کدهای موجود در این بخش را با کد های زیر جایگزین کنید

کد PHP:
<li><a href="#">{$navbit['name']}</a></li>

گام پنجم:
فایل ضمیمه را دریافت کنید و تصویر موجود در آن را در پوشه images آپلود کنید . در فایل فشرده , یک فایل css هم قرار داده ام تا در صورتی که خواسته باشید بتوانید فایل را در جایی آپلود کنید و آدرس دهی نمایید ( با این کار دیگر نیازی به اجرای گام یکم ندارید ) . برای اجرای فایل css
به بخش قالب ها و پوسته ها ----> قالب ها ----> قالب مورد استفاده شما ---> ویرایش قالب ----> گزینه ها . نمایش زیر مجموعه --->
قالب های گروه بندی نشده ---> headerinclude
برويد و کد زیر را در آن وارد کنید

کد PHP:
<link href="breadcrumb.css" rel="stylesheet" type="text/css" />

کار تمام است . امید که مورد استفاده قرار بگیرد .
==============
image image image
==============

needs.rar
 ارسال کننده فايل admin میدوری download
 نوع فايل .rar
 اندازه 1.07 KB
 دفعات دانلود 69 بار
 گيرنده(های) فايل
( member aligol , member LIFE , member mahmod1221 , m yasan100 , m into , member hp618 , member آشپزخانوم , member ali537 , member dashamir )
 آخرین زمان دانلود 13 - May - 2017, 41 : 04 PM





امضای میدوری :
[تصویر: mvd09b5.gif]
[تصویر: midori-sign-400.png]
( آخرین ویرایش در این ارسال: 24 - November - 2013 37 : 01 AM، توسط : میدوری .::. دلیل ویرایش: )
محل حضور کاربر در تالار :  admin میدوری در تالار ميدوری حضور ندارد .
ديدگاه کاربران برای مطلب : help (روی آیکون مورد نظر کلیک کنید تا دیدگاه شما ثبت شود . در صورت انصراف تا دوبار می توانید دیدگاه خود را ثبت کنید . برای پاک کردن دیدگاه روی همان آیکون یک بار کلیک کنید تا دیدگاه شما پاک شود .)

برچسب ها :

03 - May - 2013 13 : 12 AM
اعتبار: اهدای موجودی بــانــکــ نقل قول این ارسال در یک پاسخ
member mahmod1221 profile  
آفلاین
کاربر تالار
مدالهای mahmod12211051
دسترسی به mahmod1221
ارسال یک ایمیل به این کاربر ارسال یک پیام خصوصی به این کاربر یافتن تمامی ارسال های این کاربر اعتبار:
اطلاعات mahmod1221


تاریخ عضویت: 21 June 2013

ارسال ها: 3
شماره کاربری: 627
میزان اعتبار:
تماس با mahmod1221
حالت mahmod1221
صفحه های mahmod1221

ارسال: #2
RE: زیبا سازی بخش ناوبری در پوسته های MyBB

rightarrow
سلام برای من کار نکرد و به این شکل در اومد مو به مو انجام دادم چیکار کنم درست بشه؟



[تصویر: 13718367321.png]




( آخرین ویرایش در این ارسال: 21 - June - 2013 06 : 11 PM، توسط : میدوری .::. دلیل ویرایش: )
محل حضور کاربر در تالار :  member mahmod1221 در تالار ميدوری حضور ندارد .
ديدگاه کاربران برای مطلب : help (روی آیکون مورد نظر کلیک کنید تا دیدگاه شما ثبت شود . در صورت انصراف تا دوبار می توانید دیدگاه خود را ثبت کنید . برای پاک کردن دیدگاه روی همان آیکون یک بار کلیک کنید تا دیدگاه شما پاک شود .)

21 - June - 2013 16 : 09 PM
اعتبار: اهدای موجودی بــانــکــ نقل قول این ارسال در یک پاسخ
admin میدوری profile  
آفلاین
مدیر کل تالار
مدالهای میدوری1000500
1001011720
168241051
دسترسی به میدوری
ارسال یک ایمیل به این کاربر ارسال یک پیام خصوصی به این کاربر مشاهده وب سایت کاربر یافتن تمامی ارسال های این کاربر اعتبار:
اطلاعات میدوری


تاریخ عضویت: 05 November 2011

ارسال ها: 1,732
شماره کاربری: 1
میزان اعتبار:

محل سکونت: تهران
ماه تولد:
جنسيت:
تماس با میدوری
حالت میدوری
صفحه های میدوری
گوگل پلاس فیس بوک توییتر یوتیوب کلوب
اینستاگرام تلگرام
ارسال: #3
RE: زیبا سازی بخش ناوبری در پوسته های MyBB

rightarrow
از تصویر پیداست که استایل انجام نشده . استایل کار را باز بینی کنید . اگر در global.css درست ریخته باشید و عمل نکردو یا اگر راه کار ارایه شده در گام پنجم را انجام داده باشید و اگر گام پنجم را هم درست آدرس دهی کرده باشید و باز هم عمل نکرد باید استایل را با دستور

کد PHP:
<style></style>

درداخل بخش ناوبری بریزید تا مستقیما از داخل ناوبری اجرا شود . Heart





امضای میدوری :
[تصویر: mvd09b5.gif]
[تصویر: midori-sign-400.png]
( آخرین ویرایش در این ارسال: 22 - June - 2013 56 : 11 AM، توسط : میدوری .::. دلیل ویرایش: )
محل حضور کاربر در تالار :  admin میدوری در تالار ميدوری حضور ندارد .
ديدگاه کاربران برای مطلب : help (روی آیکون مورد نظر کلیک کنید تا دیدگاه شما ثبت شود . در صورت انصراف تا دوبار می توانید دیدگاه خود را ثبت کنید . برای پاک کردن دیدگاه روی همان آیکون یک بار کلیک کنید تا دیدگاه شما پاک شود .)

22 - June - 2013 48 : 11 AM
اعتبار: اهدای موجودی بــانــکــ نقل قول این ارسال در یک پاسخ


subscription
quickreply advancequickreply report

موضوع های مرتبط با این موضوع...
موضوع: نویسنده پاسخ: بازدید: آخرین ارسال
MYBB mybb [1.8] پوسته ی خود را هزار رنگ کنید میدوری 0 3,505 01 - October - 2014 58 : 07 PM
آخرین ارسال: میدوری
MYBB mybb ویژه سازی زمینه ی پست ها برای هر گروه کاربری میدوری 0 3,969 04 - July - 2014 39 : 05 PM
آخرین ارسال: میدوری
Flower mybb بهینه سازی کلید تبدیل موضوعات (حالت موضوعی/حالت خطی) میدوری 0 783 12 - May - 2014 42 : 11 PM
آخرین ارسال: میدوری
Heart mybb آموزش زیبا سازی بخش پست ها ( بخش دوم با تصویر ) میدوری 4 2,670 09 - May - 2014 06 : 07 PM
آخرین ارسال: میدوری
Eye Blink mybb رفع یک باگ در محروم و رفع محروم سازی کاربران میدوری 0 916 24 - April - 2014 12 : 08 PM
آخرین ارسال: میدوری

بازديدکنندگان از موضوع
کاربرانی که از موضوع بازدید کرده اند ( 9 ) کاربر

ابزار موضوع



1 کاربر حاضر در تاپیک: (0 عضو, و 1 مهمان). 1 مهمان