gol
gol

hardy

د‌ل های ما که به هم نزدیک باشن

دیگر چه فرقی می کند

که کجای این جهان باشیم

دور باش اما نزدیک

من از نزدیک بودن‌های دور می‌ترسم
«احمد شاملو»

×

توجه : دو ارسال نخستِ کاربرانِ جدید در تالار میدوری را پیش از نمایش دادن , مدیر تالار باید تایید کند .

Latest Threads  آخرین ارسال ها :
نمایش آخرین ارسال این موضوع
 
امتیاز موضوع:
  • 5 رأی - میانگین امیتازات : 2
  • 1
  • 2
  • 3
  • 4
  • 5
  
1 کاربر حاضر در تاپیک: (0 عضو, و 1 مهمان). 1 مهمان
نویسنده:میدوری
آخرین ارسال:میدوری
پاسخ: 1
بازدید: 3007
subscription
quickreply advancequickreply report



( MyBB ) منوی سه بُعدی برای انجمن ساز مای بی بی
تغییر اندازه ی متن : zoomin zoomout default
Butterfly
نویسنده : admin میدوری
admin میدوری profile  
آفلاین
مدیر کل تالار
مدالهای میدوری1000500
1001011720
168241051
دسترسی به میدوری
ارسال یک ایمیل به این کاربر ارسال یک پیام خصوصی به این کاربر مشاهده وب سایت کاربر یافتن تمامی ارسال های این کاربر اعتبار:
اطلاعات میدوری


تاریخ عضویت:
05 November 2011

ارسال ها: 1,800
شماره کاربری: 1
میزان اعتبار:

محل سکونت: تهران
ماه تولد:
جنسيت:
آخرین دیدار :
تماس با میدوری
حالت میدوری
صفحه های میدوری
گوگل پلاس فیس بوک توییتر یوتیوب کلوب
اینستاگرام تلگرام
ارسال: #1
Heart منوی سه بُعدی برای انجمن ساز مای بی بی

rightarrow
منوی سه بُعدی برای انجمن ساز مای بی بی

آموزش درست کردن یک منوی سه بُعدی را برای انجمن ساز مای بی بی قرار میدهم . امید که بکار بیاید .
توجه
متن پیام :

یکم : این کار با کوئری انجام می شود و ممکن است با اسکریپت های دیگر شما تداخل پیدا کند
دوم : این پروژه برای مرورگرهایی است که قابلیت نمایش صفحات سه بُعدی رادارند ( در اکسپلورر بصورت کشویی نمایش داده می شود ) .
سوم : این پروژه روی قالب دیفالت اجرا شده و در قالب های دیگر نیاز به کار دیگر است که بسته به وضعیت قالب باید کدها اعمال شوند .




ابتدا تصویر ها و فیلم نمایشی را ببینید درصورت علاقه مند شدن انجام دهید .
خوب , روش اجرا بصورت گام به گام
نخست به بخش قالب ها -----> قالب مورد نظر ( من در دیفالت اجرا کرده ام ) ---> هدر قالب ---> هدر بروید و تمام کدهای هدر را با کد های زیر جایگزین کنید .

