تبلیغات

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

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

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

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

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