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



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

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

آموزش ایجاد نوار نمایش امکانات
با سلام.
امروز می خوام یک چیز جالب به شما یاد بدهم......
آموزش ایجاد نوار نمایش امکانات به صورت بازشو در بالای سایت.....
نویسنده: AliReza_Tofighi (به تقلید از سایت سهند)
نمونه:

آموزش:
برای این کار کد زیر را در بالای قالب Header قرار دهید.



کد:
<script type="text/javascript" src="http://divan-hafez.persiangig.com/plugins/top-menu-90-9-5/jquery00.js"></script>
<script type="text/javascript" src="http://divan-hafez.persiangig.com/plugins/top-menu-90-9-5/jquery01.js"></script>
<script type="text/javascript" src="http://divan-hafez.persiangig.com/plugins/top-menu-90-9-5/jQuery02.js"></script>
<style>
.demo-wrap {
width: 100%;
margin: 0 auto;
font:12px Tahoma;
-moz-border-radius-bottomleft: 8px;
-webkit-border-bottom-left-radius: 8px;
border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-webkit-border-bottom-right-radius: 8px;
border-bottom-right-radius: 8px;
}

input[type=submit].demo-theme {
background: red url(http://divan-hafez.persiangig.com/plugins/top-menu-90-9-5/navsel00.png) repeat-x;
color: #FFCC00;
position: relative;
margin: 4px 0 0;
float:none;
top:-1px;
pointer:cursor;
padding: 5px;
font-size:11px;
border:1px solid red;
text-shadow: 1px 1px #0e3d63 !important;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

.demo-logo {
background: red url(http://divan-hafez.persiangig.com/plugins/top-menu-90-9-5/navsel00.png) repeat-x;
color: #FFCC00;
position: relative;
margin: 0;
float:left;
top:-1px;
pointer:cursor;
padding: 12px 20px;
border:1px solid #990000;
border-top:none;
text-shadow: 1px 1px #0e3d63 !important;
-moz-border-radius-bottomleft: 8px;
-webkit-border-bottom-left-radius: 8px;
border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-webkit-border-bottom-right-radius: 8px;
border-bottom-right-radius: 8px;
}

#demo-header {
font-family: Tahoma, Arial, Sans-Serif;
width:100%;
height:0;
z-index:999999999999999;
position:fixed;
top:0;
left:0;
}

#demo-select select{
background:#FFCC00;
color:#000;
padding: 0px;
height:28px;
padding:4px;
font:12px Tahoma;
border:1px solid #dadada;
outline:1px solid #FFCC00;
text-shadow:none;
}

#demo-select select option {
background:#FFCC00 !important;
color:#000;
padding: 5px;
font:12px Tahoma;
text-shadow:none;
}

.demo-menu {
background: #FFCC00 url(http://divan-hafez.persiangig.com/plugins/top-menu-90-9-5/navbg000.png) repeat-x;
text-align: left;
position: relative;
height: 38px;
line-height: 32px;
}



#demo-select {
position:absolute;
right:5px;
top:2px;
}

.demo-menu ul {
color: #000000;
text-shadow: 0 -1px #FFCC00;
float: left !important;
position: relative;
top: -7px;
height: 38px;
margin: 0;
padding: 0 0 0 0px;
}

.demo-menu ul li {
position: relative;
margin: 0;
float:left;
list-style:none;
padding: 10px 21px !important;
text-shadow: 1px 1px #fff;
}

.demo-menu ul li a:hover {
}

.demo-menu ul a:link {
color: #0f5188;
text-decoration: none;
}

.demo-menu ul a:visited {
color: #0f5188;
text-decoration: none;
}

.demo-menu ul a:hover, .demo-menu ul a:active {
color: #000;
text-decoration: none;
}

.demo-close {
float:right;
top:0px;
right:25px;
pointer:cursor;
font-size:11px;
padding: 5px 20px;
}

.demo-close a, .demo-logo a {
color:#FFCC00 !important;
}

