مرجع رسمی مقالات طراحی سایت

مرجع رسمی مقالات طراحی سایت

مرجع رسمی مقالات طراحی سایت

مرجع رسمی مقالات طراحی سایت

سلکتور disabled: در css

یکی از دیگر از گزینش کننده هایی که بسیار در پیاده سازی با css به شما امداد خواهد کرد ، سلکتور disabled میباشد . این سلکتور برای پیاده سازی خوب روی المان های غیرفعال یک هیبت قابل به کارگیری میباشد . همان طور که ممکن میباشد استحضار داشته باشید ، برای المان های هیبت همانند input و textarea یا این که button و … می‌اقتدار صفت disabled را قرار داده و المان مدنظر را غیرفعال کرد به شکلی که مخاطب قوی طراحی سایت در مشهد به کار گیری یا این که کامل شدن و تغییر و تحول درون آن نباشد . به عنوان مثال به مثال ذیل اعتنا نمایید : هنگامی که disabled به باطن input اضافه شد ، قابلیت استعمال از آن نیست . فعلا فکر کنید که قصد داریم تا برای المان های غیرفعال در قسمت input ها یک استایل تمجید کنیم . این استایل را در بخش اعظمی از تارنما‎‌ها مشاهده کرده‌اید . المان هایی از هیبت که بصورت disabled یا این که غیرفعال می‌باشند ، یک شرایط غیرفعال و بی سروصدا دارا‌هستند که رنگ بگراند آن ها بصورت خاکستری رنگ تبدیل گردیده است . این استایل را فقط در قوانینی می‌قدرت روی المان های هیبت تشکیل داد که المان دارنده صفت disabled بوده و بتوانیم آن را تعیین کنیم . روش استفاد از انتخابگر disabled فعلا قصد داریم تا کلیه المان هایی از هیبت که نوع آن‌ها input از نوع text میباشد را تعیین کرده و استایل آن را تغییر و تحول دهیم . یک مثال کد به صورت تحت میباشد : input[type=\"text\"]:disabled { background: #ccc; } عملا ورودی هایی که به صورت disabled می باشند غیر قابل به کارگیری میباشند و بایستی بوسیله یک استایل بهتر ، این خصوصیت را به مخاطب آرم بخشید . اعتنا داشته باشید که هیبت ها یکی‌از مطرح ترین و مهم‌ترین نصیب هایی میباشند که مسبب ساخت و ساز یک UX بهتر و یا این که بد در تارنما شما خواهند شد . در حالتی‌که به همه وبسایت های تبارک دقت فرمایید متوجه خواهید شد که هیبت های ورود و نام نویسی در حال حاضر بسیار معمولی پیاده سازی می گردند و فقط با وارد کردن شماره تماس قدرتمند می باشید تا بلافاصله باطن تارنما نام نویسی فرمایید و کامل شدن مواقعی همانند اسم و اسم خانوادگی و اطلاعاتی از این دست ، بعدا نیز ممکن میباشد و می توانید از روش پروفایل یا این که اکانت کاربری خودتان این قسمت را نیز کامل شدن نمایید . پیشنهادی : یادگرفتن سلکتور checked: در css خلال هیبت های ورود و نام نویسی ، بقیه هیبت ها نیز در بهبود یوایکس وب سایت اثر بسزایی دارا‌هستند . از جمله یک هیبت تصویب درخواست فروشندگی در تارنما را فکر کنید . برای اینکه یک فروشنده به عده فروشندگان دکان شما اضافه گردد خوب میباشد تا در صدر با یک هیبت مختصر و اثرگذار نام نویسی خویش را اجرا دهد و بقیه داده ها تکمیلی همانند لود پروانه استخراج و … و هر موردی که در قدم نخستین به آن نیازی وجود ندارد ، بعداز جاری ساختن روند نام نویسی و احراز نام‌و‌نشان در باطن اکانت کاربری صورت پذیرد . مشقت بیشتراز حد هیبت ها مسبب ساخت و ساز یک تجارب کاربری نامناسب و گریزو فرار استفاده کننده از وبسایت شما گردد . خلال تعداد المان های درون هیبت ، نشانه گذاری و پند صحیح درون هیبت نیز مداقه اکثری داراست . یک مثال همین استایل نویسی مطلوب برای شرایط disabled میباشد تا استفاده کننده متوجه گردد که نیازی به کامل شدن این ورودی ها نداشته و عملا برای وی غیرفعال میباشد . به عنوان مثال به مثال ذیل اعتنا نمائید : این یک مثال ورودی برای شماره گوشی میباشد که زیرا استفاده کننده در هنگام نام نویسی ، به وسیله شماره گوشی احراز نام و نشان شد‌ه‌است ، دیگر نیازی به تغییر و تحول آن وجود ندارد و مخاطب مدام با این شماره تلفن همراه در تارنما شناخته گردد و از گذشته این مقدار باطن مقر داده تارنما که مرتبط با این استفاده کننده میباشد ذخیره شد‌ه‌است . چه هنگامی یک المان بایستی disabled گردد ؟ اما در این زمینه فراتر کلام شد که چه وقتی بعضی المان های باطن هیبت ممکن میباشد disabled شوند البته خواص disabled شدن المان های هیبت ممکن میباشد در طی فرآیند نرم‌افزار نویسی در دست گرفتن خواهد شد ، فکر کنید شما فرمی دارید که درون آن آغاز نوع جنسیت رقم خورده و بعد از آن موقعیت نظام وظیفه را مشخص و معلوم خواهید کرد . اینک در شرایطی‌که جنسیت ” زن ” گزینش گردد ، نصیب شرایط نظام وظیفه بایستی غیرفعال گردیده و خواص disabled بوسیله دستورها نرم‌افزار نویسی بصورت در اختیار گرفتن گردیده به‌این قسمت اضافه گردد . یا این که به عبارتی نمونه شماره تلفن همراه در صدر ! هنگامی که شما به وسیله یک شماره گوشی در باطن سایتی نام نویسی کرده و احراز نام و نشان کردید ، در معقولانه ترین وضعیت نباید از باطن اکانت کاربری خودتان قابلیت و امکان دستکاری شماره تماس را داشته باشید مگر اینکه از روش تماس با مدیر این عمل برای شما صورت پذیرد چراکه مطمئنا احراز نام‌و‌نشان مجددی می بایست صورت پذیرد . شما بعنوان یک طراح بایستی همه حالات ممکن را برای المان های هیبت بوسیله css پیاده سازی فرمایید . همان موقعیت های disabled ، شرایط focus یا این که وضعیت read only بایستی به وسیله شما استایل نویسی گردد تا در شرایطی که از هر مورد از حالات ممکن باطن هیبت استعمال شد ، تمایز در ورودی های هیبت شم گردد خصوصا در پروژه های بلندمرتبه ساخت سایت و یا این که پوسته های وردپرس که استحضار نداریم استفاده کننده پایانی وبسایت شما که می باشد و از چه هیبت هایی درون تارنما به کارگیری خواهد کرد ، بایستی این مورد ها با تمرکز بیشتری صورت پذیرد . متاسفانه اکثری از اشخاص به‌این مفاد بی ملاحظه میباشند و فقط پندار آن ها تنها پیاده سازی یک پوسته و به درآمد رساندن آن در کوتاه ترین فرصت میباشد . یک پوسته عالی نماد خواهد اعطا کرد که یک طراح برنده و کاربلد پشت این پروژه بوده که مسبب ارتقاء فروش تولید ها یا این که ارتقا مشتریان و کارفرمایان ساخت سایت میباشد از این جهت کوشش داشته باشید تا دربین شما و بقیه عده ای که در حوزه شما به نوعی حریف می باشند ، تمایز ساخت گردد . امید‌وار‌یم محتوای این نوشته‌علمی برای شما اثر گذار واقع گردیده باشد برای استخراج مهارت های بیشتر و یادگیری اصول در قضیه پیاده سازی با css میتوانید مقاله‌ها مرتبط با حوزه طراحی وب سایت و همینطور عصر های آموزشی فرانت‌اند در تارنما بهینه سازی نود را دنبال نمایید . مقصود تیم بهینه سازی نود ، ارائه فراگیری های پروژه مبنا ، اصولی ، صادقانه و متناسب با نیاز بازار فعالیت میباشد تا شما علاقمندان به دنیای ساخت وب سایت بتوانید در مسیری کوتاه‌خیس ، هموارتر و اما هندفمندتر به بیشترین درآمد ممکن با اعتنا به مهارت های خویش برسید .

نظرات 0 + ارسال نظر
برای نمایش آواتار خود در این وبلاگ در سایت Gravatar.com ثبت نام کنید. (راهنما)
ایمیل شما بعد از ثبت نمایش داده نخواهد شد