امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
آموزش ایجاد منو ها به شکل پیوسته نوروز
#
سلام.
یکی از دوستانمون درخواست داده بود آموزش ایجاد منوها به شکل پیوسته نوروز که نوشته خودم بود بزارم.
باشه این هم آموزش اما (تشکر اعتبار و 10 صلوات یادتون نره)
باید از کد زیر استفاده کنید:
کد:
<style>
ul.socials {
}

ul.socials li {
display:inline-block;
float:left;
list-style-type:none;
margin:0 2px 0 0;
height:29px;
width:50px;
cursor:pointer;
}

ul.socials a {
display:block;
width:50px;
height:29px;
font-size:0;
color:transparent;
}


.mybb-skin {
background: url('آدرس عکس نصفه');
}

.mybb-skin:hover {
background: url('آدرس عکس کامل');
}

</style>
<ul class="socials">
<li class="mybb-skin"><a href="لینک"> </a></li>
</ul>
البته به این دو قسمت توجه داشته باشید:

کد:
.mybb-skin {
background: url('آدرس عکس نصفه');
}

.mybb-skin:hover {
background: url('آدرس عکس کامل');
}

کد:
<li class="mybb-skin"><a href="لینک"> </a></li>
به جای کلمات پارسیش هرچی که می خواد بنویسید.
از اینها باید به تعداد گزینه ها تون ایجاد کنید،
و به جای mybb-skin هرچی دلتون خواست بنویسید....
[مهم] قوانین مای بی بی اسکین
[ویژه] همکاری با تیم مای بی بی اسکین

ما فراموش شدگانیم جز نعره سلاحی نیست...

لطفا به هیچ وجه از مدیران در پیام خصوصی درخواست کمک نکنید و یا سوال نپرسید.
#
کد هارو جایگزاری کردم اما اگه تالار بیاین متوجه میشین فقط یه نقطه مشکی افتاده چیز دیگه ای نیست
#
ده تا رو دادم مرسی ممنونم
فکر کنم تو ایندکس
#
سپاس...
به روزرسانی شد...
[مهم] قوانین مای بی بی اسکین
[ویژه] همکاری با تیم مای بی بی اسکین

ما فراموش شدگانیم جز نعره سلاحی نیست...

لطفا به هیچ وجه از مدیران در پیام خصوصی درخواست کمک نکنید و یا سوال نپرسید.
#
با این روش اگه بخوایم عکس بعدی رو بزاریم باید کد های کلاس رو هم بزاری ینی برای هر عکس باید همه کد هارو بزاری منم با همین روش گذاشتم
حتی با تعویض کلاس کد ها هم نشد استفاده کرد :whistling:
#
چیزایی که ازتون میخوام رو قرار بدید براتون درست کنم:
تصاویر نصفه منو ها
تصاویر کامل منو ها
نام منو ها
لینک منو ها
عنوان منو ها
[مهم] قوانین مای بی بی اسکین
[ویژه] همکاری با تیم مای بی بی اسکین

ما فراموش شدگانیم جز نعره سلاحی نیست...

لطفا به هیچ وجه از مدیران در پیام خصوصی درخواست کمک نکنید و یا سوال نپرسید.
#
کد php:
<style>
ul.socials {
}

ul.socials li {
display:inline-block;
float:right;
list-
style-type:none;
margin:0 2px 0 0;
height:29px;
width:50px;
cursor:pointer;
}

ul.socials a {
display:block;
width:50px;
height:29px;
font-size:0;
color:transparent;
}


.
sahand {
backgroundurl('http://sahandforum.com/up/uploads/13335935252.png');
}

.
sahand:hover{
backgroundurl('http://sahandforum.com/up/uploads/13335934411.png');
}
</
style>
<
ul class="socials">
<
li class="sahand"><a href="http://sahandforum.com/forum/misc.php?action=help"> </a></li>
</
ul>
<
style>
ul.socials {
}

ul.socials li {
display:inline-block;
float:right;
list-
style-type:none;
margin:0 2px 0 0;
height:29px;
width:50px;
cursor:pointer;
}