.demo-close a:hover {
text-decoration:none;
}
</style>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function(){
jQuery('body').demobar();
});
</script>
<div id="demo-header">
<div class="demo-wrap">
<div class="demo-menu">
<!-- My-BB.Ir -->
<ul>
<li><a href="#top">بازگشت به بالا</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help">راهنما</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=syndication">RSS</a></li>
<li><a href="{$mybb->settings['bburl']}/calendar.php">سالنامه</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php">لیست کاربران</a></li>
<li><a href="{$mybb->settings['bburl']}/search.php">جستجو</a></li>
<li><a href="{$mybb->settings['bburl']}/portal.php">سردر</a></li>
<li><a href="{$mybb->settings['bburl']}/index.php">صفحه اصلی</a></li>
</ul>
</div>
<div class="demo-logo demo-show demo-close"><a href="#"></a></div>
</div></div> 
نمونه:
   


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

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

اگر از گروه مای بی‌بی فارسی راضی هستید، پس لطفا آنرا حمایت کنید: حمایت می‌کنم
یه شات هم میذاشتیتصویر: images/smilies/dodgy.gif
(۲۷ دى ۱۳۹۱، ۱۱:۳۰ ب.ظ)Mohamad نوشته:  یه شات هم میذاشتیتصویر: images/smilies/dodgy.gif

نمونه اضافه شد.


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

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

