زیرخط هایتان را بردارید!
از زیرخط یا underline معمولا برای برجسته نشان دادن و یا تاکید روی یک قسمت از متن استفاده می‌شود و در برخی موارد در طراحی های وب هم برای کاربردهای مختلف از زیرخط زیاد استفاده می‌شود٬ مثلا برای نشان دادن لینک ها٬ آنها را با زیرخط متمایز می‌کنند که البته بستگی به سلیقه طراح و روش کار آن نیز دارد.
حالا چرا زیرخط هایمان را برداریم یا به عبارتی دیگر از آنها کمتر استفاده کنیم؟! برای اینکار دلیل واضحی دارم! که البته در ادامه راهکارهایی هم برای کسانی که نمی‌خواهند این کار را انجام دهند ارائه خواهم داد.
همانطور که می‌دانید زبان‌های مختلف نوشتار های مختلفی هم دارند و این مهم‌ترین دلیل ما برای استفاده نکردن از زیرخط است. چرا که زیرخط های استاندارد بر اساس نوشتار زبان هایی همچون انگلیسی تهیه شده اند و زبان هایی با نوشتار انگلیسی معمولا به طور کامل روی خط نوشته میشوند و قسمت های اضافی ندارند که در زیر خط قرار بگیرد اما زبان فارسی به این صورت نیست و در نوشتار حرف‌ها قسمت‌هایی وجود دارد که زیر خط قرار می‌گیرند و این مشکل ایجاد می‌کند٬ مثل حرف‌هایی همچون «ع ح س ر ب» و دیگر حرف‌ها که کم هم نیستند.
اما بگذارید با یک مثال ساده منظورم را بهتر برسانم٬ برای مثال من دو متن را با حروف فارسی و انگلیسی می‌نویسم و برای آنها زیرخط استاندارد می‌گذارم تا شما دلیل گفته‌ی من را بهتر متوجه شوید:
یک جمله فارسی میبینید | This is an English sentence
همانطور که مشاهده می‌کنید جمله‌ی فارسی را که زیرخط دار کردیم قسمت هایی از حروف با زیرخط برخورد کرده (که البته به فونتی هم که استفاده می‌کنیم بستگی دارد) و قابل مشاهده نیستند و حتی به گونه‌ی دیگر خوانده میشوند مانند کلمه «میبینید» که شبیه کلمه‌ی «مسند» نوشته شده است! اما در جمله انگلیسی این اشکال وجود ندارد!
راه حل: آن دوستانی هم که می‌خواهند حتما از زیرخط در متن‌هایشان استفاده کنند می‌توانند کد css زیر را در فایل style یا css پوسته شان قرار دهند تا تگ زیرخط (U) را اصلاح کنند! به همین سادگی :دی
u {
border-bottom: 1px solid;
padding-bottom: 1px;
text-decoration: none;
}
که نتیجه کار هم به صورت زیر خواهد بود:
یک جمله فارسی میبینید
کلام آخر: امیدوارم دوستان عزیزم این مطلب را زیادی جدی بگیرند! خصوصا دوستان طراح وب که در کارهایشان از زیرخط استفاده می‌کنند. از نظر من رعایت نکردن این نکته به زیبایی و شیوایی کار لطمه‌ی بزرگی می‌زند و می‌تواند با تمام کوچکی‌اش مشکل بزرگی در کار شما باشد. همچنین که من این مشکل را در طراحی خیلی از وبلاگ‌ها دیده‌ام و واقعا چشم‌هایم را اذیت کرده است!!
سلام
واقعا از دقت و نکته سنجی شما لذت بردیم علی جون
موفق تر باشی
یا علی مدد
با سلام
دوست عزیز به نظرم تعداد زیادی از حروف کوچک انگلیسی هستند که بخشی از آنها زیر خط نوشته میشوند.
@ALi: سلام علی آقا :)
بله شما درست می‌گید همچنین که به نوع فونت ها هم بستگی داره چه در فارسی و چه در انگلیسی.
و البته اگر متن رو دقیق‌تر مطالعه کرده بودید در قسمتی از متن نوشتم: “زبان هایی با نوشتار انگلیسی معمولا به طور کامل روی خط نوشته میشوند” اون “معمولا” این مفهوم رو هم میرسونه که تمام حروف رو شامل نمیشه ;)
راهکار جالبیه. البته زیرخط کم کم داره کاربرداش کم میشه .اما برای جاهایی که لازمه پیشنهاد خوبی دادی.
چه جالب بود، تنکس
واقعا نکته جالبی بود.
ممنون
سلام
میدونی تو طراحی چقدر از این زیرخط من ضرر کردم؟ ت و که میدونی چرا نمیگی خوب پدر جان!! حالا هم که گفتی دیگه طراحی نداریم!!!
حالا برای تگ لینک چطوری مشکل زیر خط رو حل کنیم , میخواهیم زیر خط باشه ولی کمی پایین تر از معمول نمایش داده شود مثل راه حل شما برای زیر خط معمولی ؟ دقت کنید که نمیخوایم اندرلاین رو حذف کنیم فقط کمی بیاریم پایینتر 1 پیکسل مثلا
راهی هست؟
ایول بابا دمت گرم تو دیگه کی هستی!!!! فهمدیم علی هستی! :D خیلی مخلصیم داش علی
اما من فکر می کنم این وردپرستون حتی 3.0.1 یه مشکلی داره که هنوزم متاسفانه حل نشده :(
اقا سلام دمت گرم
اما اگه کلا بخواییم اندرلاین رو برداریم باید چه کار کنیم در وردپرس …
لطفا منو از طریق میل در جریان بزارید
راستی
من میخوام نوشته .. یعنی فونت قسمت کناری قالبم رو عوض کنم … (میبینم که شما طقیرات زیادی در قالبتون دادید) میشه نحوه عوض کردن فونت منوی کناری قالبهای وردپرس رو اموزش بدید … ممنون
بازم تاکید میکنم منو از طریق ایمیل در جریان پاسخ هاتون قرار بدید
با تشکر خداحافظ
واقعا تو فونت فارسی خیلی زشت می شه، با تشکر از مطلب مفیدتون