نحوه تغییر لینک در یک صفحه وب تحت تاثیر قرار می گیرد

حذف پیوندها را تحت تأثیر قرار دهید یا ایجاد خطوط نقطه کشیده یا دو لینک تحت تأکید

به طور پیش فرض، مرورگرهای وب برخی از سبک های CSS خاصی دارند که به عناصر HTML خاص اعمال می شوند. اگر شما این پیش فرض ها را با صفحات سبک خود سایت خود بازنویسی نکنید، سپس پیش فرض ها اعمال می شود. برای لینک ها، سبک پیش فرض نمایش این است که هر متن مرتبط آبی و زیر خط دار باشد. مرورگر این کار را انجام می دهد به طوری که بازدیدکنندگان سایت به راحتی می توانند متن مورد نظر را مشاهده کنند. بسیاری از طراحان وب برای این سبک های پیش فرض، به ویژه آنهایی که برجسته هستند، اهمیت نمی دهند. خوشبختانه، CSS باعث می شود که تغییر ظاهر کسانی که تحت تأثیر قرار می گیرند یا کاملا حذف شوند.

حذف خط زیرین در لینک های متنی

متن زیر تحت عنوان میتواند به خواندن متن غیر خطی تبدیل شود. علاوه بر این، بسیاری از طراحان به راحتی به دنبال لینک های متنی تحت تأثیر نیستند. در این موارد، شما احتمالا می خواهید این لغات را به طور کامل حذف کنید.

برای حذف زیر خطوط از لینک های متنی، شما از CSS ویژگی های متن دکوراسیون استفاده کنید. در اینجا CSS شما برای انجام این کار بنویسید:

{{متن-دکوراسیون: هیچ؛ }

با استفاده از آن یک خط از CSS، زیر خط زیر را از همه لینک های متنی حذف کنید. اگر چه این یک سبک بسیار عمومی است (از یک انتخابگر عنصر استفاده می کند)، هنوز ویژگی خاصی نسبت به سبک های مرورگر پیش فرض دارد. از آنجا که این سبک های پیش فرض، آنچه را که برای شروع آغاز می کنید، ایجاد می کند، این چیزی است که شما نیاز به بازنویسی آن دارید.

احتیاط در مورد حذف موارد زیر را برجسته می کند

به طور چشمگیری، حذف زیر خطوط ممکن است دقیقا همان چیزی است که شما می خواهید انجام دهید، اما هنگام انجام این کار، باید محتاط باشید. این که آیا شما نگاه از لینکهای زیر را دوست دارید یا نه، نمیتوانید استدلال کنید که آنها آن را آشکار میسازند که کدام متن مرتبط است و چه چیزی نیست. اگر برداشته شده یا تغییر رنگ رنگ پیوسته به طور پیش فرض آبی رنگ را بردارید، باید مطمئن شوید که آنها را با سبکهایی که هنوز متن متناسب باقی مانده است، جایگزین کنید. این برای یک تجربه بصری برای بازدیدکنندگان سایت شما ایجاد می شود.

آیا غیر لینک ها را تحت تأثیر قرار نمی دهید؟

احتیاط دیگر در ارتباطات و تأکید بر آن، متن را برجسته نکنید که یک لینک به عنوان راهی برای تأکید بر آن نیست. مردم انتظار دارند متن زده شده را به عنوان یک لینک بنویسند، بنابراین اگر محتوای را به منظور اضافه کردن تأکید (به جای اینکه آن را به صورت جسور یا کلاسیک آن) تأیید کنید، پیامی اشتباه را ارسال می کنید و کاربران سایت را اشتباه می گیرند.

خط زیر را به نقاط یا نقاط تغییر دهید

اگر می خواهید پیوند متنی خود را تحت تأثیر قرار دهید، اما تغییر سبک آن را از نگاه پیش فرض، که خط "سرباز" است، تغییر دهید، می توانید این کار را انجام دهید. به جای آن خط جامد، شما می توانید از نقطه برای برجسته کردن لینک خود استفاده کنید. برای انجام این کار، زیر خط زیر را حذف خواهید کرد، اما شما آن را با ویژگی سبک border-bottom جایگزین خواهید کرد:

{{متن-دکوراسیون: هیچ؛ border-bottom: 1px dotted؛ }

از آنجایی که خط زیر را حذف کرده اید، نقطه ی نقطه ی تنها یکی از آن ظاهر می شود.

شما می توانید همان کار را برای گرفتن خطرات انجام دهید. فقط سبک مرز پایین را به صورت نقاشی تغییر دهید:

{{متن-دکوراسیون: هیچ؛ border-bottom: 1px dotted؛ }

رنگ Underline را تغییر دهید

راه دیگری برای جلب توجه به پیوندهای شما این است که رنگ زیرین را تغییر دهید. فقط مطمئن شوید که رنگ متناسب با طرح رنگ شما است .

{{متن-دکوراسیون: هیچ؛ border-bottom: 1px solid red؛ }

دو تاکید دارد

ترفند برای استفاده از دو خط زیر این است که شما باید عرض عرض را تغییر دهید. اگر یک مرز عرضی 1 پیکسل ایجاد کنید، با یک خط زیر دو خط زیر ظاهر میشوید که یک خط زیر را نشان میدهد.

{{متن-دکوراسیون: هیچ؛ border-bottom: 3px double؛ }

شما همچنین می توانید از خط زیر موجود استفاده کنید تا دو خط زیر را با ویژگی های دیگر، مانند یکی از خطوط نقطه نقطه، ایجاد کنید:

a {border-bottom: 1px double؛ }

دولتهای پیوند را فراموش نکنید

شما می توانید سبک مرزی پایین را به لینک های خود در حالت های مختلف اضافه کنید مانند: hover،: active، or: visited. این می تواند یک تجربه خوب سبک "چرخش" را برای بازدیدکنندگان ایجاد کند که شما از آن کلاس شبه "شناور" استفاده می کنید. هنگامی که روی پیوند روی پیوند کلیک کنید، یک خط زیر نقطه ی نقطه دوم ظاهر می شود:

{{متن-دکوراسیون: هیچ؛ } a: شناور {border-bottom: 1px dotted؛ }

مقاله اصلی جنیفر کریینین. ویرایش توسط جرمی جیرارد