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



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

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

آموزش ایجاد نوار نمایش امکانات
از کد زیر استفاده کن

کد:
<style>
.rightmenu {
direction:rtl;
 background:url(<a href="my-bb"><img src="http://alireza-tofighi.persiangig.com/leftmenu.png"></a>) left center no-repeat;
list-style:none;
position:fixed;
top:150px;
right:-210px;
width:200px;
border:5px solid #cccccc;
border-radius:20px 0 0 20px;
-moz-border-radius:20px 0 0 20px;
-webkit-border-radius:20px 0 0 20px;
min-height:120px;
padding:0;
padding-left: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" target="_blank" title="My-BB.Ir">Menu 1</a></li>
<li><a href="Link_2" target="_blank" title="My-BB.Ir">Menu 2</a></li>
<li><a href="Link_3" target="_blank" title="My-BB.Ir">Menu 3</a></li>
<li><a href="Link_4" target="_blank" title="My-BB.Ir">Menu 4</a></li>
<li><a href="Link_5" target="_blank" title="My-BB.Ir">Menu 5</a></li>
<li><a href="Link_6" target="_blank" title="My-BB.Ir">Menu 6</a></li>
<li><a href="Link_7" target="_blank" title="My-BB.Ir">Menu 7</a></li>
<li><a href="Http://My-BB.Ir" title="My-BB.Ir">سازنده</a></li>
</ul>
به جای my-bb لینک مورد نظرتو قرار بده


خوشحالم به خاطر این همه پیشرفت
I'm happy to progress
(۲۴ بهمن ۱۳۹۱، ۱۱:۱۶ ب.ظ)'reza' نوشته:  از کد زیر استفاده کن



کد:
<style>
.rightmenu {
direction:rtl;
 background:url(<a href="my-bb"><img src="http://alireza-tofighi.persiangig.com/leftmenu.png"></a>;) left center no-repeat;
list-style:none;
position:fixed;
top:150px;
right:-210px;
width:200px;
border:5px solid #cccccc;
border-radius:20px 0 0 20px;
-moz-border-radius:20px 0 0 20px;
-webkit-border-radius:20px 0 0 20px;
min-height:120px;
padding:0;
padding-left: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" target="_blank" title="My-BB.Ir">Menu 1</a></li>
<li><a href="Link_2" target="_blank" title="My-BB.Ir">Menu 2</a></li>
<li><a href="Link_3" target="_blank" title="My-BB.Ir">Menu 3</a></li>
<li><a href="Link_4" target="_blank" title="My-BB.Ir">Menu 4</a></li>
<li><a href="Link_5" target="_blank" title="My-BB.Ir">Menu 5</a></li>
<li><a href="Link_6" target="_blank" title="My-BB.Ir">Menu 6</a></li>
<li><a href="Link_7" target="_blank" title="My-BB.Ir">Menu 7</a></li>
<li><a href="Http://My-BB.Ir" title="My-BB.Ir">سازنده</a></li>
</ul>
به جای my-bb لینک مورد نظرتو قرار بده
 

رضا جان من به جای my-bb لینک عکسمو قرار دادم ولی درست نشد که هیچ دیگه مثل قبل بازم نمیشه!


زندگیمو میسازم اونجوری که میخوام

.....
....
...
..
.



تصویر: http://upload.tehran98.com/img1/2gdx3qh9cmofkol29z7m.png
من مشکلم این بود که تو صفحه اول این پلاگین کامل کار میکرد اما در صفحات دیگر انجمن فقط تصویر امکانات انجمن میآمد و وقتی روی بخش امکانات میرفتم به حالت کشویی بیرون نمی آمد کا با قرار دادن 5px مشکل حل شد اما مشکلی که بوجود امد بعد از قرار دادن px این است که در صفحه اول باز پلاگین بدرستی کار میکند اما در صفحات دیگر بخش های انجمن را بصورتی نشان میدهد که کاملا زیر بخش ها خالی میگردد

تصویر: http://axgig.com/images/35283026331994042626.jpg

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

تصویر: http://axgig.com/images/35283026331994042626.jpg

اگر دقت کنید زیر ارتباط با ما یک فضای خالی بوجود امده
لطفا کمک کنید
تا لینک انجمن خود رو توی امضاتون قرار ندید پشتیبانی نمی گیرید.

همچنین از این کد استفاده کنید:
کد:
<style>
.rightmenu {
direction:rtl;
background: #ffffff 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:20px 0 0 20px;
-moz-border-radius:20px 0 0 20px;
-webkit-border-radius:20px 0 0 20px;
min-height:120px;
padding:0;
padding-left:30px;
transition: all 2s;
-moz-transition: all 2s; /* Firefox 4 */
-webkit-transition: all 2s; /* Safari and Chrome */
-o-transition: all 2s; /* Opera */
z-index:1000;
}

.rightmenu li>a {
background: #ffffff;
padding:8px;
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:28px;
}

.rightmenu:hover {
right:-5px;
}
</style>
<!-- By: My-BB.Ir - WhiteCrow -->
<ul class="rightmenu">
<li><a href="Link_1" target="_blank" title="http://upload.tehran98.com/img1/sjo1mnu4436n3b98qgsc.png">Menu 1</a></li>
<li><a href="Link_2" target="_blank" title="My-BB.Ir">Menu 2</a></li>
<li><a href="Link_3" target="_blank" title="My-BB.Ir">Menu 3</a></li>
<li><a href="Link_4" target="_blank" title="My-BB.Ir">Menu 4</a></li>
<li><a href="Link_5" target="_blank" title="My-BB.Ir">Menu 5</a></li>
<li><a href="Link_6" target="_blank" title="My-BB.Ir">Menu 6</a></li>
<li><a href="Link_7" target="_blank" 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

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

این نوار امکانات الان به صورت پیوسته هست.اگر بخوام بین اونها فاصله بذارم (یعنی بین لینک 1 و 2 و... فاصله باشه) به طوری که هر کدوم جداگانه بیان بیرون چکار باید کرد؟

مثل نوار شبکه های اجتماعی سمت چپ سایت زیر:
http://16sat98.org/

اگه بخوام مثل دقیقا مثل همون سایت بشه یعنی عکس باشه چی؟
تصویر: images/smilies/blush.gif
من از این کد استفاده کردم که برادر توفیقی دادن
حالا بخوام فقط عکس بدم و لینک باید چه کنم؟

کد:
<style>
.rightmenu {
direction:rtl;
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:20px 0 0 20px;
-moz-border-radius:20px 0 0 20px;
-webkit-border-radius:20px 0 0 20px;
min-height:120px;
padding:0;
padding-left: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:-5px;
}
</style>
<!-- By: My-BB.Ir - WhiteCrow -->
<ul class="rightmenu">
<li><a href="Link_1" target="_blank" title="My-BB.Ir">Menu 1</a></li>
<li><a href="Link_2" target="_blank" title="My-BB.Ir">Menu 2</a></li>
<li><a href="Link_3" target="_blank" title="My-BB.Ir">Menu 3</a></li>
<li><a href="Link_4" target="_blank" title="My-BB.Ir">Menu 4</a></li>
<li><a href="Link_5" target="_blank" title="My-BB.Ir">Menu 5</a></li>
<li><a href="Link_6" target="_blank" title="My-BB.Ir">Menu 6</a></li>
<li><a href="Link_7" target="_blank" title="My-BB.Ir">Menu 7</a></li>
<li><a href="Http://My-BB.Ir" title="My-BB.Ir">سازنده</a></li>
</ul>


زندگیمو میسازم اونجوری که میخوام

.....
....
...
..
.



تصویر: http://upload.tehran98.com/img1/2gdx3qh9cmofkol29z7m.png
(۲۰ اسفند ۱۳۹۱، ۱۰:۴۱ ب.ظ)bensol نوشته:  من از این کد استفاده کردم که برادر توفیقی دادن
حالا بخوام فقط عکس بدم و لینک باید چه کنم؟

کد:
<style>
.rightmenu {
direction:rtl;
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:20px 0 0 20px;
-moz-border-radius:20px 0 0 20px;
-webkit-border-radius:20px 0 0 20px;
min-height:120px;
padding:0;
padding-left: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:-5px;
}
</style>
<!-- By: My-BB.Ir - WhiteCrow -->
<ul class="rightmenu">
<li><a href="Link_1" target="_blank" title="My-BB.Ir">Menu 1</a></li>
<li><a href="Link_2" target="_blank" title="My-BB.Ir">Menu 2</a></li>
<li><a href="Link_3" target="_blank" title="My-BB.Ir">Menu 3</a></li>
<li><a href="Link_4" target="_blank" title="My-BB.Ir">Menu 4</a></li>
<li><a href="Link_5" target="_blank" title="My-BB.Ir">Menu 5</a></li>
<li><a href="Link_6" target="_blank" title="My-BB.Ir">Menu 6</a></li>
<li><a href="Link_7" target="_blank" title="My-BB.Ir">Menu 7</a></li>
<li><a href="Http://My-BB.Ir" title="My-BB.Ir">سازنده</a></li>
</ul>
به جای Menu 1 , Menu 2  ... از کد زیر استفاده کنید:
کد:
<img src="IMG 1" alt="Menu 1" title="Menu 1" />


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

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

اگر از گروه مای بی‌بی فارسی راضی هستید، پس لطفا آنرا حمایت کنید: حمایت می‌کنم
یعنی به این صورت برادر توفیقی؟
کد:
<li><a href="Link_1" target="_blank" <img src="IMG 1" alt="Menu 1" title="Menu 1" />


زندگیمو میسازم اونجوری که میخوام

.....
....
...
..
.



تصویر: http://upload.tehran98.com/img1/2gdx3qh9cmofkol29z7m.png
(۲۱ اسفند ۱۳۹۱، ۱۱:۰۹ ب.ظ)bensol نوشته:  یعنی به این صورت برادر توفیقی؟
کد:
<li><a href="Link_1" target="_blank" <img src="IMG 1" alt="Menu 1" title="Menu 1" />
نه به این صورت:
کد:
<li><a href="Link_1" target="_blank"><img src="IMG 1" alt="Menu 1" title="Menu 1" /></a></li>


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

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

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

کد:
Link_1
آدرسم رو؟


زندگیمو میسازم اونجوری که میخوام

.....
....
...
..
.



تصویر: http://upload.tehran98.com/img1/2gdx3qh9cmofkol29z7m.png
صفحه‌ها (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