بایگانی

Archive for دسامبر 2010

نوشتن تاریخ به صورت عمودی

2010.12.22 2 دیدگاه

یکی از محدودیت‌های زبان HTML نوشتن متون به صورت غیرافقی است. البته این قابلیت در HTML5 و مرورگرهای نوین تا حدودی حل شده اما برای اکثر کاربران قابل استفاده نیست.

گاهی لازمه طراحی شما، نوشتن تاریخ به صورت عمودی است.

برای این کار دو راه متداول هست:

  1. تبدیل تاریخ به عکس. مشابه این که در اینجا استفاده شده.
  2. استفاده از css sprite

که من این کار رو با استفاده از یک تصویر 1 کیلوبایتی انجام دادم:

مشاهده نمونه اجرا شده

دسته‌ها:عمومی

محدود کردن تعداد رقم در یک ورودی فرم

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

«سال تولد» یکی از این موارد است که حتما لازم است یک عدد باشد و آن هم عددی 4 رقمی!

برای این منظور می‌توان از جاوااسکریپت استفاده کرد. تابع ساده زیر، برای این منظور نوشته شده:

function format(input)
{
	var num=input.value.replace(/[^\d]/g,'');
	if(num.length>4)
		num = num.substring(0,4);
	input.value=num;
}

مشاهده نسخه اجرا شده

دسته‌ها:جاوااسکریپت برچسب‌ها: , ,

تناسب رنگ متن و زمینه در طراحی وب

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

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

حل این مشکل چندان سخت نیست. کافی‌ست هنگام تعریف تصویر زمینه در css، رنگ پیش‌فرض زمینه را نیز معرفی کنید:

#main { background: #111 url(/image/bg.png) fixed ; }
دسته‌ها:عمومی برچسب‌ها: ,

به نامش و به یاری‌اش

حسب امر دوستان سایت 9px.ir راه‌اندازی شد.

این وبلاگ هم به درج برخی اخبار و مطالب مرتبط با طراحی وب می‌پردازد 🙂

دسته‌ها:عمومی برچسب‌ها: