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



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

[-]
کلمات کلیدی
آموزش زیبا سازی قسمت navigation

آموزش زیبا سازی قسمت Navigation
نویسنده: My-BB.Ir Group
برای اینکار به مسیر قالب ها و پوسته ها در پوسته ها در پوسته مورد نظر در global.css در ویرایش پیشرفته کد زیر را به آخر آن اضافه نمائید:

کد:
#breadcrumb{
background:#e0e0e0 url(http://my-bb.ir/images/MyBB/breadcru.png) repeat-x 0 0;
border:1px solid #d6d6d6;
text-shadow:#fff 0px 1px 0px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:rgba(0,0,0,0.05) 0px 1px 2px;
-moz-box-shadow:rgba(0,0,0,0.05) 0px 1px 2px;
box-shadow:rgba(0,0,0,0.05) 0px 1px 2px;
overflow:hidden;
line-height:37px;
margin-bottom:4px;
clear:right;
direction:ltr;
}

#breadcrumb a{
color:#757575;
line-height:37px;
height:37px;
direction:ltr;
}

#breadcrumb a:hover{
color:#222;
}

#breadcrumb #nbar li{
float:right;
}
#breadcrumb #nbar li a{
padding-right:12px;
margin-right:-9px;
background:url(http://my-bb.ir/images/MyBB/breadcrv.png) no-repeat 100% 0;
display:block;
outline:none;
text-decoration:none;
direction:ltr;
}

#breadcrumb #nbar li.first a{
margin-right:0;
background:none;
padding-right:0px;
}

#breadcrumb #nbar li span{
display:block;
padding-left:17px;
padding-right:4px;
background:url(http://my-bb.ir/images/MyBB/breadcrv.png) no-repeat 0 0;
}

#breadcrumb #nbar li>span{
padding-right:4px;
background:none transparent;
direction:ltr;
}

#breadcrumb #nbar li.first a span{
padding-right:12px;
-webkit-border-top-right-radius:3px;
-webkit-border-bottom-right-radius:3px;
-moz-border-radius:0 3px 3px 0;
border-radius:0 3px 3px 0;
}

#breadcrumb #nbar li a:hover{
background-position:100% -43px;
}

#breadcrumb #nbar li a:hover span{
background-position:0 -43px;
}

#breadcrumb #nbar li a:active{
background-position:100% -86px;
}

#breadcrumb #nbar li a:active span{
background-position:0 -86px;
}
سپس در قالب ها و پوسته ها در قالب ها در قالب مورد نظر در Navigation Template
قالب nav را به کد زیر:

کد:
<div id="breadcrumb">
<ul id="nbar" class="floatcontainer">
<li class="navbithome"><a href="{$mybb->settings['bburl']}" accesskey="1"><span><img src="http://my-bb.ir/images/MyBB/home.png" style="padding:3px 6px 5px 4px"></span></a></li>
{$nav}{$activesep}{$activebit}
</div>
قالب nav_bit را به کد زیر:

کد:
<li class="navbit"><a href="{$navbit['url']}"><span style="direction:rtl;">{$navbit['name']}</span></a></li>
قالب nav_bit_active را به کد زیر:

کد:
<li class="navbit"><a><span style="direction:rtl;">{$navbit['name']}</span></a></li>
تبدیل کنید و
محتویات قالب nav_sep و nav_sep_active را پاک کنید.
ــــــــــــــــــــ
استفاده تنها برای کاربرانی که از فارسی ساز ما استفاده می کنند و کپی رایت این وبسایت را حذف نکردند مجاز می باشد.


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

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

اگر از گروه مای بی‌بی فارسی راضی هستید، پس لطفا آنرا حمایت کنید: حمایت می‌کنم
پاسخ
نمونه لطفا Angel


پاسخ
نمونه همین انجمن!
پشتیبانی رسمی مای بی بی در ایران!!!


پاسخ
سلام من این کارها رو که گفتین انجام دادم ولی اینطور شد مثل عکس
چی کار باد بکنم متن بالا تر بیاد


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


تصویر: http://www.forum.pgamedev.net/images/mybb-pro/logo.gif
پاسخ
(۱۸ دى ۱۳۹۱، ۰۱:۵۶ ق.ظ)040147 نوشته:  سلام من این کارها رو که گفتین انجام دادم ولی اینطور شد مثل عکس
چی کار باد بکنم متن بالا تر بیاد
این کد ها را در اول global.css اضافه کنید:
کد:
body, ul, li, div, span, a {
margin:0;
}


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

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

اگر از گروه مای بی‌بی فارسی راضی هستید، پس لطفا آنرا حمایت کنید: حمایت می‌کنم
پاسخ
با سلام و تشکر از شما
اقا اون مشکل هم حل شد.
یه راهنمایی دیگه میخواستم Navigation من کوچیکتره چی کار کنم مثل مال شما بزرگتر بشه؟