ul.socials a {
display:block;
width:50px;
height:29px;
font-size:0;
color:transparent;
}

.
sahand2 {
backgroundurl('http://sahandforum.com/up/uploads/13335935251.png');
}

.
sahand2:hover{
backgroundurl('http://sahandforum.com/up/uploads/13335934412.png');
}
</
style>
<
ul class="socials">
<
li class="sahand2"><a href="http://sahandforum.com/up"> </a></li>
</
ul>

<
style>
ul.socials {
}

ul.socials li {
display:inline-block;
float:right;
list-
style-type:none;
margin:0 2px 0 0;
height:29px;
width:50px;
cursor:pointer;
}

ul.socials a {
display:block;
width:50px;
height:29px;
font-size:0;
color:transparent;
}
.
sahand1 {
backgroundurl('http://s2.picofile.com/file/7346760000/01.png');
}

.
sahand1:hover {
backgroundurl('http://sahandforum.com/up/uploads/13335936731.png');
}

</
style>
<
ul class="socials">
<
li class="sahand1"><a href="http://facebook.com/sahandforum"> </a></li>
</
ul>


<
style>
ul.socials {
}

ul.socials li {
display:inline-block;
float:right;
list-
style-type:none;
margin:0 2px 0 0;
height:29px;
width:50px;
cursor:pointer;
}

ul.socials a {
display:block;
width:50px;
height:29px;
font-size:0;
color:transparent;
}


.
sahand3 {
backgroundurl('http://s2.picofile.com/file/7346760856/05.png');
}

.
sahand3:hover {
backgroundurl('http://sahandforum.com/up/uploads/13335936732.png');
}
</
style>
<
ul class="socials">
<
li class="sahand3"><a href="http://sahandforum.com/forum"> </a></li>
</
ul>
<
style>
ul.socials {
}

ul.socials li {
display:inline-block;
float:right;
list-
style-type:none;
margin:0 2px 0 0;
height:29px;
width:50px;
cursor:pointer;
}

ul.socials a {
display:block;
width:50px;
height:29px;
font-size:0;
color:transparent;
}

.
sahand4 {
backgroundurl('http://s2.picofile.com/file/7346761391/07.png');
}

.
sahand4:hover {
backgroundurl('http://sahandforum.com/up/uploads/13335936733.png');
}
</
style>
<
ul class="socials">
<
li class="sahand4"><a href="http://sahandforum.com"> </a></li>
</
ul>

<
style>
ul.socials {
}

ul.socials li {
display:inline-block;
float:right;
list-
style-type:none;
margin:0 2px 0 0;
height:29px;
width:50px;
cursor:pointer;
}

ul.socials a {
display:block;
width:50px;
height:29px;
font-size:0;
color:transparent;
}


.
sahand5 {
backgroundurl('http://s2.picofile.com/file/7346761719/09.png');
}

.
sahand5:hover {
backgroundurl('http://sahandforum.com/up/uploads/13335936734.png');
}
</
style>
<
ul class="socials">
<
li class="sahand5"><a href="http://sahandforum.com/forum/calendar.php"> </a></li>
</
ul>
<
style>
ul.socials {
}

ul.socials li {
display:inline-block;
float:right;
list-
style-type:none;
margin:0 2px 0 0;
height:29px;
width:50px;
cursor:pointer;
}

ul.socials a {
display:block;
width:50px;
height:29px;
font-size:0;
color:transparent;
}

.
sahand6 {
backgroundurl('http://s1.picofile.com/file/7346761612/08.png');
}

.
sahand6:hover {
backgroundurl('http://sahandforum.com/up/uploads/13335936735.png');
}
</
style>
<
ul class="socials">
<
li class="sahand6"><a href="http://sahandforum.com/syndication.php?limit=15"> </a></li>
</
ul>

<
style>
ul.socials {
}

ul.socials li {
display:inline-block;
float:right;
list-
style-type:none;
margin:0 2px 0 0;
height:29px;
width:50px;
cursor:pointer;
}

