با استفاده از این پلاگین می توانید استارت ویندوز 8 را در سایتتون قرار دهید
آموزش استفاده
1. فراخوانی کتابخانه پلاگین و خصوصیت ها
<link rel="stylesheet" type="text/css" href="gridster_files/jquery.css" /> <link rel="stylesheet" href="gridster_files/style.css" /> <link href="gridster_files/css.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" type="text/css" href="gridster_files/main.css" /> <script type="text/javascript" src="gridster_files/jquery-1.js"></script> <script src="gridster_files/jquery.js" type="text/javascript" charset="utf-8"></script>
2. کد html جهت استفاده پلاگین و کد های اجرایی جی کوئری
<div role="main"> <section class="demo"> <div class="gridster ready"> <ul style="height: 480px; position: relative;"> <li class="gs_w" data-row="1" data-col="1" data-sizex="2" data-sizey="1"></li> <li class="gs_w" data-row="3" data-col="1" data-sizex="1" data-sizey="1"></li> <li class="gs_w" data-row="3" data-col="2" data-sizex="2" data-sizey="1"></li> <li class="gs_w" data-row="1" data-col="3" data-sizex="2" data-sizey="2"></li> <li class="try gs_w" data-row="1" data-col="5" data-sizex="1" data-sizey="1"></li> <li class="gs_w" data-row="2" data-col="1" data-sizex="2" data-sizey="1"></li> <li class="gs_w" data-row="3" data-col="4" data-sizex="1" data-sizey="1"></li> <li class="gs_w" data-row="1" data-col="6" data-sizex="1" data-sizey="1"></li> <li class="gs_w" data-row="3" data-col="5" data-sizex="1" data-sizey="1"></li> <li class="gs_w" data-row="2" data-col="5" data-sizex="1" data-sizey="1"></li> <li class="gs_w" data-row="2" data-col="6" data-sizex="1" data-sizey="2"></li> </ul> </div> </section> </div> <!-- Scripts --> <script type="text/javascript"> var gridster; $(function () { gridster = $(".gridster > ul").gridster({ widget_margins: [10, 10], widget_base_dimensions: [140, 140], min_cols: 6 }).data('gridster'); }); </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-33489625-1']); _gaq.push(['_trackPageview']); (function () { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script>
عالی بود
خیلی خووووووووبه
مرسی سارا خانوم
مرسی سعید جان
چجوری اون سفیدا رو بجاشون عکس بزارم؟
سلام صابر جان
بهترین راه اینه که به هر کدوم از li ها یه id بدی و در css یه بک گراند بهشون اختصاص بدی
آها اوکی فهمیدم
ممنون
خواهش می کنم saber جان
سلام
واقعا سایت زیبایی داری
یه سوال؟
چجوری میشه کاری کرد تا وقتی جای ایکون هارو تعغییر میدیم با رفرش برنگردن سرجاشون؟
سلام
میشه راهنمایی کنید چطور از حرکت و جابه جایی li ها جلوگیری کنیم که کار بر نتونه جابه جا کنه