طراحی قالب

×

پیغام وضعیت

  • google_tag
  • status check 1
  • path check 1
  • role check 1
  • after alter 1
ihover css library for drupal

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

smooth-scrolling-navigation-with-jquery-in-drupal

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

برای اجرای این تکنیک ، نیاز به ۳ مرحله داریم : 

مرحله اول : کد html زیر رو باید پیاده سازی کنیم.کاری به بخش head نداریم ، و در این مرحله منو و کد بخش های (section) خودمون که در اصل صفحات ما محسوب می شوند رو درست میکنیم.

build-animated-fixed-menu-for-drupal

ساخت منو دروپالی  زیبا و کاربرپسند یکی از مواردی هست که باید در سایت رعایت بشه ، منویی که همیشه در دسترس کاربران باشه و به راحتی بتونن ازش استفاده کنند.در این آموزش در ۳ مرحله میخواهیم یک منوی ثابت دروپالی که با حرکت اسکرول نمایش داده میشه رو طراحی کنیم.
مرحله اول : به بخش منو میریم و یک منو با لینک های دلخواه ایجاد میکنیم. مانند درباره ما ، تماس با ما و....

مرحله دوم : کد زیر رو به بخشی که می خواهیم منوی اصلی (main menu) در اون قرار بگیره اضافه میکنیم :