یک طراح وب

آدم ها را نمی توان فقط به یک یا چند موضوع ِ خاص، محدود ساخت. آدمی که این پشت نشسته است، از هر موضوعی می نویسد!

نوشته‌های مربوط به موضوع { سی اس اس } :

بیایید کمی سربه‌سر دزدهای پوسته بگذاریم – یک کُد کوچولو!

نوشته‌ی علیها در February 21, 2010 روی سی اس اس، پی اچ پی
بیایید کمی سربه‌سر دزدهای پوسته بگذاریم – یک کُد کوچولو!

ساعت‌ها وقت می‌گذاریم برای نوشتن دستورات ِ سی‌اس‌اس ِ پوسته‌مان. مسلماً دوست نداریم یک نفر بیاید در عرض چند ثانیه کدهای‌مان را کش برود. حالا ما می‌خواهیم یک کاری بکنیم که وقتی آقای دزد، پرونده‌ی سی‌اس‌اس را در مرورگرش باز کرد، به‌جای کدها، مثلاً یک شکلک عین بُز لبخند بزند برایش :)

برای این‌کار از پی‌اچ‌پی [...]

افکت نقطه‌نقطه برای تصاویر با سی‌اس‌اس

نوشته‌ی علیها در January 7, 2010 روی سی اس اس
افکت نقطه‌نقطه برای تصاویر با سی‌اس‌اس

با یک‌خط کد ِ سی‌اس‌اس می‌خواهیم یک افکت ِ جالب برای تصاویری که در صفحات وب قرار می دهیم درست کنیم. مراحل ِ کار بسیار ساده هست.

ابتدا در پرونده‌ی اچ‌تی‌ام‌ال‌مان یک همچین‌چیزی می‌نویسیم:

<div id="content">
<div id="dot-effect"></div>
<img src="img.jpg" />
</div>

سپس فتوشاپ‌مان را آتیش می‌کنیم و یک سند جدید با طول و عرض مثلا 3 پیکسل ایجاد می‌کنیم و [...]

هک سی‌اس‌اس – دستورات اختصاصی برای مرورگر اُپرا

نوشته‌ی علیها در December 5, 2009 روی سی اس اس
هک سی‌اس‌اس – دستورات اختصاصی برای مرورگر اُپرا

فکر می‌کنم با دستورات اختصاصی مرورگرها آشنا باشید. زمانی از این دستورات اختصاصی استفاده می‌کنیم که بخواهیم بعضی از دستورات ِ سی‌اس‌اس‌مان، در مرورگری خاص، متفاوت باشد.

فرض کنید یک کادر در صفحه داریم که اندازه‌ی ارتفاعش در فایرفاکس دقیقا همانی هست که در سی‌اس‌اس تعیین کرده‌ایم، اما در اینترنت‌اکسپلورر 6 کمی ارتفاع بیشتر است. در [...]

رفع مشکل دندانه دار شدن تصاویر در اینترنت اکسپلورر با استفاده از سی اس اس

نوشته‌ی علیها در May 6, 2009 روی سی اس اس، مرورگر وب
رفع مشکل دندانه دار شدن تصاویر در اینترنت اکسپلورر با استفاده از سی اس اس

باید متوجه شده باشید که وقتی یک تصویر را در صفحه قرار می دهید، اگر سایز ِ آن را با مشخصه های width و height تغییر دهید، تصویر دندانه دار می شود. این مشکل در مرورگری مثل فایرفاکس یا اُپرا وجود ندارد اما در اینترنت اکسپلورر به شکل ناخوشایندی به چشم می خورد.

این مشکل را [...]

یک آموزش کوتاه و مهم در سی اس اس – important! چیست؟

نوشته‌ی علیها در April 10, 2009 روی سی اس اس
یک آموزش کوتاه و مهم در سی اس اس – important! چیست؟

باید در بعضی استایل ها و پرونده های سی اس اس دیده باشید که در آخر بعضی دستورات از عبارت important! استفاده می کنند. مثلا:

float: right !important;

زمانی از این عبارت استفاده می کنیم که قرار است به یک عنصر در صفحه، بیش از یک دستور بدهیم. یعنی چی؟ فرض کنید ما می خواهیم یک پوسته [...]

روش های خلاصه نویسی در سی اس اس

نوشته‌ی علیها در March 24, 2009 روی سی اس اس
روش های خلاصه نویسی در سی اس اس

گاهی اوقات دستورات سی اس اسی که می نویسیم آنقدر زیاد و حجیم می شود که روی سرعت لود شدن سایت تاثیر منفی می گذارد و نظارت و ویراش کردن آن نیز کمی دشوار می شود.
حالا اگر ما بیاییم از این روش های خلاصه نویسی استفاده کنیم، تا حدودی می توانیم از این حجیم شدن [...]

چگونه با استفاده از سی اس اس، منوهای زیرمنودار ایجاد کنیم؟!

نوشته‌ی علیها در October 8, 2008 روی سی اس اس
چگونه با استفاده از سی اس اس، منوهای زیرمنودار ایجاد کنیم؟!

برای ایجاد منوهای زیرمنودار (منوهای پایین افتادنی) در صفحات وب، راه های مختلفی وجود دارد که هرکدام مزایا و معایب خاص خود را دارند. به طور کلی سه روش برای ایجاد منوهای زیرمنودار وجود دارد:
1. فلش
2. جاوا اسکریپت
3. سی اس اس
ابتدا اجازه بدید هرکدام از این روش ها را بررسی کنیم و ببینیم کدام روش [...]

رفع مشکلات و یکسان سازی قالب در مرورگرهای مختلف » سه

نوشته‌ی علیها در September 25, 2008 روی اچ تی ام ال، سی اس اس
رفع مشکلات و یکسان سازی قالب در مرورگرهای مختلف » سه

در قسمت قبل کمی درباره ی اهمیت دادن به رزولوشن های مختلف و اینکه چطور قالب خود را با رزولوشن های مختلف هماهنگ کنیم، صحبت کردیم.
در این قسمت هم باز به یکی از مباحثی که کمتر بهش اشاره شده میپردازم. و اون اینه که بتونیم مشکل و عیب کار رو پیدا کنیم! یعنی وقتی مشکلی [...]

رفع مشکلات و یکسان سازی قالب در مرورگرهای مختلف » دو

نوشته‌ی علیها در September 17, 2008 روی سی اس اس
رفع مشکلات و یکسان سازی قالب در مرورگرهای مختلف » دو

در قسمت اول به مواردی اشاره کردم و توضیحات مختصری برای هرکدام دادم. مثلا گفتم که قالب خود را در کدام مرورگرها تست کنید و یک سری موارد اولیه را مطرح کردم.
در این قسمت به یکی از مواردی که به کرات دیده میشه می پردازم و امیدوارم مفید واقع بشه!
همونطور که میدونید مونیتورهای نسل جدید، [...]

رفع مشکلات و یکسان سازی قالب در مرورگرهای مختلف » یک

نوشته‌ی علیها در September 7, 2008 روی سی اس اس
رفع مشکلات و یکسان سازی قالب در مرورگرهای مختلف » یک

سری مقالاتی رو در زمینه ی یادگیری و بکار گیری سی اس اس نوشته بودم که در آن به آموزش مواردی هرچند ابتدایی پرداخته شده بود! و برای آشنایی و چگونگی بکار بردن سی اس اس مناسب بود!
اما در این سری مقالات سعی دارم کمی حرفه ای تر و البته درباره ی مباحثی مثل همسان [...]