ارسال پاسخ 
 
امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
اموزش جدید منوی امکانات در کنار سایت (ساید بار)
نویسنده پیام
! Omid StaR ! آفلاین
امید کریم زاده
********
مدیریت کل سایت

ارسال‌ها: 3,846
تاریخ عضویت: فرو ۱۳۹۱
اعتبار: 2364
سپاس ها : 1643
 سپاس شده 6970 بار در 1965 ارسال
ارسال: #1
اموزش جدید منوی امکانات در کنار سایت (ساید بار)
درود عزیزانم

امروز اموزش ایجاد یک منو ساید بار مثل خیلی سایت های بزرگ مثل مرجع ترکیه و... براتون میذارم
این اموزش نوشته ی مدیر مای بی بی وی ان اگر اشتباه نکنم یکی از مرجع های جدید ترکیست
که البته من برای اسودگی شما اونو دستخوش تغییراتی کردم و در سه 4 نوع کد با امکان ایجاد: 1 تا 4 بلوک در کنار سایت رو میذارم


خب اینی که برای شروع استفاده میکنیم 3 بلوک ایجاد میکنه
که در قسمت محتویات هرنوع کد اچ تی ام الی دوست داشتید بذارید
همونطور که من اسکریپن شات 2 زدم:

خب ابتدا به مسیر زیر بروید:

پنل مدیریت کل > قالب و پوسته ها > قالب ها > قالب مورد نظر > قالب Index Page Templates > قالب index

پیدا کنید متغیر زیر رو:

کد:
{$forums}


جایگزینش کنید خط زیر: (منو با 3 بلوک)

کد:
<div id="fz"style="float: left; width:80%;">
{$forums}
</div>
<div id="floatbar" style="float: right; width: 19%;">
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<thead>
<tr>
<td class="thead">
<div class="expcolimage"><img title="Show" src="{$theme['imgdir']}/collapse.gif" onclick="changefloatbar(this,$('fz'),$('floatbar'),$('ctfloat'),$('titlefloatbar'))" /></div>
<div id="titlefloatbar"><strong>منوی امکانات سایت</strong></div>
</td>
</tr>
</thead>
<tbody id="ctfloat">

<!--Block 1----->
<tr class="tcat"><td><strong>عنوان جعبه اول</strong></td></tr>
<tr class="trow1">
<td>
محتویات جعبه اول
</td>
</tr>
<!--End Block 1---->

<!--Block 2----->
<tr class="tcat"><td><strong>عنوان جعبه دوم</strong></td></tr>
<tr class="trow1">
<td>
محتویات جبعه دوم
</td>
</tr>
<!--End Block 2---->

<!--Block 3----->
<tr class="tcat"><td><strong>عنوان جعبه سوم</strong></td></tr>
<tr class="trow1">
<td>
محتویات جبعه سوم
</td>
</tr>
<!--End Block 3---->

<script type="text/javascript">
function changefloatbar(imgeco,fz,fl,ctfl,ttfb)
{
if (imgeco.title=="Show")
{ctfl.style.display="none";fl.style.width="2%";
fz.style.width="98%";imgeco.title="Hide";ttfb.innerHTML="";
imgco.src="{$theme['imgdir']}/collapse_collapsed.gif";
}
else
{ctfl.style.display="";fl.style.width="19%";fz.style.width="80%";imgeco.title="Show";ttfb.innerHTML="<strong>QuickCP</strong>";
imgco.src="{$theme['imgdir']}/collapsed.gif"
}
}
</script>
</tbody>
</table>
</div>
</br>


خب تمام شد...ذخیره کنید
همانطور که قبلا گفتم به جای قسمت نوشته محتویات کد html مورد نظر را وراد کنید

خب اینم منو امکانات با چند بلوک برای کسایی که بلد نیتسند بلوک اضافه یا کم کنند:
هرکدوم از کدهارو به دلخواه جایگزی کد قسمت دوم اموزش کنید:



کد منوی امکانات با 1 بلوک:


کد:
<div id="fz"style="float: left; width:80%;">
{$forums}
</div>
<div id="floatbar" style="float: right; width: 19%;">
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<thead>
<tr>
<td class="thead">
<div class="expcolimage"><img title="Show" src="{$theme['imgdir']}/collapse.gif" onclick="changefloatbar(this,$('fz'),$('floatbar'),$('ctfloat'),$('titlefloatbar'))" /></div>
<div id="titlefloatbar"><strong>منوی امکانات سایت</strong></div>
</td>
</tr>
</thead>
<tbody id="ctfloat">

<!--Block 1----->
<tr class="tcat"><td><strong>عنوان جعبه اول</strong></td></tr>
<tr class="trow1">
<td>
محتویات جعبه اول
</td>
</tr>
<!--End Block 1---->

