با درود

دوستان گرامی به دلیل مشکلاتی در سرور، سایت چند روزی دچار مشکل شده بود و سایت در دسترس نبود. که حالا دیگه مشکلات حل شده و من از همه شما پوزش می خواهم .

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

بریم سر اصل مطلب : امروز تصمیم گرفتم که برای شما روش ساخت منوی موضوعات به صورت درختی (خوشه ای ) برای وبلاگ را آموزش بدم . این منو بسیار زیبا و جالب با قابلیت باز و بسته شدن توسط بازدید کننده .من روش ساخت را برای شما میگم شما میتونید با یکم تغییر این منو را در همه سرویس دهندگان به کار ببرید . البته قبلا روش ساخت منوی موضوعات اختصاصی با تصویر را گفته بودم اما این یه چیز دیگست .

ابتدا کد زیر را داخل قالبتون زیر کد <head/> قرار بدبد .

<SCRIPT src= "http://tools.learnt.ir/treemenu/treemenu.php" type= "text/javascript"  runat= "server" > </SCRIPT>

حالا به قسمت سخت کار میرسیم که شما باید خیلی دقت کنید . در جای که میخواهید منوی موضوعات باشه ابتدا کد زیر را بزارید .

<SCRIPT type= "text/javascript" >
d = new menuTree('d');

این کدهای شروع هستند و شما نباید تغییر بدید . بعد کدهای پاین را بزارید

 d.add('0','-1','موضوعات');

این کد که داخل منو کنار عکس رایانه قرار میگره کد شاخه اصلی هست شما میتونید . به جای کلمه "موضوعات" متن دلخواه خود را بنویسید . بعد از این کد کدهای ساخت پوشه و لینک ها شروع می شوند . که شما باید مثل الوگوی که من میگم پوشه و لینک ها را بسازید .

برای ساخت یک پوشه ( شاخه ) باز شونده از کد زیر استفاده میکنیم

d.add('1','0','وب و اینترنت');

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

  برای ساخت لینکها ( زیر شاخه ها ) از کد زیر استفاده میکنیم .

d.add('11','1','قالب سایت و وبلاگ','http://www.learnt.ir/template/');

توجه کنید اولین عدد از سمت چپ نشان دهنده شماره این شاخه هست . عدد دوم نشان دهنده شماره شاخه بالای این لینک هست ، قست سوم هم نام نمایشی در منو هست و قسمت چهارم هم لینک موضوع هست .

خب حالا ما یک شاخه و یک زیر شاخه ساخته ایم این الگوی ساخت هست و شما میتونید شاخه ها و زیر شاخه را به تعداد دلخواه و مناسب نیازتان درست کنید . ترتیب نمایش شاخه ها به چینش شما در این جا مربوط میشه و شماره شاخه ها در ترتیب قرار گیری در منو شما تاثیر ندارد . ( شاخه های را که اول درست میکنید در بالای منو نمایش داده می شوند )

توجه : به هیچ عنوان نباید عدد اول ( نشان دهنده شماره شاخه ) را برای دو شاخه استفاده کنید .

  بعد از ساخت همه شاخه و زیر شاخه ها برای اتمام کار باید از کد زیر استفاده کنید .

document.write(d);
</SCRIPT>

می توانید با گذاشت کد زیر در پایین کد اصلی منو لینکی را برای باز کردن همه و یا بستن همه شاخه درست کنید .

<A href= "javascript: d.openAll();" ><font color= "#FF0000" >باز کردن همه </font></A> || <A href= "javascript: d.closeAll();" > <font color= "#FF0000" >بستن همه </font></A>

امیدوارم این آموزش مورد نظر شما واقع شده باشد .

منبع : سایت آموزش پارسیان