ul.socials a {
display:block;
width:50px;
height:29px;
font-size:0;
color:transparent;
}


.
sahand7 {
backgroundurl('http://s2.picofile.com/file/7346761933/10.png');
}

.
sahand7:hover {
backgroundurl('http://sahandforum.com/up/uploads/13335936736.png');
}
</
style>
<
ul class="socials">
<
li class="sahand7"><a href="http://sahandforum.com/memberlist.php"> </a></li>
</
ul>
<
style>
ul.socials {
}

ul.socials li {
display:inline-block;
float:right;
list-
style-type:none;
margin:0 2px 0 0;
height:29px;
width:50px;
cursor:pointer;
}

ul.socials a {
display:block;
width:50px;
height:29px;
font-size:0;
color:transparent;
}

.
sahand8 {
backgroundurl('http://s2.picofile.com/file/7346762468/12.png');
}

.
sahand8:hover {
backgroundurl('http://sahandforum.com/up/uploads/13335936737.png');
}
</
style>
<
ul class="socials">
<
li class="sahand8"><a href="http://sahandshop.ekala.biz/m_box.aspx"> </a></li>
</
ul>

<
style>
ul.socials {
}

ul.socials li {
display:inline-block;
float:right;
list-
style-type:none;
margin:0 2px 0 0;
height:29px;
width:50px;
cursor:pointer;
}

ul.socials a {
display:block;
width:50px;
height:29px;
font-size:0;
color:transparent;
}


.
sahand9 {
backgroundurl('http://s1.picofile.com/file/7346762682/13.png');
}

.
sahand9:hover {
backgroundurl('http://sahandforum.com/up/uploads/13335936738.png');
}
</
style>
<
ul class="socials">
<
li class="sahand9"><a href="http://sahandforum.com/forum/search.php"> </a></li>
</
ul
این کل کد هایی هست که من استفاده میکنم
لینک عکس ها هم ناقص و هم کامل با لینک مقصدشون هست
#
سلام.
این کد ها اجرا می شن و درستن....
اما چرا کار نمی کنه:
شما باید از اندازه های یکسان برای شکل هاتون استفاده کنید (مثلا همشون 48در48 باشن)
بعد اندازه طول و ارتفاع را در کد های زیر تغییر دهید:
کد:
ul.socials li {
display:inline-block;
float:right;
list-style-type:none;
margin:0 2px 0 0;
height:29px;
width:50px;
cursor:pointer;
}

ul.socials a {
display:block;
width:50px;
height:29px;
font-size:0;
color:transparent;
}
[مهم] قوانین مای بی بی اسکین
[ویژه] همکاری با تیم مای بی بی اسکین

ما فراموش شدگانیم جز نعره سلاحی نیست...

لطفا به هیچ وجه از مدیران در پیام خصوصی درخواست کمک نکنید و یا سوال نپرسید.
#
علی جان خدا امواتتو بیامرزه بیا دسترسی بدم خودت برام اوکی کن هرکاری میکنم میلنگه :angel:
بفرستم دسترسی هارو؟
#
نیازی بهه دسترسی نیست...
از کد های زیر استفاده کنید:
کد:
<style>
ul.socials {
}

ul.socials li {
display:inline-block;
float:right;
list-style-type:none;
margin:0 2px 0 0;
height:48px;
width:48px;
cursor:pointer;
}

ul.socials a {
display:block;
width:48px;
height:48px;
font-size:0;
color:transparent;
}


.sahand {
background: url('http://sahandforum.com/up/uploads/13336980441.png');
}

.sahand:hover{
background: url('http://sahandforum.com/up/uploads/13335934411.png') no-repeat;
}
.sahand2 {
background: url('http://sahandforum.com/up/uploads/13336983031.png');
}

.sahand2:hover{
background: url('http://sahandforum.com/up/uploads/13335934412.png');
}

.sahand1 {
background: url('http://sahandforum.com/up/uploads/13336984721.png');
}