<script type="text/javascript">
function changefloatbar(imgeco,fz,fl,ctfl,ttfb)
{
if (imgeco.title=="Show")
{ctfl.style.display="none";fl.style.width="2%";
fz.style.width="98%";imgeco.title="Hide";ttfb.innerHTML="";
imgco.src="{$theme['imgdir']}/collapse_collapsed.gif";
}
else
{ctfl.style.display="";fl.style.width="19%";fz.style.width="80%";imgeco.title="Show";ttfb.innerHTML="<strong>QuickCP</strong>";
imgco.src="{$theme['imgdir']}/collapsed.gif"
}
}
</script>
</tbody>
</table>
</div>
</br>

کد منوی امکانات با 2 بلوک:

کد:
<div id="fz"style="float: left; width:80%;">
{$forums}
</div>
<div id="floatbar" style="float: right; width: 19%;">
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<thead>
<tr>
<td class="thead">
<div class="expcolimage"><img title="Show" src="{$theme['imgdir']}/collapse.gif" onclick="changefloatbar(this,$('fz'),$('floatbar'),$('ctfloat'),$('titlefloatbar'))" /></div>
<div id="titlefloatbar"><strong>منوی امکانات سایت</strong></div>
</td>
</tr>
</thead>
<tbody id="ctfloat">

<!--Block 1----->
<tr class="tcat"><td><strong>عنوان جعبه اول</strong></td></tr>
<tr class="trow1">
<td>
محتویات جعبه اول
</td>
</tr>
<!--End Block 1---->

<!--Block 2----->
<tr class="tcat"><td><strong>عنوان جعبه دوم</strong></td></tr>
<tr class="trow1">
<td>
محتویات جبعه دوم
</td>
</tr>
<!--End Block 2---->

<script type="text/javascript">
function changefloatbar(imgeco,fz,fl,ctfl,ttfb)
{
if (imgeco.title=="Show")
{ctfl.style.display="none";fl.style.width="2%";
fz.style.width="98%";imgeco.title="Hide";ttfb.innerHTML="";
imgco.src="{$theme['imgdir']}/collapse_collapsed.gif";
}
else
{ctfl.style.display="";fl.style.width="19%";fz.style.width="80%";imgeco.title="Show";ttfb.innerHTML="<strong>QuickCP</strong>";
imgco.src="{$theme['imgdir']}/collapsed.gif"
}
}
</script>
</tbody>
</table>
</div>
</br>

کد منوی امکانات با 4 بلوک:

کد:
<div id="fz"style="float: left; width:80%;">
{$forums}
</div>
<div id="floatbar" style="float: right; width: 19%;">
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<thead>
<tr>
<td class="thead">
<div class="expcolimage"><img title="Show" src="{$theme['imgdir']}/collapse.gif" onclick="changefloatbar(this,$('fz'),$('floatbar'),$('ctfloat'),$('titlefloatbar'))" /></div>
<div id="titlefloatbar"><strong>منوی امکانات سایت</strong></div>
</td>
</tr>
</thead>
<tbody id="ctfloat">

<!--Block 1----->
<tr class="tcat"><td><strong>عنوان جعبه اول</strong></td></tr>
<tr class="trow1">
<td>
محتویات جعبه اول
</td>
</tr>
<!--End Block 1---->

<!--Block 2----->
<tr class="tcat"><td><strong>عنوان جعبه دوم</strong></td></tr>
<tr class="trow1">
<td>
محتویات جبعه دوم
</td>
</tr>
<!--End Block 2---->

<!--Block 3----->
<tr class="tcat"><td><strong>عنوان جعبه سوم</strong></td></tr>
<tr class="trow1">
<td>
محتویات جبعه سوم
</td>
</tr>
<!--End Block 3---->

<!--Block 4----->
<tr class="tcat"><td><strong>عنوان جعبه چهارم</strong></td></tr>
<tr class="trow1">
<td>
محتویات جبعه چهارم
</td>
</tr>
<!--End Block 4---->

<script type="text/javascript">
function changefloatbar(imgeco,fz,fl,ctfl,ttfb)
{
if (imgeco.title=="Show")
{ctfl.style.display="none";fl.style.width="2%";
fz.style.width="98%";imgeco.title="Hide";ttfb.innerHTML="";
imgco.src="{$theme['imgdir']}/collapse_collapsed.gif";
}
else
{ctfl.style.display="";fl.style.width="19%";fz.style.width="80%";imgeco.title="Show";ttfb.innerHTML="<strong>QuickCP</strong>";
imgco.src="{$theme['imgdir']}/collapsed.gif"
}
}
</script>
</tbody>
</table>
</div>
</br>


[تصویر:  nevis.png]ترجمه: امید کریم زاده
به نقل از: Steven Oosterhoff
[تصویر:  home.png]لینک اصلی: به زودی...
[تصویر:  home.png]نمونه:


