چگونگی ساخت منو

این تاپیک 2 پاسخ و 2 مشارکت کننده دارد . آخرین آپدیت توسط :  mohammad6947 ،‏ 4 سال و 2 ماه پیش .

این تاپیک تاکنون 1518 بازدید داشته است .

نویسنده پست
دوشنبه ، 17 سپتامبر 2012     8:29 ب.ظ #


mohammad6947

Subscriber
22 پست14 تاپیک

با سلام

شما تو این پست یه افزونه رو معرفی کردید اما من نمیدونم که چه طور از اون استفاده کنم

http://www.7learn.com/topic/%D8%B3%D8%A7%D8%AE%D8%AA-%D9%85%D9%86%D9%88-%D9%87%D8%A7%DB%8C-%D8%B2%DB%8C%D8%A8%D8%A7

اگه میشه لطف کنید و جگونگی قرار دادن کد ها رو بگین

با تشکر

1  تشکر
چهار شنبه ، 19 سپتامبر 2012     9:54 ب.ظ #


لقمان آوند

مدیر ارشد
VIP
1704 پست5 تاپیک

توی صفحه usage  که بهت آدرس دادم توضیح داده که . در عین حال این صفحه رو ببین که یکی از مثال هاست و source اون رو نگاه کن تا متوجه نحوه استفادش بشی .

2  تشکر
جمعه ، 21 سپتامبر 2012     1:22 ق.ظ #


mohammad6947

Subscriber
22 پست14 تاپیک

با سلام

من سورس صفحه HTML یکی از مثال هازو نگاه کردم و کد زیر رو بین تگ های <head> و <head/>  قرار دادم

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel='stylesheet' type='text/css' rel="nofollow" href='http://www.wizzud.com/jqdock_examples_folder/example.css' />
<script type='text/javascript' src='http://code.jquery.com/jquery-latest.min.js'></script>
<script type='text/javascript' src='http://www.wizzud.com/jqdock_examples_folder/jquery.jqDock.min.js'></script>
<script type='text/javascript' src='http://www.wizzud.com/jqdock_examples_folder/example.js'></script>
<style type='text/css'>
/*position and hide the menu initially - leave room for menu items to expand...*/
#page {padding-top:150px; padding-bottom:20px; width:100%;}
#menu {position:absolute; top:0; left:0; width:100%; display:none;}
/*dock styling...*/
/*...centre the dock...*/
#menu div.jqDockWrap {margin:0 auto;}
/*...set the cursor...*/
#menu div.jqDock {cursor:pointer;}
/*label styling...*/
div.jqDockLabel {font-weight:bold; font-style:italic; white-space:nowrap; color:#ffffff; cursor:pointer; padding:0 1px;}
</style>
<script type='text/javascript'>
jQuery(document).ready(function($){
// set up the options to be used for jqDock...
var dockOptions =
{ align: 'top' // horizontal menu, with expansion DOWN from a fixed TOP edge
, labels: true  // add labels (defaults to 'br')
};
// ...and apply...
$('#menu').jqDock(dockOptions);
});
</script>

اما کد HTML زیر رو هر قسمتی که میزارم چیزی نمایش داده نمیشه (میخوام این منو در پایین  قسمت هدر باشه
<div id='menu'>
<img src='http://www.wizzud.com/jqdock_examples_folder/images/favourites.png' title='favourites' alt='' />
<img src='http://www.wizzud.com/jqdock_examples_folder/images/pictures.png' title='pictures' alt='' />
<img src='http://www.wizzud.com/jqdock_examples_folder/images/music.png' title='music' alt='' />
<img src='http://www.wizzud.com/jqdock_examples_folder/images/videos.png' title='videos' alt='' />
<img src='http://www.wizzud.com/jqdock_examples_folder/images/uploads.png' title='uploads' alt='' />

</div>

</div>

در ضمن من تونستنم صفحه HTML دلخواه خومدم رو بسازم اما وقتی به صورت بالا میخوام استفاده بشه مشکل داره

چون ابان انگلیسم زیاد خوب نیست از راهنمای سایت هم زیاد سر در نیاوردم

لطفا راهنماییم کنید
با تشکر

0  تشکر
پست 1 تا 3 (از مجموع 3 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .