جهت ورود به تالار گفتمان سایت کلیک کنید

هاست ارزان به همراه یک آفر ویژه

هاست ارزان حرفه ای با کیفیت بالا و محسوس
هاست پر سرعت SSD بر روی سرور های ابری و سیستم عامل کلاد لینوکس
مناسب با سیستم وردپرس و سایر مدیریت های محتوا
SSL رایگان همراه با بکاپ روزانه R1soft
دامین اضافه ی نامحدود به همراه پهنای باند و امکانات نامحدود
قابلیت انتخاب نسخه ی php ، کنترل پنل cpanel
قیمت ها به صورت سالانه و ارزان در نظر گرفته شده اند

آفر ویژه : 200 قالب وردپرس به همراه هاست 5 گیگ حرفه ای تنها 55 هزار تومان

ساخت صفحه Intro لوزی شکل به صورت ریسپاسنیو

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

این صفحه به صورت تک پیچ بوده و به صورت html5 و css3 می باشد که دارای افکت زیبایی هست .

در این صفحه , فقط یک عکس به کار رفته است که به صورت css sprites تکه هایی از آن جدا شده و در 4 قالب قرار گرفته است که شما میتوانید به راحتی عکس را تغییر داده و از آن استفاده نمایید .

ساخت صفحه Intro لوزی شکل به صورت ریسپاسنیو

و اما آموزش :

ابتدا کد html زیر را در وب سایت خود قرار داده :

حال کد زیر را در css سایت خود کپی کنید :

نکته 1 : در کد های css به جای bg_vms.jpg میتوانید آدرس عکس مورد نظر خود را وارد نمایید .

نکته 2 : همان طور که گفته شده بود این 4 لوزی همگی از یک عکس استفاده میکنند و نقاط مختلفی از آن را در خود نمایش میدهند , پس برای تعوضی مکان قرار گیری میتوانید در کد های css بالا از خط شماره 11 تا خط 22 را با توجه به سلیقه خود تغییر دهید . منظور top , left , right و bottom است .

دموی قالب Intro

پخش اختصاصی

آموزش وحید مجیدی

جهت تبادل گفتگو و حل مشکلات در باره این موضوع , کلیک کنید

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *