منوی شناور و زیبا (vip)

[☻امیرحسین☻]

درود

اینم از طرف من برای کاربرای vip

خوب شما با استفاده از این jquery که اموزش استفاده ازش رو براتون گذاشتم یه منو زیبا برای انجمنتون درست می کنید که به صورت کشوی هست و در طول صفحه پایین هم میاد و همه جا کاربر می تونه بهش دست رسی داشته باشه
تذکر » یک بار کل اموزش رو بخونید بعداد اجرا کنید تا مجبور نشدی بعضی کار ها رو دو بار انجام بدید
اول فایل زیر رو دانلود کنید و همون جا که فایل های اصلی انجمن تون رو ریختید اپلود کنید


  دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
topmeno.zip (اندازه: 38.06 KB / تعداد دفعات دریافت: 63)  از سایت اصلی دان کنید..

خوب حالا به مسیر زیر برید


قالب ها و پوسته ها » قالب ها » قالب مورد نظر » Header Templates

و در نهایت Header

خوب حالا این کد رو بالای کد ها قرار بدید


کد:

کد:

<script type="text/javascript" src="adersanjoman/topmeno/jquery.min.js"></script>
<script type="text/javascript" src="adersanjoman/topmeno/jquery.cookie.js"></script>
<script type="text/javascript" src="adersanjoman/topmeno/jQuery.demobar.js"></script>

<link type="text/css" rel="stylesheet" href="adersanjoman/topmeno/topmeno.css" />
<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">
<a href="dersanjoman/topmeno" >
<img class="demo-logo" src="adersanjoman/topmeno/logo.png" alt="لینک" /></a>

<ul>
<li><a href="لینک">عنوان</a></li>
<li><a target="_blank" href="لینک">عنوان</a></li>
<li><a href="لینک">عنوان</a></li>
<li><a target="_blank" href="لینک">عنوان</a></li>

<li><a target="_blank" href="لینک">عنوان</a></li>
<li><a href="لینک">عنوان</a></li>
<li><a href="لینک">عنوان</a></li>
</ul>
</div>
<div class="demo-logo demo-show demo-close"><a href="#"></a></div>
</div></div>

توجه »»

1. به جای عنوان که در کدهای بالا نوشته شده عنوان دلخواه نمایشی خودتو رو بزارید
2. به جای لینک که در کد های بالا نوشته شده هم لینکی که می خواید با کلید روی اون به صفحه منتغل بشه
3.در کد های بالا به جای adersanjoman که هست ادرس انجمن خودتون رو بنویسد که بعد از نوشتن باید این صورت باشه به عنوان مثال

قبل از تغییر »

<script type="text/javascript" src="adersanjoman/topmeno/jquery.min.js"></script>

بعد از تغییر »

<script type="text/javascript" src="دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
http://community.mybbiran.com /topmeno/jquery.min.js"></script>

4. فایل topmeno.css رو با یه ویراش گر باز کنید و به جای adersanjoman اسم انجمن خودتون رو بزارید که تو چهار جا باید این کار رو بکنید

به عنوان مثال قبل از تغییر »

background: url(adersanjoman/topmeno/navright.png) bottom repeat-y;

بعد از تغییر

background: url(دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
http://community.mybbiran.com/topmeno/navright.png ) bottom repeat-y;

ادرس انجمن خودتون رو بزارید


5 : عکس logo.png رو ویرایش کنید و اسم انجمن یا لوگوی انجمن خودتو رو بزارید

پیش نمایش :
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
   



☼ توجه کنید که به خاطر کمبود وقت شاید اموزش کمی ناقص باشه هر جا به مشکلی بر خوردید بپرسید تا راهنمایی کنم

با سپاس امیدوارم استفاده کنید