آموزش بوت استرپ | آموزش Bootstrap

مقاله،سورس کد،فیلم آموزشی

آموزش بوت استرپ | آموزش Bootstrap

مقاله،سورس کد،فیلم آموزشی

معرفی پلاگین های کاربردی jquery سری اول

جمعه, ۱۴ فروردين ۱۳۹۴، ۰۲:۰۸ ب.ظ

سری اول معرفی پلاگین های jquery

در این قسمت قصد دارم تا چندتا از پلاگین های jquery رو معرفی کنم.استفاده از پلاگین ها باعث میشه هم توی زمان صرفه جویی بشه هم اینکه یه کار حرفه ای تر تحویل مشتریتون بدین.سعی میکنم هر از گاهی از این پلاگین ها معرفی کنم.برای خواندن این مطلب به ادامه مطلب مراجعه کنید

پلاگین PagePiling

از این پلاگین می توانید برای ساخت وب سایت های onepage استفاده کنید.خیلی خصوصیات جالبی داره.مثلا اینکه خبری از اسکرول های عمودی و افقی در صفحه نیست و دوم اینکه اگه کاربر اسکرول کنه به صفحه بعدی منتقل میشه یعنی به طور کامل.ولی توی پلاگین های مشابه اگه کاربر یه کوچولو اسکرول کنه ممکنه نصفی از صفحه ی اول نشون داده بشه و نصفی از صفحه ی دوم که این زیاد جالب نیست اما با این پلاگین خیلی جالب عمل میکنه در برابر اسکرول کاربر

دریافت پلایگن PagePiling

----------------------------------------------------

پلاگین FancyBox 

یکی از قدرتمند ترین پلاگین های jquery برای ساختن گالری تصاویر با کلی امکانات و تنظیمات.کار کردن باهاش هم خیلی خیلی سادس و کلی امکانات در اختیار شما قرار میده.خوبیش اینه که رایگانه.

دریافت پلاگین FancyBox

----------------------------------------------------

پلاگین jInvertScroll

کوتاه معرفی میکنم..عمودی اسکرول کن افقی اسکرول میخوره.خودتون دمو رو از لینک زیر ببینید

دریافت پلاگین jInvertScroll

----------------------------------------------------

پلاگین Animation

کلی انیمیشن مختلف رو میتونید توی وبسایت خودتون استفاده کنید با این پلاگین.خیلی با حاله.کلی انیمیشن جالب داره.

دریافت پلاگین Animation

----------------------------------------------------

پلاگین SideBars

اگه دوست دارین یه ساید بار خیلی خوشگل و شیک داشته باشین پیشنهاد میکنم از این پلاگین استفاده کنید.

دانلود پلاگین SideBars

  • موافقین ۱ مخالفین ۰
  • جمعه, ۱۴ فروردين ۱۳۹۴، ۰۲:۰۸ ب.ظ
  • سعید کشاورز

نظرات  (۱۲)

سلام سعید جان؛
بامداد اولین روز هفته ت بخیر و خوشی انشاالله.
بازم مثل همیشه عالی بود این مطلبت. دستت درد نکنه و مرسی.
آموزش بوت استراپ چی شد؟؟لغو شد؟؟
پاسخ:
سلام..متاسفانه یه مشکلی واسم پیش اومده و الان پای چپم تا زانو تو گچه..
سلام؛
جدی میگی؟؟ چرا آخه؟؟ اونهم تو عیدی؟؟ از ارتفاع پرش داشتی؟؟ یا اینکه سیزده بدر خیلی تحرک داشتی؟؟ مراقب باش دیگه سعید جان. ضمنا چرا جواب پیامهای خصوصی رو نمیدی؟؟ خیلی سرت شلوغه پسر خوب؟؟ در هر صورت دست گلت درد نکنه و امیدوارم هر چه سریعتر خوب بشی. ماساژی چیزی خواستی در خدمتیم ها.
پاسخ:
اومدیم سیزدهمونو به در کنیم زدیم خودمنو دربه در کردیم ..کدوم پیغام خصوصی؟ نمیدونم شایدم گفتم بعدا جواب میدم یادم رفته باشه
Afarin very good
سلام سعید جان خوبید؟ممنون از آموزشای که گذاشتید.
سلام برهمگی.
من یه سایت طراحی کردم تو یکی از صفحه هاش باید از دو تا modal استفاده کنم وقتی گذاشتم یکیشون کار میکنه دومی کار نمیکنه میشه راهنماییم کنید؟
پاسخ:
شما دموی آنلاین دارین؟ اگه دارین آدرس سایت رو بدین..اگه ندارین فایل پروژه رو زیپ کنید و آپلود..لینکش رو برام بفرستین
سلام خوبید؟آقا سعید من میخوام تو پروژم از یک tooltip چند خطی استفاده کنم به صورتی که کاربر رو عکس یکی از دوستاش میاد مشخصات طرف در چندین خط بهش نشون بده در ضمن این اطلاعات که نشون میده داینامیک هستند و از دیتا بیس میخونه.من از این استفاده کردم کار نمیکنه.ممنون میشم راهنماییم کنید
 $.each(result, function (index, item) {
                           $('#OrdersGridView').append('<tr ' + className + '>' +
                            '<td><img src="' +item.filepath + '" title="name:'+item.name+'<br />famil:...<br />or... "></td>' +
                          '</tr>');
                          i++;
                      });