تصویر: http://www.forum.pgamedev.net/images/mybb-pro/logo.gif
پاسخ
(۱۸ دى ۱۳۹۱، ۰۱:۴۱ ب.ظ)040147 نوشته:  با سلام و تشکر از شما
اقا اون مشکل هم حل شد.
یه راهنمایی دیگه میخواستم Navigation من کوچیکتره چی کار کنم مثل مال شما بزرگتر بشه؟
بر اساس کل قالب سایت هست اندازه...
اگه شما عرض قالبتون کوچیک باشه نویگیشن هم کوچک و اگه عرض قالبتون بزرگ باشه این هم بزرگ هست....


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

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

اگر از گروه مای بی‌بی فارسی راضی هستید، پس لطفا آنرا حمایت کنید: حمایت می‌کنم
پاسخ
خیلی ممنون از راهنماییتون
خوب کاملا روشن شدم
1 مشکل باقی مونده
که اینه هایلایت ها سر جای خودشون نمی مونن یکم فاصله دارن تصویر خونه هم بزرگه یکم
چی کار کنم؟


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


تصویر: http://www.forum.pgamedev.net/images/mybb-pro/logo.gif
پاسخ
(۱۸ دى ۱۳۹۱، ۰۲:۲۳ ب.ظ)040147 نوشته:  خیلی ممنون از راهنماییتون
خوب کاملا روشن شدم
1 مشکل باقی مونده
که اینه هایلایت ها سر جای خودشون نمی مونن یکم فاصله دارن تصویر خونه هم بزرگه یکم
چی کار کنم؟
چند ارسال قبل یک کد داده بودم بهتون قرار بدید...
به جای اون کد این کد رو قرار بدید:
کد:
body, ul, li, div, span, a {
margin:0;
padding:0;
}
عکس خونه اگه از نظرتون بزرگه یه عکس کوچکتر انتخاب کنید و قرار بدید.


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

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

اگر از گروه مای بی‌بی فارسی راضی هستید، پس لطفا آنرا حمایت کنید: حمایت می‌کنم
پاسخ
ممنون بابت آموزش ها
من فعلا تو لوکال هاست در حال انجام تست و رفع ایراد هایم هستم .
این آموزش رو هم بر روی قالب اعمال کردم .
الان تقریبا درست شده فقط یه مشکل کوچولو دارم .
عکس زیر رو ببینید:
تصویر: http://upload.tehran98.com/img1/4gw874wp2p7ekfagnoe.jpg
کلا موقع بار گزاری صفحه دیده میشه که اول هر لینک این قسمت یک نقطه وجود داره - که پس از لود کامل صفحه به این صورت که در عکس
مشخصه یک نقطه در آخر  navigation  در هر صفحه که باشیم میوفته .
راه حلی داره ؟

و در مرورگر
IE
هم به صورت شکل زیر باز میشه که باز فکر کنم وجود نقطه ها باعث میشه :
تصویر: http://upload.tehran98.com/img1/0c62qq3xtasqnlsaq0el.jpg


 


آدرس سایت: در حال ساخت ...
پاسخ
صفحه‌ها (8):
  • 1
  • 2
  • 3
  • 4
  • 5
  • ...
  • 8
  •   
  • بعدی »


موضوعات مشابه ...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  آموزش سازگاری پوسته های 1.6 با 1.8 mellat 3 1,420 ۱۲ آذر ۱۳۹۵، ۰۴:۱۳ ب.ظ
آخرین ارسال: Drow-Ranger
  آموزش افزودن دنبال کردن انجمن در شبکه های اجتماعی farsi200 1 930 ۰۷ آبان ۱۳۹۴، ۱۱:۱۴ ب.ظ
آخرین ارسال: Tofighi
  آموزش ایجاد امکانات برای انجمن ها Tofighi 8 11,847 ۰۷ آبان ۱۳۹۴، ۱۱:۱۳ ب.ظ
آخرین ارسال: Tofighi
  آموزش ستونی کردن انجمن‌ها Tofighi 0 390 ۲۸ خرداد ۱۳۹۴، ۱۱:۴۷ ب.ظ
آخرین ارسال: Tofighi
  آموزش زیبا سازی تعداد ارسال‌ها و موضوع‌ها در قالب MyBBPro ERFAN-DESIGN 0 1,238 ۰۴ بهمن ۱۳۹۳، ۱۰:۳۹ ب.ظ
آخرین ارسال: ERFAN-DESIGN
  آموزش استفاده از Font Awesome برای نماد‌های انجمن Tofighi 0 743 ۰۱ دى ۱۳۹۳، ۰۵:۴۸ ب.ظ
آخرین ارسال: Tofighi
  آموزش زیبا سازی قسمت Navigation Tofighi 79 15,309 ۲۳ آبان ۱۳۹۳، ۰۳:۳۸ ب.ظ
آخرین ارسال: KalKalForum
  آموزش تنظیم سرعت سایت behnam 13 3,115 ۲۶ آبان ۱۳۹۲، ۰۵:۱۰ ب.ظ
آخرین ارسال: gentelman

پرش به انجمن:


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

1 مهمان


درباره‌ی ما

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