کد PHP:
<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div><a href="{$mybb->settings['bburl']}/index.php">
<img  src="{$theme['logo']}" alt="{$mybb->settings['bbname']}"  title="{$mybb->settings['bbname']}" /></a></div>
<div><ul>
<li><a  href="{$mybb->settings['bburl']}/search.php"><img  src="{$theme['imgdir']}/toplinks/search.gif" alt="" title="" />
{$lang->toplinks_search}</a></li>
<li><a  href="{$mybb->settings['bburl']}/memberlist.php"><img  src="{$theme['imgdir']}/toplinks/memberlist.gif" alt="" title="" />
{$lang->toplinks_memberlist}</a></li>
<li><a  href="{$mybb->settings['bburl']}/calendar.php"><img  src="{$theme['imgdir']}/toplinks/calendar.gif" alt="" title="" />
{$lang->toplinks_calendar}</a></li>
<li><a  href="{$mybb->settings['bburl']}/misc.php?action=help"><img  src="{$theme['imgdir']}/toplinks/help.gif" alt="" title="" />
{$lang->toplinks_help}</a></li>
</ul>
</div>
<hr />
<div id="panel">
{$welcomeblock}
</div>
</div>
<navigation>
<br />
<link rel="stylesheet" href="{$mybb->settings['bburl']}/css/3d_menu.css">
<div>
<h2>منوي انجمن</h2>
<ul>
<li><a href="{$mybb->settings['bburl']}/search.php">جستجو</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php">ليست کاربران</a></li>
<li><a href="{$mybb->settings['bburl']}/calendar.php">سال نامه</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help">راهنما</a></li>
<li><a href="{$mybb->settings['bburl']}/usercp.php">کنترل پنل کاربري</a></li>
</ul>
</div>
<div></div>
<div>
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
{$pending_joinrequests}
<div>
<script src="{$mybb->settings['bburl']}/js/meny.js"></script>
<script>
// Create an instance of Meny
var meny = Meny.create({
// The element that will be animated in from off screen
menuElement: document.querySelector( '.meny' ),
// The contents that gets pushed aside while Meny is active
contentsElement: document.querySelector( '.contents' ),
// [optional] The alignment of the menu (top/right/bottom/left)
position: Meny.getQuery().p || 'right',
// [optional] The height of the menu (when using top/bottom position)
height: 200,
// [optional] The width of the menu (when using left/right position)
width: 260,
// [optional] Distance from mouse (in pixels) when menu should open
threshold: 40});
// API Methods:
// meny.open();
// meny.close();
// meny.isOpen();
// Events:
// meny.addEventListener( 'open', function(){ console.log( 'open' ); } );
// meny.addEventListener( 'close', function(){ console.log( 'close' ); } );
// Embed an iframe if a URL is passed in
if( Meny.getQuery().u && Meny.getQuery().u.match( /^http/gi ) ) {
var contents = document.querySelector( '.contents' );
contents.style.padding = '0px';
contents.innerHTML = '<div></div><iframe src="'+ Meny.getQuery().u +'" style="width: 100%;
 height: 100%; border: 0; position: absolute;"></iframe>';}
</script></div>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72

سپس پوشه های js و css را در روت سایت آپلود کنید ( اگر با همین نام ها پوشه دارید محتویات این دو پوشه را در پوشه های خودتان بریزید ) تصویر نشانه گر مشکی در فایل 3d_menu.css بصورت کُد بندی شده موجود است در صورتی که با این موضوع مشکل دارید کُد مربوط به تصویر را در فایل 3d_menu.css پاک کنید ونام تصویر ضمیمه را وارد کنید و تصویری که در پوشه images هست را در محل دلخواه آپلود کنید .

کار تمام است .

توجه کلی : قبل از هر دستکاری لطفا در یک فایل متنی ( نوت پد ) از کدهای موجود خودتان بک آپ بگیرید که کارتان قابل برگشت هم باشد
این پروژه برگرفته از سایت Hakim El Hattab است و برای دستکاری در اصل کار به آدرس https://github.com/hakimel/meny در github بروید .

[تصویر: house_link.png] منبع : http://lab.hakim.se

برای دیدن اصل این پروژه و نسخه نمایشی هم به آدرس http://lab.hakim.se/meny بروید . در ضمن از پروژه های این نابغه هم دیداری داشته باشید و می توانید از آنها استفاده بکنید .
===============
کدها در فایل متنی

3d-menu.txt
 ارسال کننده فايل admin میدوری download
 نوع فايل .txt
 اندازه 3.24 KB
 دفعات دانلود 270 بار
 گيرنده(های) فايل
( guru میدوری )
 زمان آخرین دانلود امروز, 38 : 12 AM
 یک سخنِ ناب

==============
فیلم نمایشی از طرز کار ترفند

Video_2013-03-04_174319fa-wmv.zip
 ارسال کننده فايل admin میدوری download
 نوع فايل .zip
 اندازه 3.32 MB
 دفعات دانلود 354 بار
 گيرنده(های) فايل
( guru میدوری , member Venus )
 زمان آخرین دانلود امروز, 04 : 02 AM
 یک سخنِ ناب

===============
image image image image




امضای میدوری :
[تصویر: midori-sign-500.png]
( آخرین ویرایش در این ارسال: 24 - November - 2013 11 : 01 AM، توسط : میدوری .::.  دلیل ویرایش: )
محل حضور کاربر در تالار :  admin میدوری در تالار ميدوری حضور ندارد .
ديدگاه کاربران برای مطلب : help (روی آیکون مورد نظر کلیک کنید تا دیدگاه شما ثبت شود . در صورت انصراف تا دوبار می توانید دیدگاه خود را ثبت کنید . برای پاک کردن دیدگاه روی همان آیکون یک بار کلیک کنید تا دیدگاه شما پاک شود .)

برچسب ها :

04 - March - 2013 35 : 06 PM
اعتبار: اهدای موجودی بــانــکــ نقل قول این ارسال در یک پاسخ


subscription
quickreply advancequickreply report

موضوع های مرتبط با این موضوع...
موضوع: نویسنده پاسخ: بازدید: آخرین ارسال
MYBB mybb آموزش کشویی کردن انجمن ها میدوری 10 22,913 18 - November - 2017 57 : 12 AM
آخرین ارسال: میدوری
MYBB mybb [1.8] اضافه کردن ساید بار به انجمن ساز مای بی بی میدوری 8 21,381 01 - January - 2017 39 : 06 PM
آخرین ارسال: hp618
MYBB mybb [1.8] اضافه کردن آمار گرافیکی و متحرک به بخش آمار انجمن میدوری 2 5,656 15 - May - 2016 51 : 05 PM
آخرین ارسال: میدوری
MYBB mybb [1.6] اضافه کردن آمار گرافیکی و متحرک به بخش آمار انجمن میدوری 0 4,043 14 - May - 2016 21 : 08 PM
آخرین ارسال: میدوری
MYBB mybb دسته بندی های رنگارنگ برای مای بی بی میدوری 0 3,070 19 - January - 2016 55 : 11 AM
آخرین ارسال: میدوری

بازديدکنندگان از موضوع
کاربرانی که از موضوع بازدید کرده اند ( 1 ) کاربر

ابزار موضوع



1 کاربر حاضر در تاپیک: (0 عضو, و 1 مهمان). 1 مهمان