آرشیو سی اس اس - CSS

آرشیو مطالب سی اس اس - CSS

12 اردیبهشت 1389 | فرهاد | نسخه مخصوص چاپ | 9 نظر

Anigma‌ يك بازي آنلاين فقط با استفاده از CSS3 و HTML5

درباره CSS3 و قابليت‌هاي آن بارها نوشته‌ام اما امروز قصد دارم يك بازي آنلاين را كه فقط و فقط با استفاده از قابليت‌هاي CSS3 و HTML5 ساخته شده است را به شما معرفي كنم. اين بازي كه Anigma نام دارد يك بازي پازل است و شما بايد با قراردادن رنگ‌ها در كنار يكديگر، آنها را حذف كنيد. اين بازي در مراحل مختلف از ساده تا خيلي سخت ساخته شده است.

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

دسته بندی : اينترنت، سی اس اس - CSS، وب 2

08 اردیبهشت 1389 | فرهاد | نسخه مخصوص چاپ | 2 نظر

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

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

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

دسته بندی : آموزشی، سی اس اس - CSS، طراحی وب، وب 2

24 اسفند 1388 | فرهاد | نسخه مخصوص چاپ | 0 نظر

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

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

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

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

17 بهمن 1388 | فرهاد | نسخه مخصوص چاپ | 0 نظر

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

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

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

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

16 مهر 1388 | فرهاد | نسخه مخصوص چاپ | 0 نظر

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

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

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

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

► مطالب قدیمی تر