پاسخ:
سلام دوست عزیز.. یه پلاگین خوب بهتون معرفی میکنم از این استفاده کنید

http://iamceege.github.io/tooltipster/

نمونه Tooltip هاش رو ببینید..

توی وسط صفحه یه دمو داره به اسم Fixed width, position, & HTML

این همونیه که شما نیاز دارین
سلام خوبید خسته نباشید.
من تو این سایت که گفتید رفتم ولی فایل های css و js اصلا مشخص نی و هرکار کردم کار نکرد.
خودتون ندارید برام بزارید؟
ممنوووووووووون
پاسخ:
http://iamceege.github.io/tooltipster/#getting-started

شما اینجارو خوندین یا نه؟ توی این صفحه به خوبی توضیح داده که چه فایل هایی رو باید به صفحه الحاق کنید..
   <link rel="stylesheet" type="text/css" href="css/tooltipster.css" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.0.min.js"></script>
    <script type="text/javascript" src="js/jquery.tooltipster.min.js
اینارو باید اضافه کنی به صفحه
بعدش کد html هم به این صورت میشه مثلا : 
<img src="my-image.png" class="tooltip" title="This is my image's tooltip message!" />
سلام خوبید؟
خسته نباشید ممنون از راهنمایی های قبلیتون،من میخواستم از یک editor در سایتم زمانی که اخبار رو اضافه میکنم استفاده کنم میشه راهنماییم کنید؟
ممنووووون
پاسخ:
سلام..
این مورد میتونه گزینه خوبی باشه به نظرم http://www.tinymce.com/
خیلی حرفه ای و شیکه..
سلام خوبید؟ ممنون از راهنماهیتون
من چون کار برنامه نویسی رو تازه شروع کردم همش به مشکل برمیخورم ببخشید.
من یه سوال دارم چطوری میشه زمانی که سیستم  timeout میشه session رو کنترل کرد.ممنون.
 آقا سعید یه captcha میخواستم راهنمایم میکنید؟
ممنوووووون
پاسخ:
شما میتونید این قبیل سوالات خودتون رو توی انجمن برنامه نویس مطرح کنید..خیلی زود به جواب میرسید
سلام ممنون از راهنماهیاتون.
من چون تازه برنامه نویسی شروع کردم زیاد مزاحمتون میشم.
سوال1:چطوری میشه session رو در زمان تایم اوت سیستم کنترل کرد
2:یه کدامنیتی میخواستم ایجاد کنم با jquery میشه راهنمایم کنید
ممممنووووووووووووون
پاسخ:
سلام..متاسفانه خود من سمت سرور تاحالا کار نکردم و سوالاتی که پرسیدین مربوط به کلاینت ساید نیست
سلام خسته نباشید.
آقا سعید میشه آموزشاتونو بیشتر کنید.مثلا چگونه در بوت استراپ وقتی روی یه عکس میریم شکل زربین بشه بعد بزرگ بشه یا آموزش tooltip های مختلف یا ساخت منو و....
مممنون
پاسخ:
خیلی علاقه دارم به این کار اما خیلی سرم شلوغ شده اصلا فرصت ضبط ندارم..فقط یه جمعه تعطیلم که اونم به کارهای شخصیم رسیدگی میکنم..
در رابطه با مطلبی که گفتین اون میشه بحث لایت باکس..شما می خواین گالری تصاویر درست کنید..بهترین پلاگین برای این کار FancyBox هستش..
توی گوگل جستجو کنید دربارش
سلام قربان

آموزش کاربردی بوده ، باتشکر

لطفا بخش فیلم های آموزشیتون رو بیشتر کنید
تشکر عالی بود
ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی