تبلیغات

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

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

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

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

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