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



صفحه‌ها (8):
  • 1
  • 2
  • 3
  • 4
  • 5
  • ...
  • 8
  •   
  • بعدی »
امتیاز موضوع:
  • 3 رای - 4 میانگین
  • 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
  •   
  • بعدی »


موضوعات مشابه ...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  آموزش متصل کردن کاربران مای‌بی‌بی به وردپرس Tofighi 22 5,097 ۰۳ تير ۱۳۹۴، ۰۲:۵۹ ب.ظ
آخرین ارسال: Mohammadreza477
  آموزش تب بندی پروفایل به سبک VB Tofighi 162 29,657 ۱۱ فروردین ۱۳۹۴، ۰۶:۰۴ ب.ظ
آخرین ارسال: Masoud_MI
  آموزش ساخت صفحات جداگانه پی اچ پی برای مای بی بی mybb 1 1,861 ۱۹ آبان ۱۳۹۳، ۰۶:۵۷ ب.ظ
آخرین ارسال: sajad1441
  آموزش فعال سازی Html امضا برای گروه‌های خاص Tofighi 5 2,646 ۲۲ مهر ۱۳۹۳، ۱۱:۴۷ ب.ظ
آخرین ارسال: akpar
  آموزش ست کردن مای بی بی با آمارگیر piwik TaK DoKhTaR 20 6,107 ۰۲ خرداد ۱۳۹۳، ۰۸:۳۸ ب.ظ
آخرین ارسال: Mehr@ban
  آموزش سئو وبسایت با استفاده از تگهای heading Tofighi 35 7,191 ۰۲ خرداد ۱۳۹۳، ۰۵:۴۸ ب.ظ
آخرین ارسال: Mehr@ban
  آموزش تبدیل اعداد انگلیسی به فارسی در MyBB Tofighi 5 2,503 ۲۹ دى ۱۳۹۲، ۱۲:۴۱ ب.ظ
آخرین ارسال: Amir-Me
Star آموزش ایجاد تولتیپ ویژه v2 KoG 10 3,170 ۲۵ دى ۱۳۹۲، ۱۲:۵۵ ب.ظ
آخرین ارسال: Arsalan
  آموزش ایجاد نوار نمایش امکانات Tofighi 48 8,025 ۲۵ دى ۱۳۹۲، ۱۲:۴۶ ب.ظ
آخرین ارسال: KoG
  آموزش جامع جلو متن ها در ما بی بی Reza.net 0 1,556 ۰۲ دى ۱۳۹۲، ۰۸:۳۱ ب.ظ
آخرین ارسال: Reza.net

پرش به انجمن:


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

1 مهمان


درباره‌ی ما

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