-
پیش نمایش و فایل های دانلودی دوره
2-
درس1.1
-
درس1.2
-
-
فهرست دروس
9-
درس2.1
-
درس2.2
-
درس2.3
-
درس2.4
-
درس2.5
-
درس2.6
-
درس2.7
-
درس2.8
-
درس2.9
-
آموزش CSS
- خانه
- همه دوره ها
- وب
- آموزش ریسپانسیو سازی قالب با css3 به صورت پروژه محور
-
سهراب زهیریفوریه 16, 2023
سلام وقت بخیر
من ریسپانیو رو در لوکال انجام دادم همه چیز اوکی هست ولی وقتی میزارم روی هاست ، اون تغییرات انجام نمیشه-
کریم مصطفی زادهفوریه 22, 2023
مطمئن بشید که لینک استایل هاتون درست باشه
-
-
علیمی 23, 2021
سلام توی این دوره از چه ابزاری برای ریسپانسیو استفاده کردید؟
-
کریم مصطفی زادهمی 24, 2021
سلام و درود
با مدیاکوئری و CSS خام
-
-
علیرضافوریه 12, 2021
سلام اقای مصطفی زاد ه من 2 دوره اموزش اموزش طراحی قالب با سی اس تری و اموزش رسپانسبو سازی با سی اس رو از شما خریدارکردم امااین براکت من درست کار نمی کنه میشه بگید شما چه نوع براکتی استفاده می کنید من هم استفاده کنم مال من اخرین ورزن هست
واین که اگر میشه یک اموزش در رابطه با نصب راکت و افزونه هاش و کابردش هم بزارید ممنون-
کریم مصطفی زادهفوریه 23, 2021
سلام و درود
پیشنهاد میکنم از ادیتور VSCode استفاده کنید
-
-
sajadbehinehاکتبر 18, 2020
سلام. ممنون از آموزش های بسیار پر انرژیتون. آقا باور کنید گاهی اوقات احساس میکنم کنارم هستین و حین آموزش ازتون سوال میپرسم.
سوال: همین اول آموزش به مشکل خوردم و وقتی در CSS به تگ header عرض و ارتفاع 100% میدم فقط عرض 100%اعمال میشه و ارتفاع رو به درصد قبول نمیکنه و حتما باید به پیکسل وارد کنم تا عکس رو کامل نمایش بده.-
کریم مصطفی زادهاکتبر 19, 2020
سلام و درود
ممنون از نظر و انرژی شما
برای اینکه یک المنت ارتفاع درصدی بگیره باید والد داشته باشه ، شما داخل استایل هاتون به body و html ارتفاع 100% بدید
موفق و پیروز باشید
-
-
miladamini841آگوست 17, 2020
سلام استاد
این اموزش رو الان خریدم… 20 دقیقه اول درس 6 رو نگاه کردم که شروع کردید به ریسپانسیو….انقد با حوصله و خوب درس دادید که وظیفه خودم دونستم تشکر کنم از صبر و حوصله ای که به خرج دادید و اینکه به جزئیات دقت داشتید…خیلی سپاسگزارم.-
کریم مصطفی زادهآگوست 17, 2020
سلام و درود
ممنون بابت اینکه نظرات خودتون رو ما در میان میزارید و بهمون انرژی میدید
خوشحالم که دوره مورد توجه تون قرار گرفته
موفق و پیروز باشید
-
-
mahdiz123آگوست 16, 2020
سلام استاد خسته نباشد ممنون از دوره خوبتون مثل همیشه عالی بود فقط یک سوال داشتم اینکه صفحه کروم من از 500px به بعد دیگه کوچیک نمیشه و با استفاده از inspect و Ctrl + Shift + M هم تغییرات ریسپانسیو (مدیاکوری ها) اعمال نمیشه اگه امکان داره راهنمایی کنید یا یک لینکی از مرورگر کروم بفرستید
-
کریم مصطفی زادهآگوست 16, 2020
سلام و درود
ممنون از نظر ارزشمند تون
با مرورگر فایرفاکس هم این مشکل رو دارید؟
-
-
miladamini841ژوئن 29, 2020
سلام استاد …ببخشید مزاحم شدم…بنده html تموم کردم و css رو هم اخراشه میخوام بیام این اموزشتون رو ببینم…خواستم بدونم ریسپانسیو که مربوط به زبان دیگری نمیشه ؟یعنی مثلا در این اموزش که نمیاییم سری به جاوا اسکریپت بزنیم مث اموزش html که از درس 20 به بعد مربوط به جاوا اسکریپت بود…یعنی ریسپانسیو کردن کاملا مربوط به css میشه؟ ممنون از زحمات و تدریس خوبتون استاد عزیز.
-
کریم مصطفی زادهژوئن 30, 2020
سلام و درود
خیر این دوره آموزشی فقط و فقط ریسپانسیوسازی با CSS هست
موفق و پیروز باشید
-
-
امینمی 18, 2020
سلام خسته نباشید
من یک اسکریپت فروشگاهی دارم
روی تبلت و کامپیوتر سایزش خوبه
اما با گوشی اسکرول افقی میخوره و از همه مهم تر دکمه های منو ابشاری کار نمیکنه
مثلا تو صفحه لوگین سای، خوبه اما بیشتر صفحات خراب و خب از همه مهم تر عمل نکردن همون دکمه های منو ابشاری
این اسکریپت همش php من متوجه نشدم این کد هارو کجا باید قرار بدم توی تمام صفحات ؟؟
یا اصلا این بدردم میخوره؟؟
اگر میشه راهنماییم کنید
و یا اگر این کار نیاز به هزینه داره بگید پرداخت میکنم-
کریم مصطفی زادهمی 19, 2020
سلام و درود
ببینید هر اسکریپت یا سایتی دارای یک فایل style.css هست و کار PHP استایل نویسی نیست ، شما داخل سایتتون فایل style.css رو پیدا کنید و خیلی راحت میتونید کدهای ریسپانسیو رو اضافه کنید
متاسفانه ما پروژه دریافت نمیکنیم
موفق و پیروز باشید
-
-
محمدرضامارس 30, 2020
سلام من وقتی میخوام مرورگر خودم رو کوچیک کنم از ۵۰۰ پیکسل کوچیکتر نمیشه و فکر میکنم چون از اخرین ورژن کروم استفاده میکنم اینطوریه
شما در این اموزش از کدوم ورژن کروم استفاده کردید؟-
کریم مصطفی زادهمارس 30, 2020
سلام و درود
از آخرین نسخه استفاده کنید و برای مشاهده سایز های مختلف ابتدا کلیک راست و inpect و در نهایت از کنترل های Ctrl + Shift + M اسفاده کنید
موفق و پیروز باشید
-
-
wizardمارس 21, 2020
سلام وقت بخیر استاد.ببخشید در بخش اول سایت شما برای
div.conteiner{max-width:1200px}
قرار دادید چرا از در صد نسبی استفاده نکردید%که مثلا این ظرف در هر سایزی اندازه 100در صد ویا 80 درصد بگیره ایا مشکلی به وجود میاد ؟-
کریم مصطفی زادهمارس 22, 2020
سلام و درود
به این خاطر px قرار داده میشه که ما در هر رزولیشنی باشیم عرض کانتینر ما همون 1200 پیکسل باشه و از اون بیشتر نشه برای مثال اگر شما درصد بدید و قالب خودتون رو توی یک نمایشگر 20 اینچ یا رزولویشن 1920 مشاهده کنید میبینید که کانتینر و المنت های شما اندازه شون خیلی متفاوت خواهد شد
موفق و پیروز باشید
-
-
wizardمارس 20, 2020
باسلام من نتونستم وارد کانال تلگرامی بشم.
-
کریم مصطفی زادهمارس 20, 2020
سلام و درود
از طریق آیدی amuzeshtak@ براحتی میتونید وارد کانال تلگرامی ما بشید
موفق و پیروز باشید
-
-
Amirفوریه 29, 2020
سلام مهندس میتونید یه کد تخفیف به من بدید من این دوره رو تهیه کنم تخفیف 60درصد هم که کلا درست نیست یعنی 60درصد واقعی نیست اگه میشه یه کد تخفیفی تا امروز بدید تا بتونم بخرم ممنون از شما که این اموزش های خوبو تهیه میکنید
-
کریم مصطفی زادهفوریه 29, 2020
سلام و درود
ببینید دوره ها نسبت به قیمت شون تخفیف شون هم متفاوت هست بعضی دوره ها بالای 60 درصد تا 90 درصد هم تخفیف خوردن اما دوره ریسپانسیو با توجه به اینکه قیمت چندان بالایی ندارد تخفیف ش رو نمیتونیم بیشتر از این قرار بدیم
موفق و پیروز باشید
-
-
hamid_ghpآگوست 27, 2019
با سلام و احترام
استاد گرامی جناب کریم زاده شما توی این دوره از مباحث فلکس باکس استفاده میکنید.
با تشکر-
کریم مصطفی زادهآگوست 27, 2019
سلام و درود
خیر ، دوره آموزش Flexbox به صورت رایگان در سایت موجود هست که میتونید مشاهده کنید
موفق و پیروز باشید
-
-
siroosآگوست 26, 2019
سلام آقا کریم ، من تو بحس ریسپانسیو طبق آموزش خودتون دارم میرم جلو اما وقتی از این دستور استفاده میکنم
@media screen and (max-width:600px){
.logo{
display: none;
}
}
max-width اجرا نمیشه.
ولی وقتی از min-width استفاده میکنم اجرا میشه ولی با مشکلات خاص min-width
مشکل از چی میتونه باشه؟میخوام از max-width استفاده کنم.
اکثر width های کاربردی هم براساس % می باشد.
از vscod استفاده میکنم.مرورگرم هم کروم Version 76.0.3809 استفاده میکنم.-
کریم مصطفی زادهآگوست 27, 2019
سلام و درود
لطفا از طریق آیدی تلگرامی که در صفحه تماس با ما قرار داده شده با بنده در ارتباط باشید
موفق و پیروز باشید
-
-
محمدرضا نجفیآگوست 19, 2019
سلام واقعا دوره هاتون از هر نظری کامل و عالی فقط کی آموزش php رو میزارین ؟
-
کریم مصطفی زادهآگوست 19, 2019
سلام و درود
با تشکر از نظر ارزشمند شما ، خوشحالیم که دوره ها مورد توجه شما قرار گرفتن
متاسفانه در حال حاضر دوره طراحی قالب وردپرس در حال ضبط هست اما انشالا در آینده حتما PHP رو آموزش خواهیم دادموفق و پیروز باشید
-
-
d.bakhtvarآگوست 11, 2019
سلام و خسته نباشید! ممنون از آموزش های خوب و کاربردیتون،
استاد عزیز خواستم بدونم ابن دوره ریسپانسیو با استفاده از تکنیک Grid یا flex یا بر اساس تقسیم بندی های عرضی صفحه(.col-1 {width: 8.33%;}) و مدیا کوئری؟-
کریم مصطفی زادهآگوست 11, 2019
سلام و درود
با سپاس از نظر ارزشمند شما
در این دوره آموزشی ریسپانسیوسازی قالب با استفاده از مدیا کوئری CSS انجام میشه اما در دوره آموزش بوت استرپ 4 برای ریسپانسیوسازی قالب از Grid System و Flexbox استفاده میکنیمموفق و پیروز باشید
-
-
Alferdoجولای 15, 2019
سلام آقای مصطفی زاده خسته نباشید.
میخواستم بدونم سایت ها رو چجوری داینامیک می کنن؟-
کریم مصطفی زادهجولای 15, 2019
سلام و درود
برای داینامیک کردن سایت ها دو روش کلی وجود داره : 1- استفاده از برنامه نویسی سمت سرور مثل PHP یا ASP و ساخت یک سیستم مدیریت محتوای اختصاصی 2- استفاده از یک سیستم مدیریت محتوای آماده مثل وردپرس یا دیگر CMS ها که در این روش شما قالب سایتتون رو طراحی میکنید و در نهایت با توابع مخصوص وردپرس قالب رو تبدیل میکنید
موفق و پیروز باشید
-
-
engineerژوئن 11, 2019
سلام وقت بخیر و خسته نباشید.
با تشکر از سایت خوبتون با آموزش های عالی
ببخشید من این دوره ی شما رو خریداری کردم آموزشتون عالی بود.
یه سوال داشتم تو قسمت اول آموزش که هدر را میسازیم یه تصویر تو css به بکگراند هدر تعریف میکنیم و height آن را 100% قرار میدهیم من وقتی این کار را انجام میدم هدرم 100% نمیشه تقریبا 50پیکسل میشه البته دلیلشو پیدا کردم از doctype html هست وقتی این رو از اول کد html برمیدارم عکس رو کامل یعنی 100% نشون میده. خواستم ببینم دلیل آن چی هست و راهی هست که doctype html باشه و height آن 100% بشه؟
بازم ممنون از سایت خوبتون-
کریم مصطفی زادهژوئن 11, 2019
سلام و درود
با تشکر از نظر ارزشمند شما
بله وقتی ما داخل سند خودمون از doctype استفاده نمیکنیم html و body ارتفاع صددرصد رو میگیرن اما وقتی doctype رو قرار میدیم html و body فقط به اندازه المنت های فرزند ارتفاع میگیرن به همین خاطر این مشکل پیش میاد
برای رفع این مشکل اگر بالا doctype رو قرار دادین استایل زیر رو داخل CSS قرار بدین :
html,body{
height:100%;
}
موفق و پیروز باشید
-
-
majidghaffariمی 19, 2019
سلام وقت بخیر متاسفانه کد تخفیف ramezan کار نمیکنه و هیچ اروری هم نمیده !!!
-
کریم مصطفی زادهمی 19, 2019
سلام و دورد
طی اطلاع رسانی های مککر داخل کانال تلگرام آموزش تک کد تخفيف رمضان منقضی شده
موفق و پیروز باشید
-
majidghaffariمی 19, 2019
کوپن “ramezan” وجود ندارد!
مگه کد تخفیف یک ماهه نبود برای ماه رمضان؟!!!-
کریم مصطفی زادهمی 19, 2019
خیر داخل کانال تلگرام هم اطلاع رسانی شد که کد تخفیف منقضی خواهد شد
-
-
-
-
-
کریم مصطفی زادهمی 5, 2019
سلام و درود
به چه مشکلی برخوردید لطفا خطارو کامل برای ما بفرستید
موفق و پیروز باشید
-
-
mehdi__hgآوریل 29, 2019
سلام خسته نباشید مرسی از اموزش خوبتون
یه سوالی دارم من وقتی این قالب رو تو دیوایس های دیگه باز میکنم فایل css و عکس هام لود نمیشه لینک html به css رو هم چک کردم-
کریم مصطفی زادهآوریل 30, 2019
سلام و درود
ممنون از نظر ارزشمند شما
لطفا از طریق قسمت تماس با ما با آی دی تلگرام مدیریت در این مورد تماس بگیریدموفق و پیروز باشید
-
-
mosa mohammadiآوریل 21, 2019
عالی بود خیلی قشنگ توضیح دادید اون نکته ها هم که گفتید خیی جالب بود ممنون
-
کریم مصطفی زادهآوریل 22, 2019
سلام و درود
خوشحالیم که این دوره آموزشی مورد توجه شما واقع شده
با سپاس از نظر ارزشمند شماموفق و پیروز باشید
-
-
eshghi68فوریه 16, 2019
سلام وقت بخیر
خواستم بدونم که بازهم در انتهای سال تخفیف میزارید برای محصولاتتون یا این آخرین دوره تخفیف امسال هستش؟-
کریم مصطفی زادهفوریه 16, 2019
سلام و درود
در حال حاضر 30 درصد تخفیف بر روی دوره ها اعمال شده و فعلا مشخص نیست که چه زمانی دوباره تخفیف بر رو دوره ها اعمال شود
موفق و پیروز باشید
-
-
alireza22فوریه 7, 2019
سلام خیلی ممنون از آموزش خوبتون یک سوال داشتم چطوری میتونم کاری کنم که منویی که ساختم مثل آموزش شما با حالت آرام تر و زیبا تری ظاهر بشه
-
کریم مصطفی زادهفوریه 8, 2019
سلام و درود
خوشحالیم که این دوره آموزشی مورد توجه شما واقع شده
برای اینکار میتونید از keyframes در css استفاده کنید اما روش بهتر استفاده از جاوا اسکریپت یا جی کوئری هست که ما دقیقا همچین منویی رو در آموزش جاوا اسکریپت طراحی کردیم که در پیش نمایش دوره میتونید ببینید
موفق و پیروز باشید
-
-
mohammad adinehژانویه 5, 2019
با عرض سلام و ادب آقای مصطفی زاده
ابتدا به خاطر آموزش های خوب و جامعتون خسته نباشید میگم و تشکر .مشکلی داشتم . اینکه موقعی که تغییراتی روی قالب سایتم اعمال میکنم و اون رو روی هاستم آپلود میکنم همه چیز درسته ولی وقتی که بازدید کننده ای که قبلا از سایت دیدن کرده ، تغییرات جدید رو نمیبینه و برای اینکه تغییرات جدید رو ببینه باید کش مرورگر رو پاک کنه.
آیا باید دستور یا کدی اضافه کنم ؟
چه طور میتونم مشکلم رو حل کنم ؟-
کریم مصطفی زادهژانویه 5, 2019
سلام و درود
از نظر و دیدگاه ارزشمند شما سپاسگزاریم ، خوشحالیم که دوره ها مورد توجه شما همراه عزیز ما قرار گرفته
اگر هاستتون لینوکس باشه ،با استفاده از فایل htaccess میتونید مشخص کنید که فایل های سایتتون تا چه مدت توی کش مرورگر کاربر ذخیره بشه و چند وقت یکبار فایل ها رو بروز کنه
برای اطلاع از این کدها کافیه این مورد رو توی گوگل سرچ کنیدموفق و پیروز باشید
-
-
amirhossein_designerاکتبر 10, 2018
امید وارم این دوره در تخفیف هفتگی بعدی تخفیف بخوره تا تهیش کنم.
4 دیدگاه
سلام بنده طبق این ریسپانسیو سازی برای سایتی که خودم طراحی کردم پیش رفتم، متاسفانه زمانی که سایز آن کوچک میشود و برروی منوبار کلیک میکنم منو ظاهر نمیشود، مشکل جیست؟
باتشکر
سلام و درود
لطفا از قسمت تماس با ما با آیدی تلگرام مدیریت در ارتباط باشید
موفق و پیروز باشید
سلام بخش ریسپانسیو سازی بخش header و منوهای قالب قابل دانلود نیست چرا؟
سلام و درود
مشکلی برای دانلود این درس وجود ندارد
لطفا دوباره بررسی کنید
موفق و پیروز باشید