gol
gol

hardy

خسته شو گر مرهمی می‌بایدت

دم مزن گر همدمی می‌بایدت

تا در اثباتی تو بس نامحرمی

محو شو گر محرمی می‌بایدت
«عطار نیشابوری»

×

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

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



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


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

ارسال ها: 1,732
شماره کاربری: 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
 دفعات دانلود 51 بار
 گيرنده(های) فايل
( guru میدوری )
 آخرین زمان دانلود 24 - November - 2016, 22 : 07 AM

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

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

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




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

برچسب ها :

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


subscription
quickreply advancequickreply report

موضوع های مرتبط با این موضوع...
موضوع: نویسنده پاسخ: بازدید: آخرین ارسال
MYBB mybb [1.8] اضافه کردن ساید بار به انجمن ساز مای بی بی میدوری 8 2,553 01 - January - 2017 39 : 06 PM
آخرین ارسال: hp618
MYBB mybb آموزش کشویی کردن انجمن ها میدوری 4 840 01 - January - 2017 52 : 01 PM
آخرین ارسال: میدوری
MYBB mybb [1.8] اضافه کردن آمار گرافیکی و متحرک به بخش آمار انجمن میدوری 2 1,220 15 - May - 2016 51 : 05 PM
آخرین ارسال: میدوری
MYBB mybb [1.6] اضافه کردن آمار گرافیکی و متحرک به بخش آمار انجمن میدوری 0 640 14 - May - 2016 21 : 08 PM
آخرین ارسال: میدوری
MYBB mybb دسته بندی های رنگارنگ برای مای بی بی میدوری 0 353 19 - January - 2016 55 : 11 AM
آخرین ارسال: میدوری

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

ابزار موضوع



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