وبسایت تخصصی قالب گراف

در آموزش امروز، یک اسلایدر تصویر نامتقارن با پیچ و تاب کوچکی را به شما معرفی می کنیم، در ادامه با ما همراه باشید تا بیشتر با این اسلایدر زیبا آشنا شوید.

امروز ما می خواهیم کدی را به شما معرفی کنیم که با استفاده از آن می توانید راهنمای آنی(Tooltip) به صورت شناور با انیمیشن جذاب برای متن یا آلمان های وبسایت یا وبلاگ خود قرار دهید. در ادامه با ما باشید تا بیشتر با این ابزار آشنا شوید.

امروز ما می خواهیم شما را با یک اسلایدر چرخ فلکی محتوا مدور آشنا کنیم. ایده این کد به این صورت است که برخی از محتوا که به شکل باکس های که درون اسلایدر بی نهایت می باشد قابلیت حرکت دارد. در ادامه با ما همراه باشید تا بیشتر با این اسلایدر جالب آشنا شوید.

منو ها قسمت مهمی از هرسایت می باشند. که نه تنها باعث دسترسی آسان و سریع به قسمت های مختلف سایت را فراهم می کنند بلکه می توان از آنها برای دسته بندی مطالب سایت و هدایت کاربر به صفحه مورد نظر خود استفاده کرد . در امروز قصد داریم تا شمارو با کد آماده یک منو شیک و حرفه ای به سبک Dropdown آشنا کنیم و در اختیار شما قرار بدیم !!

Sparkle.JS

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

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

ما در این پست می خواهیم کد منوی متحرک محتوا به شما معرفی کنیم که با جی کوئری نوشته شده، کارکرد این منو به این صورت است که زمانی که بر روی آیتم های منو کلیک می کنید، یک پنجره محتوا با اطلاعات بیشتر ظاهر خواهد شد. همچنین تصویر پس زمینه با توجه به آیتم کلیک شده تغییر خواهد کرد...

توی این مطلب جذاب که از الان بوش میاد ، قراره یک کد جذاب پیچیشن (Pagination) برای صفحات وب برای شما در نظر بگیریم که خدایی فوق العاده و بی نظیره از همه جهات ، چه هاور هاش چه دیزاین و . . .  و نکته جالب تر اینکه ریسپانسیو ( واکنش گرا ) هست !!! پس برای دانلود و پیش نمایش کد جذاب پیچیشن (Pagination) برای صفحات وب در ادامه با قالب گراف همراه باشید . . . 

امروز با تکه کد آماده و بسیار سفارشی در خدمت شما هستیم ، امروز قراره تا کد یک بردکرامب (Breadcrumb) کاربردی و زیبا رو برای شما بذاریم تا با استفاده از اون براحتی در وب سایت خود یک Breadcrumb زیبا و کاربردی داشته باشید !! پس برای داشتن کد یک بردکرامب (Breadcrumb) کاربردی و زیبا با قالب گراف همراه باشید . . .

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

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

با حرکات سه بعدی، ما می توانیم عناصر ساده را با قرار دادن آنها در فضای سه بعدی جالب تر کنیم. با استفاده از جلوه هایCSS ، این عناصر می توانند در فضای سه بعدی نقل مکان کنند و یک اثر واقع بینانه ایجاد کنند. امروز ما می خواهیم یک گالری سه بعدی را در اختیار شما قرار دهیم که از جلوهای حرکتی سه بعدی css استفاده می کند.