پی سی دیزاین | درباره تکنولوژی و اینترنت بیشتر بدانیم

زیرخط هایتان را بردارید!

15 10 2009

از زیرخط یا underline معمولا برای برجسته نشان دادن و یا تاکید روی یک قسمت از متن استفاده می‌شود و در برخی موارد در طراحی های وب هم برای کاربردهای مختلف از زیرخط زیاد استفاده می‌شود٬ مثلا برای نشان دادن لینک ها٬ آنها را با زیرخط متمایز می‌کنند که البته بستگی به سلیقه طراح و روش کار آن نیز دارد.

حالا چرا زیرخط هایمان را برداریم یا به عبارتی دیگر از آنها کمتر استفاده کنیم؟! برای اینکار دلیل واضحی دارم! که البته در ادامه راهکارهایی هم برای کسانی که نمی‌خواهند این کار را انجام دهند ارائه خواهم داد.

همانطور که می‌دانید زبان‌های مختلف نوشتار های مختلفی هم دارند و این مهم‌ترین دلیل ما برای استفاده نکردن از زیرخط است. چرا که زیرخط های استاندارد بر اساس نوشتار زبان هایی همچون انگلیسی تهیه شده اند و زبان هایی با نوشتار انگلیسی معمولا به طور کامل روی خط نوشته می‌شوند و قسمت های اضافی ندارند که در زیر خط قرار بگیرد اما زبان فارسی به این صورت نیست و در نوشتار حرف‌ها قسمت‌هایی وجود دارد که زیر خط قرار می‌گیرند و این مشکل ایجاد می‌کند٬ مثل حرف‌هایی همچون «ع ح س ر ب» و دیگر حرف‌ها که کم هم نیستند.

اما بگذارید با یک مثال ساده منظورم را بهتر برسانم٬ برای مثال من دو متن را با حروف فارسی و انگلیسی می‌نویسم و برای آنها زیرخط استاندارد می‌گذارم تا شما دلیل گفته‌ی من را بهتر متوجه شوید:

یک جمله فارسی میبینید | This is an English sentence

همانطور که مشاهده می‌کنید جمله‌ی فارسی را که زیرخط دار کردیم قسمت هایی از حروف با زیرخط برخورد کرده (که البته به فونتی هم که استفاده می‌کنیم بستگی دارد) و قابل مشاهده نیستند و حتی به گونه‌ی دیگر خوانده می‌شوند مانند کلمه «میبینید» که شبیه کلمه‌ی «مسند» نوشته شده است! اما در جمله انگلیسی این اشکال وجود ندارد!

راه حل: آن دوستانی هم که می‌خواهند حتما از زیرخط در متن‌هایشان استفاده کنند می‌توانند کد css زیر را در فایل style یا css پوسته شان قرار دهند تا تگ زیرخط (U) را اصلاح کنند! به همین سادگی :دی

u {
border-bottom: 1px solid;
padding-bottom: 1px;
text-decoration: none;
}

که نتیجه کار هم به صورت زیر خواهد بود:

یک جمله فارسی میبینید

کلام آخر: امیدوارم دوستان عزیزم این مطلب را زیادی جدی بگیرند! خصوصا دوستان طراح وب که در کارهایشان از زیرخط استفاده می‌کنند. از نظر من رعایت نکردن این نکته به زیبایی و شیوایی کار لطمه‌ی بزرگی می‌زند و می‌تواند با تمام کوچکی‌اش مشکل بزرگی در کار شما باشد. همچنین که من این مشکل را در طراحی خیلی از وبلاگ‌ها دیده‌ام و واقعا چشم‌هایم را اذیت کرده است!!

فارسی سازی پوسته های وردپرس (بخش اول)

12 03 2008

اگر خاطرتون باشه یه زمانی قول داده بودم که یک سری مطالب آموزشی برای فارسی سازی پوسته های وردپرس بنویسم که متاسفانه وقت نشد و بعد هم فراموش کردم. اما اگر خاطرتون باشه در همون مطلب یک سری مقدمه کوتاه راجع به این کار گفتم.

