قرینه کردن تصاویر وب سایت با استفاده از CSS

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

راه راه کردن سطرهای جدول با استفاده از CSS3

راه راه کردن سطرهای جدول با استفاده از CSS3
از آنجا که جداول اطلاعات زیادی را در سطرهای نزدیک به هم نشان میدهند، ممکن است کاربر هنگام دنبال کردن محتوا در سطرهای مختلف درچار اشتباهاتی در برداشت اطلاعات شود. از این رو برای ایجاد تفاوت بین سطرها و قابلیت تمایز برای چشم هایی که سطر های نزدیک به هم را مشاهده میکنند، سطرهای جداول را به صورت یکی درمیان با رنگ های متفاوت نشان میدهند. اینکار از طریق تکنیک های مختلفی صورت میگیرد اما امروزه با ظهور CSS3 به سادگی توسط چند خط کد CSS و بدون نیاز به هیچگونه کد جاوااسکریپت و غیره می توان این قابلیت را به جداول نمایش داده شده در وبسایت خود اضافه کنید. [بیشتر]

افزودن قابلیت پرینت به صفحات وب سایت

افزودن قابلیت پرینت به صفحات وب سایت
دکمه چاپ صفحات وب سایت یکی از قابلیت هایی است که بر حسب نیاز و نوع محتوا می تواند به وب سایت شما افزوده شود. شاید برخی از کاربران از نحوه پرینت گرفتن توسط امکانات پیش فرض مرورگر خود بی اطلاع باشند و نتوانند محل دکمه Print (کلید میانبر Ctrl+P) را به راحتی پیدا کنند و یا اینکه دکمه چاپ پیش فرض در مرورگر علاوه بر متن اصلی مورد نظر آنها، عناصر غیر ضروری دیگری مانند منوها، تبلیغات و غیره را در نسخه پرینت نشان میدهد. در این شرایط وجود یک دکمه پرینت که محتوای اصلی صفحه را تمیز و مرتب برای چاپ در اختیار آنها قرار دهد، کاربر را از سردرگمی و یا کارهای زمانبر نجات خواهد داد. در این آموزش چگونگی انجام اینکار توسط کدهای CSS و جاوااسکریپت نشان خواهم داد. [بیشتر]

افکت های جذاب سایه برای باکس ها و عناصر سایت توسط CSS3

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

آموزش ساخت پنجره پاپ آپ با استفاده از jQuery

آموزش ساخت پنجره پاپ آپ با استفاده از jQuery
پنجره های پاپ آپ امروزه به یکی از پرکاربردترین عناصر صفحات وب تبدیل شده اند. یکی از دلایل محبوبیت این پنجره های مودال، کاهش تعداد postback ها یا رفتن از صفحه ای به صفحه دیگر است. لزومی ندارد برای نمایش یک پیغام چند خطی و یا یک فرم کوچک مانند فرم لاگین که تنها چند فیلد دارد، کاربر را به صفحه دیگری هدایت کنیم. در این ارسال نحوه ساخت یک پنجره مودال پاپ آپ بسیار کم حجم را شرح خواهم داد. سادگی این پنجره پاپ آپ به شما امکان میدهد به راحتی آن را برای وبسایت خود سفارشی کنید. [بیشتر]

استایل دهی چک باکس، دکمه رایویی و لیست های انتخابی

استایل دهی چک باکس، دکمه رایویی و لیست های انتخابی
در این آموزش قصد داریم با استایل دهی و سفارشی سازی عناصر مورد استفاده در صفحات وب مانند دکمه های رادیویی (Radio Button) ، جعبه انتخاب (Checkbox) و یا لیست های پائین افتادنی (Select List) ، فرم های زیبا و متفاوتی را ایجاد کنیم. اینکار به سادگی توسط کد جاوااسکریپت تولید شده توسط Ryan Fait و یک قطعه تصویر انجام می دهیم. همچنین با یکبار انجام موارد آموزش، استایل اعمال شده در تمامی فرم های صفحات مختلف وبسایت نمایان خواهد شد. در مورد نمایش در مرورگرهای مختلف باید بگویم میتوانید با خیال آسود از این روش استفاده کنید؛ چراکه تمامی مرورگرهای فایرفاکس، کروم، سافاری، اپرا و +IE7 از آن پشتیبانی میکنند و چنانچه به هر دلیلی مانند غیر فعال بودن جاوااسکریپت مرورگر، این استایل ها اعمال نشوند، حالت معمول عناصر نمایش داده خواهد شد. [بیشتر]

استایل دهی و ساخت تکست باکس های سفارشی و زیبا

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