+- انجمن های تخصصی فلش خور (http://www.flashkhor.com/forum)
+-- انجمن: رایانه (http://www.flashkhor.com/forum/forumdisplay.php?fid=27)
+--- انجمن: آموزش رایانه و اینترنت (http://www.flashkhor.com/forum/forumdisplay.php?fid=60)
+--- موضوع: منوی شناور و زیبا (vip) (/showthread.php?tid=282983)
منوی شناور و زیبا (vip) - ☻امیرحسین☻ - 28-04-2020
درود
اینم از طرف من برای کاربرای 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="دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.4. فایل topmeno.css رو با یه ویراش گر باز کنید و به جای adersanjoman اسم انجمن خودتون رو بزارید که تو چهار جا باید این کار رو بکنید
http://community.mybbiran.com /topmeno/jquery.min.js"></script>
به عنوان مثال قبل از تغییر »
نقل قول: نوشته است:background: url(adersanjoman/topmeno/navright.png) bottom repeat-y;بعد از تغییر
نقل قول: نوشته است:background: url(دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
http://community.mybbiran.com/topmeno/navright.png ) bottom repeat-y;
ادرس انجمن خودتون رو بزارید
5 : عکس logo.png رو ویرایش کنید و اسم انجمن یا لوگوی انجمن خودتو رو بزارید
پیش نمایش :
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
☼ توجه کنید که به خاطر کمبود وقت شاید اموزش کمی ناقص باشه هر جا به مشکلی بر خوردید بپرسید تا راهنمایی کنم
با سپاس امیدوارم استفاده کنید