.sahand1:hover {
background: url('http://sahandforum.com/up/uploads/13335936731.png');
}
.sahand3 {
background: url('http://sahandforum.com/up/uploads/13336987011.png');
}

.sahand3:hover {
background: url('http://sahandforum.com/up/uploads/13335936732.png');
}

.sahand4 {
background: url('http://sahandforum.com/up/uploads/13336988261.png');
}

.sahand4:hover {
background: url('http://sahandforum.com/up/uploads/13335936733.png');
}
.sahand5 {
background: url('http://sahandforum.com/up/uploads/13336989091.png');
}

.sahand5:hover {
background: url('http://sahandforum.com/up/uploads/13335936734.png');
}
.sahand6 {
background: url('http://sahandforum.com/up/uploads/13336990481.png');
}

.sahand6:hover {
background: url('http://sahandforum.com/up/uploads/13335936735.png');
}
.sahand7 {
background: url('http://sahandforum.com/up/uploads/13336991471.png');
}

.sahand7:hover {
background: url('http://sahandforum.com/up/uploads/13335936736.png');
}
.sahand8 {
background: url('http://sahandforum.com/up/uploads/13336993931.png');
}

.sahand8:hover {
background: url('http://sahandforum.com/up/uploads/13336995921.png');
}

.sahand9 {
background: url('http://sahandforum.com/up/uploads/13336993952.png');
}

.sahand9:hover {
background: url('http://sahandforum.com/up/uploads/13335936738.png');
}
</style>
<ul class="socials">
<li class="sahand"><a href="http://sahandforum.com/forum/misc.php?action=help"> </a></li>
<li class="sahand2"><a href="http://sahandforum.com/up"> </a></li>
<li class="sahand1"><a href="http://facebook.com/sahandforum"> </a></li>
<li class="sahand3"><a href="http://sahandforum.com/forum"> </a></li>
<li class="sahand4"><a href="http://sahandforum.com"> </a></li>
<li class="sahand5"><a href="http://sahandforum.com/forum/calendar.php"> </a></li>
<li class="sahand6"><a href="http://sahandforum.com/syndication.php?limit=15"> </a></li>
<li class="sahand7"><a href="http://sahandforum.com/memberlist.php"> </a></li>
<li class="sahand8"><a href="http://sahandshop.ekala.biz/m_box.aspx"> </a></li>
<li class="sahand9"><a href="http://sahandforum.com/forum/search.php"> </a></li>
</ul>
[مهم] قوانین مای بی بی اسکین
[ویژه] همکاری با تیم مای بی بی اسکین

ما فراموش شدگانیم جز نعره سلاحی نیست...

لطفا به هیچ وجه از مدیران در پیام خصوصی درخواست کمک نکنید و یا سوال نپرسید.
 
 


موضوع‌های مرتبط با این موضوع...
موضوع: نویسنده پاسخ: بازدید: آخرین ارسال
  آموزش ایجاد امضا به سبک های مختلف SheRvin 17 7,604 ۳۱-۱-۱۳۹۷
آخرین ارسال: Akipilosrow
  آموزش قرار دادن بنر به شکل وبلاگ های بلاگفا Hossein121 8 6,523 ۹-۱۰-۱۳۹۶
آخرین ارسال: Justcit
  آموزش ساخت پرچم ایران ( متحرک ) SheRvin 4 3,696 ۴-۱۰-۱۳۹۶
آخرین ارسال: Justcit
  آموزش کامل انتقال انجمن مای بی بی Tofighii 9 2,636 ۳-۱۰-۱۳۹۶
آخرین ارسال: Justcit
  آموزش قرار دادن آخرین ارسالی های انجمن های Mybb در وب سایت SheRvin 17 4,423 ۳-۱۰-۱۳۹۶
آخرین ارسال: Justcit
  آموزش اضافه کردن آیکون اختصاصی به هر انجمن (بدون پلاگین) senator 1 904 ۲۹-۱-۱۳۹۳
