پرسش و پاسخ – کار با دکمه ها در CSS
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با پرسش و پاسخ – کار با دکمه ها در CSS با من همراه باشید.
Free-Learn
پرسش از شما، پاسخ از بنده تا جایی که بتونم و در توانم باشه، لطفا پرسش تان را فقط در رابطه با بخش مشخص شده ارسال نمایید تا نظم و ترتیب در بخش پرسش و پاسخ بخوبی رعایت شود.
برای مشاهده بخش – آموزش کار با دکمه ها یا Buttons در CSS لطفا اینجا کلیک نمایید. .
لطفا پرسشی که ارسال مینمایید فقط مربوط به بخش [ آموزش کار با دکمه ها یا Buttons در CSS ] باشد، در غیراینصورت پرسش شما تایید نخواهد شد.
سلام میخواستم بپرسم که چطوری وقتی موس روی button میاد یه تکست رو زیرش نمایش بده
باسلام و عرض ادب خدمت شما دوست محترم
خب از روش های مختلفی میشه اینکارو کرد.
برای مشاهده مثال لطفا کلیک کنید
یا پیشنهاد میکنم ، اگه میخواید وقتی ماوس بروی یه چیزی (متنی و..) قرار میگیره یه متن دیگه بالاش یا پایینش نمایش داده بشه از تولتیپ استفاده نمایید. ( آموزش ایجاد تولتیپ در CSS )
سلام. وقت بخیر. من میخوام وقتی روی signup کلیک میکنم بوردر ثبت نام در همون صفحه ظاهر بشه، در ضمن در حالت عادی وقتی که روی signup کلیک نمیکنیم روی display:none است. میخوام تقریباً مثل تصویر شماره دو که ارسال کردم بشه، چکار باید بکنم؟ البته من در html قسمت ثبت نام از لینک استفاده نکردم. با تشکر.
https://files.free-learn.ir/myhelp/css/upload_user/user_0003.png
https://files.free-learn.ir/myhelp/css/upload_user/user_0004.png
لطفا سورس های زیر را بررسی نمایید
نمونه شماره ۱ : دمو
نمونه شماره ۲ : دمو
دانلود نمونه شماره ۱ و ۲
سلام وقت بخیر. خسته نباشید
استاد جان بنده میخوام وقتی با موبایل وارد سایتم شدن در پایین صفحه گزینه “افزودن به صفحه اصلی” رو برام بیاره . مانند سایت irancell . با چه کدی بنویسیم
با سلام و عرض ادب
سورس کد اینکار جوری نیست که بتونم دموی آنلاین و دقیق و بدون مشکل ارائه بدم بهتون، چون برای اینکار یسری موارد هست که باید رعایت شوند.
یکی ایجاد و فعال بودن سرویس service-worker هست بروی سرور ، و اینکه مثلا باید سرور ssl داشته باشه ( اتصال امن – گواهینامه امنیتی SSL )
ولی خب سورسی بروی گیت هاب ( برای مشاهده سورس کلیک کنید ) قرار داده شده که بنظر کار میکنه.
دموی سورس را از اینجا مشاهده نمایید ( با گوشی موبایل وارد شوید )
سایت ایرانسل هم دقیقا از همین سورس استفاده میکنه.
میخواستم بگم این سایت رو ببینید:
http://blacktheme.ir
من اهل تبلیغ نیستم و میخواستم بگم اونجا رو ببینید که تا موس میره روی باکسی که نوشته وردپرس و اینا باکس میره بالا این سایت از چه کدی استفاده میکنه که باکس میره بالا لطفا جواب بدید.
از ویژگی transform استفاده شده
اینکه میگم شما هنوز بطور کامل CSS رو یاد نگرفتید برای همینه، وقتی همه چیز CSS یا HTML رو بطور کامل بلد باشید دیگه چیزی نیست که ندونید چجوری درست شده
مثال
خب، کاش یه پستی درمورد سه سالگی فری لرن نوشته میشد و میتونستیم پایینش کلی جشن بگیریم، حیف که مهندس آقای اسدی اینکارو انجام ندادن
من از اینجا تولد سه سالگی فری لرن رو تبریک میگم و امیدوارم همیشه موفق و سربلند باشه، البته مدیر سایت (صادق اسدی) مهم ترین و بزرگترین مهره این سایت محسوب میشه که برای ایشون هم آرزوی سلامتی رو دارم.❤❤❤❤❤❤🧡🧡🧡💛💛💛💚💚❤💜🎉🎉🎉🎂
باسلام و عرض ادب خدمت آقا وحید گل، همراه همیشگی فری لرن
من واقعا تشکر میکنم از بابت لطفی که نسبت به سایت فری لرن ( سایت خودتون ) دارید، ممنونم از لطفتون ❤❤❤❤❤❤
والا من زیاد این چیزا ( تولد و.. ) برام مهم نیست، در دسترس بودن و استفاده مردم از سایته که برام مهمه
و امیدوارم که سایت مفید واقع بشه و همه بتونن نهایت استفاده رو ببرن
بازم تشکر میکنم از آقا وحید گل
سلام اقای اسدی چطورین خوبین؟ منو یادتون میاد؟ تو همین کامنتا اذیتتون میکردم😂 چرا فعالیت نمیکنید؟ تو صفحه درباره فری لرن زدید جی کوئری و بوت استرپ یاد میدید بعدا انشالله ولی خیلی وقتی جی کوئری منسوخ شده و بوت استرپ استفاده نمیشه نظرتون چیه تیلویند سی اس اس رو همراه با ویو جی اس یاد بدید بجاش؟
سلام و عرض ادب
امیدوارم که حالتون خوب باشه
متاسفانه وقت و زمان کمبود دارم ولی سعی میشه آموزش ها قرار بگیرن
خب از چه نظریه ای میفرمایید که جی کوئری و بوت استرپ منسوخ شدن؟
جی کوئری که سایت رو کند میکنه و وقتی اضافش میکنی ۲۰۰۰ تا فانکشن داره طرف کلا ۲ تاشو استفاده میکنه تو پروژه خب میایم از ویو جی اس یا ری اکت استفاده میکنیم خیلی بهترن با اینکه کلا فرق دارن و بوت استرپ هم همینطور در صورتی که توی تیلویند سی اس اس هر کدی که نیاز هست اضافه میشه به سی اس اس و کد های اضافی نمیاد و کلا کار سریعتر و بهتره خودتون که کار کنید میفهمید اینجوریه که ما خودمون که مینویسیم ده تا کلس داریم تو هر کدوم زدیم دیسپلی فلکس برای مثال ولی تو تیلویند اینطوری میشه یدونه کلس فلکس هست توی ده تا سکشن یا دیو زده شده خب بهتره حجم میاد پایین ولی از طرفی دیگه کلاس ها زیاد میشه
باسلام
اونجوری هم که شما میفرمایید نیست هم در مورد جی کوئری و هم بوت استرپ
بنظر میاد شما هنوز خیلی حرفه ای ساختار CSS رو اوکی نشدید!؟
چون فقط غیرحرفه ای ها هستن که میان و در داخل ۱۰ کلاس مجزا مثلا display:flex میزنن
اینکار اشتباه هستش ، شما باید یه کلاس درست کنی به اسم مثلا d-flex بعدش داخلش از یه دونه display:flex استفاده کنی و بعدش هرکجا خواستی ازش استفاده کنی فقط کلاس d-flex رو اضافه میکنی، کاری که بوت استرپ استفاده میکنه
ام ببینید فکر کنم تاحالا با تیلویند کار نکردین منظور من هم همین بود دقیقا تیلویند اینکار رو میکنه باهاش کار کنید میفهمید خیلی بهتره در صورتی که بوت استرپ مثلا ۱۰ تا دکمه آماده داره و ما یکیش رو استفاده میکنیم خب قطعاً کلس های اضافی و کد های اضافی هم هستن خب باعث میشه حجم سایت و سرعت لود بره بالا تر چون مرورگر باید کدی رو بخونه که اصلا استفاده نشده منظور من برای جی کوئری و بوت استرپ اینه در صورتی که شما برین با تیلویند سی اس اس کار کنید میفهمید چقدر بهتره و دقیقا همینطوره اصلا کامپوننت نمیده بهتون فقط کلاس هستن داکیومنت رو مطالعه کنید متوجه میشید جی کوئری هم دقیقا همینطوره چیزایی داره که شاید اون طرفی که ایمپورت کرده داخل سایت فقط از ۲ تاش استفاده کرده با اینکه خیلی کد دیگه هم هست که استفاده نشده و این باعث کندی میشه
با سلامی مجدد
خب الان داخل همین صفحه خودت imdanieldev.ir
۲تا فایل JS لود میشه با یک فایل CSS
از Tailwind CSS هم استفاده شده
خب الان شما به من بگو اون ۲تا فایل JS برای چیه؟ کاربردش چیه؟ چه چیزی در صفحه وجود داره که باید اون فایل های JS وجود داشته باشن؟
یا حتی فایل CSS ، خیلی از دستوراتش داخل صفحه استفاده نشده ولی در فایل وجود داره و لود میشه
من فکر میکنم شما باید پروژه واقعی بنویسی و این ذهنیت فعلی ( تاحدودی اشتباه ) رو بزاری کنار، اگه تا ۱۰۰سال دیگه بخوای فقط بهش فکر کنی یا فقط متن بخونی و داکیومنت و.. هیچ فایده ای برای شما نداره و قطعا هیچوقت شمارو این چیزا برنامه نویس نمیکنه
یعنی شما بیا کاملا غیراستاندارد کدنویسی کن ، اصلا اشکالی نداره ولی فقط یه کار واقعی انجام بده یه چیز واقعی کدنویسی کن و بیار بالا
اینکه من بخوام بشینم و بگم با وارد کردن بوت استرپ و جی کوئری سایتم سنگین میشه پس ولش کن، یا هرچیز دیگه ای ، این فقط وقت تلف کردنه و قطعا چیزی برام نداره
خب الان چقد دانش کافی داری؟ مثلا با HTML,CSS,JS کامل اوکی هستی؟ با VueJs اوکی هستی؟ با Tailwind اوکی هستی؟ خب علی یارت یه سیستم و سایت واقعی بیار بالا ، بزار غیراستاندارد باشه فقط بیار بالا تا تازه متوجه میشی که چه چیزایی در انتظارته و..
مهم اینه که چیزی که تو ذهنته بتونی به واقعیت تبدیلش کنی
دوتا فایل js عه درسته ولی اخریه برای سایت نیس برا کلودفلره فقط همین دوتان من html css js اوکی ام تیلویند و ویو جی اس هم بلدم ولی نمیدونم چیکار کنم باهاشون چی بسازم php هم بلدم در حد کار با دیتابیس که بشه باهاش یه بلاگ راه انداخت ولی نمیدونم چیکار کنم دقیقا خیلی چیز ها دارم واسه ارائه ولی دیگه توی وب اونجور که مطالب باید دیده بشه دیده نمیشه یه کانال توی تلگرام راه انداختم تلگرام الان پر شده از دولوپر کامینیتی های واقعا خوبی داخلشن و اونجا خیلی خوب دیده میشه مطالب ولی تو وب اطلا نمیدونم چیکار کنم که مخاطب جذب کنم
با هرچی که بلدی یه سایتی ، پروژه ای یا هرچی بیار بالا فقط همین
حتی اگه شده یه سیستم ثبت نام و ورود ساده ولی واقعی ( که با دیتابیس کار کنه ) بیار بالا
مهم اینه که یکاری رو انجام بدی
این پروژه رو درست کن که شامل صفحات،ویژگی های زیر باشه :
+ طراحی پایگاه داده برای یک سیستم ثبت نام و ورود
+ صفحه ثبت نام
+ از طریق ایمیل یا SMS
+ صفحه ورود
+ از طریق نام کاربری و رمز یا از طریق رمز یکبار مصرف SMS
+ صفحه فراموشی رمز عبور
+ از طریق ایمیل یا SMS
+ پنل مدیریت برای ادمین
+ مدیریت کاربران ثبت نام شده ( ویرایش ، حذف و.. )
+ تنظیمات سایت ( مثلا تنظیمات صفحه ثبت نام و.. )
+ ویرایش پروفایل مدیر ( رمز و.. )
+ پنل پروفایل برای کاربران
+ صفحه ویرایش پروفایل ( ایمیل ، شماره تماس، رمز و.. )
+ ثبت و نمایش ورودهای اخیر کاربر به پروفایلش ( نام پلتفرم، نام مرورگر، آدرس IP )