اگر از گروه مای بی‌بی فارسی راضی هستید، پس لطفا آنرا حمایت کنید: حمایت می‌کنم
سلام چطور میتونم اینو کاری کنم که کنار انجمن باشه نه بالای انجمن.منظورم اینه از کنار تنجمن بیاد بیرون نه بالاش
(۱۹ بهمن ۱۳۹۱، ۱۰:۴۶ ق.ظ)farshid142 نوشته:  سلام چطور میتونم اینو کاری کنم که کنار انجمن باشه نه بالای انجمن.منظورم اینه از کنار تنجمن بیاد بیرون نه بالاش
می تونید از کد زیر استفاده کنید:
کد:
<style>
.leftmenu {
background:url(http://alireza-tofighi.persiangig.com/leftmenu.png) right center no-repeat;
list-style:none;
position:fixed;
top:150px;
left:-210px;
width:200px;
border:5px solid #cccccc;
border-radius:0 20px 20px 0;
-moz-border-radius:0 20px 20px 0;
-webkit-border-radius:0 20px 20px 0;
-o-border-radius:0 20px 20px 0;
min-height:120px;
padding:0;
padding-right:30px;
transition: all 2s;
-moz-transition: all 2s; /* Firefox 4 */
-webkit-transition: all 2s; /* Safari and Chrome */
-o-transition: all 2s; /* Opera */
}

.leftmenu li>a {
background: #ffffff;
padding:8;
display:block;
line-height:15px;
color:#000000;
border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
-o-border-radius:0 5px 5px 0;
transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */
}

.leftmenu li>a:hover {
background: #f0eeee;
padding-left:18px;
}

.leftmenu:hover {
left:-5;
}
</style>
<!-- By: My-BB.Ir - WhiteCrow -->
<ul class="leftmenu">
<li><a href="Link_1" title="My-BB.Ir">Menu 1</a></li>
<li><a href="Link_2" title="My-BB.Ir">Menu 2</a></li>
<li><a href="Link_3" title="My-BB.Ir">Menu 3</a></li>
<li><a href="Link_4" title="My-BB.Ir">Menu 4</a></li>
<li><a href="Link_5" title="My-BB.Ir">Menu 5</a></li>
<li><a href="Link_6" title="My-BB.Ir">Menu 6</a></li>
<li><a href="Link_7" title="My-BB.Ir">Menu 7</a></li>
<li><a href="Http://My-BB.Ir" title="My-BB.Ir">سازنده</a></li>
</ul>
خیلی زیبا و عالیه چطور میتونم بیارمش سمت راست؟
(۱۹ بهمن ۱۳۹۱، ۱۱:۴۰ ب.ظ)farshid142 نوشته:  خیلی زیبا و عالیه چطور میتونم بیارمش سمت راست؟
خوب از این کد استفاده کنید:
کد:
<style>
.rightmenu {
background:url(http://alireza-tofighi.persiangig.com/leftmenu.png) left center no-repeat;
list-style:none;
position:fixed;
top:150px;
right:-210px;
width:200px;
border:5px solid #cccccc;
border-radius:0 20px 20px 0;
-moz-border-radius:20px 0 0 20px;
-webkit-border-radius:20px 0 0 20px;
-o-border-radius:20px 0 0 20px;
min-height:120px;
padding:0;
padding-right:30px;
transition: all 2s;
-moz-transition: all 2s; /* Firefox 4 */
-webkit-transition: all 2s; /* Safari and Chrome */
-o-transition: all 2s; /* Opera */
}

.rightmenu li>a {
background: #ffffff;
padding:8;
display:block;
line-height:15px;
color:#000000;
border-radius:5px 0 0 5px;
-moz-border-radius:5px 0 0 5px;
-webkit-border-radius:5px 0 0 5px;
-o-border-radius:5px 0 0 5px;
transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */
}

.rightmenu li>a:hover {
background: #f0eeee;
padding-right:18px;
}

.rightmenu:hover {
right:-5;
}
</style>
<!-- By: My-BB.Ir - WhiteCrow -->
<ul class="rightmenu">
<li><a href="Link_1" title="My-BB.Ir">Menu 1</a></li>
<li><a href="Link_2" title="My-BB.Ir">Menu 2</a></li>
<li><a href="Link_3" title="My-BB.Ir">Menu 3</a></li>
<li><a href="Link_4" title="My-BB.Ir">Menu 4</a></li>
<li><a href="Link_5" title="My-BB.Ir">Menu 5</a></li>
<li><a href="Link_6" title="My-BB.Ir">Menu 6</a></li>
<li><a href="Link_7" title="My-BB.Ir">Menu 7</a></li>
<li><a href="Http://My-BB.Ir" title="My-BB.Ir">سازنده</a></li>
</ul>


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

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

اگر از گروه مای بی‌بی فارسی راضی هستید، پس لطفا آنرا حمایت کنید: حمایت می‌کنم
اومد سمت راست ولی قسمت نوشته امکاناتش برعکس شده
(۲۰ بهمن ۱۳۹۱، ۰۱:۱۴ ق.ظ)farshid142 نوشته:  اومد سمت راست ولی قسمت نوشته امکاناتش برعکس شده

به جای http://alireza-tofighi.persiangig.com/leftmenu.png آدرس عکس امکانات خودتون رو بزارید...


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

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

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


موضوعات مشابه ...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  آموزش متصل کردن کاربران مای‌بی‌بی به وردپرس Tofighi 22 5,090 ۰۳ تير ۱۳۹۴، ۰۲:۵۹ ب.ظ
آخرین ارسال: Mohammadreza477
  آموزش تب بندی پروفایل به سبک VB Tofighi 162 29,583 ۱۱ فروردین ۱۳۹۴، ۰۶:۰۴ ب.ظ
آخرین ارسال: Masoud_MI
  آموزش زیبا سازی قسمت Navigation Tofighi 79 15,474 ۲۳ آبان ۱۳۹۳، ۰۳:۳۸ ب.ظ
آخرین ارسال: KalKalForum
  آموزش ساخت صفحات جداگانه پی اچ پی برای مای بی بی mybb 1 1,843 ۱۹ آبان ۱۳۹۳، ۰۶:۵۷ ب.ظ
آخرین ارسال: sajad1441
  آموزش فعال سازی Html امضا برای گروه‌های خاص Tofighi 5 2,633 ۲۲ مهر ۱۳۹۳، ۱۱:۴۷ ب.ظ
آخرین ارسال: akpar
  آموزش ست کردن مای بی بی با آمارگیر piwik TaK DoKhTaR 20 6,023 ۰۲ خرداد ۱۳۹۳، ۰۸:۳۸ ب.ظ
آخرین ارسال: Mehr@ban
  آموزش سئو وبسایت با استفاده از تگهای heading Tofighi 35 7,142 ۰۲ خرداد ۱۳۹۳، ۰۵:۴۸ ب.ظ
آخرین ارسال: Mehr@ban
  آموزش تبدیل اعداد انگلیسی به فارسی در MyBB Tofighi 5 2,499 ۲۹ دى ۱۳۹۲، ۱۲:۴۱ ب.ظ
آخرین ارسال: Amir-Me
Star آموزش ایجاد تولتیپ ویژه v2 KoG 10 3,166 ۲۵ دى ۱۳۹۲، ۱۲:۵۵ ب.ظ
آخرین ارسال: Arsalan
  آموزش جامع جلو متن ها در ما بی بی Reza.net 0 1,503 ۰۲ دى ۱۳۹۲، ۰۸:۳۱ ب.ظ
آخرین ارسال: Reza.net

پرش به انجمن:


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

1 مهمان


درباره‌ی ما

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