فایل‌(های) پیوست شده بندانگشتی (ها)
       
(آخرین ویرایش در این ارسال: ۲۱-۵-۱۳۹۲ ۰۱:۰۰ عصر، توسط ! Omid StaR !.)
۲۹-۲-۱۳۹۱ ۰۵:۳۷ صبح
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ
pooriya آفلاین
کاربر سایت
*
کاربر سایت

ارسال‌ها: 5
تاریخ عضویت: خرد ۱۳۹۱
اعتبار: 0
سپاس ها : 18
 سپاس شده 1 بار در 1 ارسال
ارسال: #2
RE: اموزش جدید منوی امکانات در کنار سایت
ميشه كاري كرد اين منو بره به سمت راست؟
۸-۲-۱۳۹۲ ۰۹:۱۶ عصر
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ
Hossein121 آفلاین
محمدحسین فراهانی
******
معاونت سایت

ارسال‌ها: 1,396
تاریخ عضویت: فرو ۱۳۹۱
اعتبار: 1118
سپاس ها : 1088
 سپاس شده 1451 بار در 389 ارسال
ارسال: #3
RE: اموزش جدید منوی امکانات در کنار سایت
کد php:
<div id="fz"style="float: left; width:80%;"
قسمت Left این کد رو به Right تغییر بدید.

[مهم] قوانین مای بی بی اسکین
[ویژه] همکاری با تیم مای بی بی اسکین

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

لطفا به هیچ وجه از مدیران در پیام خصوصی درخواست کمک نکنید و یا سوال نپرسید.
۸-۲-۱۳۹۲ ۱۰:۵۶ عصر
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ
! Omid StaR ! آفلاین
امید کریم زاده
********
مدیریت کل سایت

ارسال‌ها: 3,846
تاریخ عضویت: فرو ۱۳۹۱
اعتبار: 2364
سپاس ها : 1643
 سپاس شده 6970 بار در 1965 ارسال
ارسال: #4
RE: اموزش جدید منوی امکانات در کنار سایت
البته شما دیگه باید ادرس سایتتونو قرار بدید
وگرنه به سوالاتون پاسخ داده نمیشه عزیزجانم :smile:
۹-۲-۱۳۹۲ ۰۶:۲۹ عصر
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر نقل قول این ارسال در یک پاسخ
ارسال پاسخ 


موضوع‌های مرتبط با این موضوع...
موضوع: نویسنده پاسخ: بازدید: آخرین ارسال
  اموزش افزودن شکلک به پلاگین یادداشت در پروفایل ! Omid StaR ! 25 5,373 ۲۱-۱۱-۱۳۹۲ ۱۰:۲۸ عصر
آخرین ارسال: ᗩm!RH♥SsE!N
  اموزش تغییر فونت انجمن !!! Hidden !!! 23 3,818 ۱۰-۱۱-۱۳۹۲ ۰۲:۱۷ عصر
آخرین ارسال: Shezen
Heart اموزش افزودن نوار السکا به فوتر سایت ! Omid StaR ! 4 1,383 ۲۶-۸-۱۳۹۲ ۰۲:۳۷ عصر
آخرین ارسال: ! Omid StaR !
  اموزش ساخت ستون نمایش گروه های کاربری ! Omid StaR ! 2 1,792 ۱۲-۷-۱۳۹۲ ۰۲:۲۳ صبح
آخرین ارسال: Shahin X2
Bug آموزش جدید  آموزش افزایش کادر عنوان موضوع در موضوع جدید و پاسخ جدید و ویرایش ! Omid StaR ! 0 496 ۷-۷-۱۳۹۲ ۰۴:۰۲ صبح
آخرین ارسال: ! Omid StaR !
  اموزش رفع مشکل سایز ادیتور ! Omid StaR ! 19 2,965 ۲۶-۲-۱۳۹۲ ۰۱:۵۸ صبح
آخرین ارسال: saleh01
  رفع مشکل عمودی شدن قسمت پایینی سایت و ناسازگاری پوسته با بعضی پلاگین ها ! Omid StaR ! 2 964 ۲۳-۷-۱۳۹۱ ۱۰:۱۳ عصر
آخرین ارسال: Mr.Sajad
  اموزش اضافه کردن دستی google +1 به موضوعات ! Omid StaR ! 4 1,192 ۲۲-۷-۱۳۹۱ ۰۹:۰۹ عصر
آخرین ارسال: elamto
  اموزش اضافه کردن عکس به ادیتور !!! Hidden !!! 0 689 ۱۸-۵-۱۳۹۱ ۰۴:۱۸ عصر
آخرین ارسال: !!! Hidden !!!
  اموزش شکلک متغیر Random Smilies ! Omid StaR ! 0 939 ۷-۱-۱۳۹۱ ۱۲:۰۴ صبح
آخرین ارسال: ! Omid StaR !

پرش به انجمن:


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

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