فاروکسا - گشت و گذار یک کاربر اینترنت در دنیای وب2

آرشیو مطالب طراحی وب
Hits: 4720
موقعیت دهی یک عنصر دقیقا در وسط صفحه‌ی مرورگر با استفاده از CSS

موقعیت دهی یک عنصر دقیقا در وسط صفحه‌ی مرورگر با استفاده از CSS

در این مقاله قصد آموزش یک ترفند CSS را دارم که فکر میکنم خیلی از طراحان وب هنوز با آن مشکل دارند. هنوز هیچ دستور مشخصی برای قرار دادن یک عنصر div دقیقا در وسط صفحه‌ی مرورگر وجود ندارد. بسیاری از وبسایتها و صفحات را دیده‌ام که برای این کار از درصدهای نه چندان دقیق استفاده میکنند. برای مثال div خود را به فاصله‌ی 40٪ از بالا و سمت راست یا چپ قرار میدهند که اگر ما اندازه‌ی صفحه نمایش را تغییر دهیم با تغییراتی در محل قرار گیری عنصر مواجه می‌شویم. اما با استفاده از ترفند امروز دیگر این مشکل به وجود نخواهد آمد.

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

دسته بندی : آموزشی، سی اس اس - CSS، طراحی وب، وب 2
Hits: 2584
Hover کردن عناصر غیر لینک در مرورگر Internet Explorer 6 در کمتر از یک دقیقه

Hover کردن عناصر غیر لینک در مرورگر Internet Explorer 6 در کمتر از یک دقیقه

همیشه طراحان وبسایتها از سر و کله زدن با Internet Explorer وحشت دارند مخصوصا اگر نسخه 6 باشد. IE6 همیشه یکی از مرورگرهایی است که با وجود استاندارد نبودن، کاربران زیادی در سرتاسر جهان دارد و عمده مشکل آن، عدم نمایش صحیح کدهای CSS و برخی از عناصر می باشد. از مشکلات آن میتوان عدم پشتیبانی از Hover در عناصر غیر لینک، دو برابر کردن برخی فاصله ها و در موارد html هم عدم پشتیبانی از PNG را نام برد.
 در این مطلب خواهید آموخت چگونه با صرف کمتر از یک دقیقه وقت، مشکل Hover نشدن عناصر غیر لینک در Internet Explorer 6 را برطرف سازید.

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

دسته بندی : آموزشی، سی اس اس - CSS، طراحی وب
Hits: 1756
اندازه استاندارد صفحات وب در مرورگرها و سیستم عامل ویندوز Vista و XP

اندازه استاندارد صفحات وب در مرورگرها و سیستم عامل ویندوز Vista و XP

برای هر طراح وب، دانستن اندازه استاندارد یک صفحه وب در مرورگرها و سیستم عامل های مختلف، امری مهم و حیاتی است. در این پست سعی دارم اندازه ی استانداردی که مرورگرهای Firefox و Internet Explorer در هر مانیتور با Resolution های مختلف و در سیستم عامل های Windows قابل نمایش هستند را مشخص کرده و فایلهای PSD مناسب را برای دانلود قرار دهم.

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

دسته بندی : سی اس اس - CSS، طراحی وب، وب 2
Hits: 5824
ساخت فرم تماس کاملا فارسی با استفاده از CSS و بدون به کار بردن Table

ساخت فرم تماس کاملا فارسی با استفاده از CSS و بدون به کار بردن Table

کسانی که با استفاده از جدول (Table) به طراحی سایت میپردازند، هنوز باور ندارند که همه امکانات جدول در طراحی با CSS نیز میتوانند اجرا شوند. در انجمن های مختلفی که در رابطه با طراحی در آنها بحث میشوند یکی از دلایل استفاده نکردن از CSS را نحوه جایگیری عناصر می‌نامند و در اکثر مواقع نیز طراحی یک فرم تماس را مثال میزنند. آنها میگویند وقتی یک فرم تماس را با استفاده از CSS طراحی میکنند، نظم عناصر به هم ریخته و فرم ها درست بعد از نوشته قرار میگیرند که ظاهر خوبی به فرم طراحی شده نمیدهد.
اما در این مطلب قصد دارم روشی را آموزش دهم که تمامی عناصر به یک اندازه و به طور کاملا منظم در کنار یکدیگر قرار خواهند گرفت. برای مشاهده نمونه کار روی این لینک کلیک کنید.

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

دسته بندی : سی اس اس - CSS، طراحی وب
Hits: 8904
شناخت CSS3 و قابلیت های آن - بخش دوم

شناخت CSS3 و قابلیت های آن - بخش دوم

در بخش قبلی ( شناخت CSS3 و قابلیت‌های آن - بخش اول) کمی درباره CSS3 و قابلیتهای آن نوشتم. در این مقاله قصد دارم امکانات بیشتری از CSS3 و قابلیت‌های آن را برای شما بازگو کنم.

کسانی که به نوعی با طراحی سایت و قالب سروکار دارند به خوبی میدانند CSS در ساختار یک قالب ارزش بسیاری دارد به خصوص از زمانی که پدیده ای به نام Web2 پا به عرصه طراحی گذاشت.

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

در نسخه ی جدید CSS یعنی CSS3 قابلیت هایی گنجانده شده است که شاید حیرت همگان را برانگیزد.

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

دسته بندی : سی اس اس - CSS، طراحی وب

آخرین مطالب سایت

مشترک شويد

اگر دوست داريد اولين نفري باشيد که مطالب جديد سايت را دريافت ميکند، آدرس ايميل خود را در کادر زير وارد نماييد تا در هنگام بروزرساني سايت، باخبر شويد.

حمايت ميکنيم از:

مووبل تايپ فارسي
کاربران جاری: 5 نفر بازدید های امروز: 39 مرتبه بازدید های دیروز: 88 مرتبه مجموع بازدید ها: 40811 مرتبه