آخرین ارسال: ! Omid StaR !
  آموزش قفل کردن کلیک راست برا جلوگیری ار کپی کردن مطالب SheRvin 11 3,033 ۲۷-۱۱-۱۳۹۲
آخرین ارسال: ᗩm!RH♥SsE!N
  آموزش بستن انجمن در مای بی بیMYBB SheRvin 2 1,755 ۱۰-۱۱-۱۳۹۲
آخرین ارسال: ! Omid StaR !
  آموزش حل مشکل برخی پلاگین ها Hossein121 17 3,030 ۲-۱۱-۱۳۹۲
آخرین ارسال: ! Omid StaR !
  اموزش ایجاد حالت من در پست بیت ! Omid StaR ! 20 4,507 ۳۰-۹-۱۳۹۲
آخرین ارسال: ! Omid StaR !

پرش به انجمن:


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

اخبار فناوری اطلاعات | نرم افزار املاک | نرم افزار رستوران | نرم افزار تاکسی سرویس | نرم افزار رستوران | دانلود نرم افزار مطب | دانلود نرم افزار تاکسی سرویس | مجله پزشکی آسان طب | اتوماسیون پزشکی | نرم افزار دفترچه تلفن نرم افزار چاپ چک نرم افزار رستوران نرم افزار فست فود نرم افزار کافی شاپ نرم افزار تاکسی سرویس نرم افزار نمایشگاه خودرو نرم افزار املاک نرم افزار هتلداری نرم افزار مطب نرم افزار دندانپزشکی نرم افزار انبارداری نرم افزار حسابداری فروشگاه نرم افزار وکالت مجله اینترنتی پارسی وان | مجله اینترنتی زیگیل | خرید بک لینک | خرید رپورتاژ | سینما تئاتر مای استیج | یک مهاجر | دنیای مهاجرت | مجله گردشگری کاروان | وردپرس دانلود | مجله تفریحی تندیس فان | نرم افزار Software | جوک جدید | اخبار هنر | اخبار کامپیوتر | سایت پزشکی | فروشگاه اینترنتی | سایت خبری | اندروید سه | مجله کامپیوتری | تم کد | مجله اینترنتی وبدون | سایت تفریحی تک لایو | مجله سرگرمی سایت پزشکی دکتر طب | فرتکست | مجله پزشکی نت سلامت | کافه ایرونی | مجله خندانک | مجله اینترنتی فان استار | مجله من | مجله اینترنتی دونیمه | مجله اینترنتی بردیا | فاینال مد | فرهنگیا | نامبروان | جان نو | مگفر | مجله 24 | نیمچه | تک پدیا | آیناز وب | مطالب بیست | میهن اسکای | نیک آنلاین | شینار | وطنی ها | طب جدید | هوای تازه | آاقای گل | برترین مطالب | دایی رضا | فارس پدیا | آجودانیه | چارشنبه | فانیفا | قارپوز | گوهرمند | گل بهار | جهان من | جوان امروز | کالچر | مه آذین | مجله سبز | مگناب | دنیای نت | نیک اندیشه | نیکاندوست | نیک پاتوق | ازبک | پارمینو | پیک آبی | پورتال من | راز آلود | روسپید | رشد نگر | رویای زندگی | شورانگیز | سیمای وب | نتیها | تاپکده | وب دوستان | ویکی وان | یکناز | زرچوب | زردقناری | عصرطلایی | فرتورز | آموزش گیتار | مایادانلود | | دکتر CMS | سایت آموزش گیتار | رایان درمان | پارسیان گشت | ایران کافه | گیتی بوک | مجله فراتوریسم | فراتوریسم | دکتر آسان دنت | آسان دنت | مجله گردشگری افراگشت | افراگشت | هشت گام | فرکافی | میهن تاج | مجله پزشکی رایان درمان | موج سینما | تیزباد | برفانک | کافه داران | کینگ دانلود | هتل آپارتمان مشهد

درباره خانه

ایران تاک | انجمن گفتگوی ایرانیان