وسایل لازم: یک عدد مرورگر فایرفاکس + یک عدد افزونه‌ی فایرباگ برای فایرفاکس ٬ یک ویرایشگر متن (مانند: ++ notepad) و اگر بخواهید خودتان راجع به css بدانید کتاب “101 نکته و ترفند برای استفاده از css در طراحی وب” مترجم: امیر عباس عبدالعلی از انتشارات ناقوس.

همونطور که می‌دونید پوسته های وردپرس از تعدادی فایل (index.php , single.php , page.php, sidebar.php , style.css , … ) تشکیل شده اما بیشتر فعالیت ما روی استایل پوسته (style.css) که با پسوند css ذخیره شده است. که محتوای این فایل css دستوراتی از نوع زبان css است که سعی می‌کنیم طی مطالبی برخی دستورات پر کاربرد آن را برایتان شرح دهیم.

نکته: فارسی سازی به روش استاندارد وردپرس فارسی توضیح داده نمی‌شود و در ابتدا به صورت سنتی گفته می‌شود و پس از آن استاندارد سازی به صورت جداگانه شرح داده می‌شود.

مرحله‌ی اول: اگر از فایرفاکس استفاده نمی‌کنید ابتدا آن را نصب و افزونه‌ی فایرباگ را روی آن نصب کنید این افزونه یک ابزار بسیار کاربردی هست و خیلی شما را کمک می‌کند.

نکته: در این سری مطالب آموزش فایرباگ نمی‌گنجد پس خودتان با آن کار کنید و یا به دنبال اطلاعاتی راجع به آن جست‌و‌جو کنید.

برای تکمیل مرحله‌ی اول سعی کنید ملزومات آن را تهیه و نصب کنید و با آنها کار کنید تا در مراحل بعدی دچار مشکل نشوید.

فارسی سازی پوسته‌های وردپرس

19 11 2007

دوستان زیادی تقاضای یک آموزش جامع و کلی برای فارسی سازی پوسته‌های وردپرس رو داشتند که متاسفانه به دلیل ذیغ وقت (درست نوشتم؟) نتونستم در جواب این دوستان مطلبی بنویسم چرا که مبحثی طویل و پر شاخ و برگ است. اما یک بار برای همیشه اینجا می‌گویم برای فارسی سازی پوسته‌های وردپرس به دانستن CSS و html نیازمندید و اگر این دو مبحث رو بدانید دیگر مشکلی ندارید. البته امروزه علاقه مندان به وب و وبلاگ اکثرا با html زیاد سر و کله زدند و یه چیزهایی ازش سر در میارن اما می‌مونه css که شاید کمتر کسی باهاش سر و کله زده و به خاطر همینه که تو فارسی سازی یا بهتر بگم هماهنگ سازی پوسته برای فارسی به مشکل بر خوردند. به همین خاطر تصمیم گرفتم یک سری مطالب راجع به آموزش مسائل مقدماتی css بنویسم.

برای شروع فقط یک توضیح کوتاه لفظ قلم راجع به css می‌دم تا بعد:

css در اصل لیستی از دستورات در قالب متن است که می‌توان آن را هم در داخل سند ایجاد شده با html به کار برد و هم می‌توان این مجموعه‌ی دستورات را در یک فایل متنی ساده قرار داد و آن را با پسوند css ذخیره کرد و با استفاده از این دستور به فایل html لینک کرد که به این فایل css فایل css خارجی می‌گویند.

امیدوارم تا این جای بحث مفید واقع شده باشه و مباحث آینده هم مفید واقع بشه. در مطالب بعدی این بحث سعی می‌کنم یک سری ابزار و روش ها رو برای کار با css بگم و یک سری دستورات کلی رو هم توضیح بدم.