"css"

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

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

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

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

13 دیدگاه | January 7, 2010 | دسته‌بندی: سی اس اس
افکت نقطه‌نقطه برای تصاویر با سی‌اس‌اس

با یک‌خط کد ِ سی‌اس‌اس می‌خواهیم یک افکت ِ جالب برای تصاویری که در صفحات وب قرار می دهیم درست کنیم. مراحل ِ کار بسیار ساده هست. ابتدا در پرونده‌ی اچ‌تی‌ام‌ال‌مان یک همچین‌چیزی می‌نویسیم: <div id="content"> <div id="dot-effect"></div> <img src="img.jpg" /> </div> سپس فتوشاپ‌مان را آتیش می‌کنیم و یک سند جدید با طول و عرض …

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

6 دیدگاه | December 5, 2009 | دسته‌بندی: سی اس اس
هک سی‌اس‌اس – دستورات اختصاصی برای مرورگر اُپرا

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

آسان ترین راه برای ایجاد tooltip (پنجره شناور) با کمک جی‌کوئری

28 دیدگاه | June 4, 2009 | دسته‌بندی: جی کوئری
آسان ترین راه برای ایجاد tooltip (پنجره شناور) با کمک جی‌کوئری

همانطور که می دانید، Tooltip ها درواقع توضیحات کوتاهی هستند که با رفتن موس روی عناصر، نمایش داده می شوند. با استفاده از جی کوئری، می توان tooltip های زیبا و جذابی ایجاد نمود. در ادامه با هم روشی که اینجا برای ایجاد tooltip با جی کوئری معرفی شده است را مرور می کنیم. پیش …

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

27 دیدگاه | April 10, 2009 | دسته‌بندی: سی اس اس
یک آموزش کوتاه و مهم در سی اس اس – important! چیست؟

باید در بعضی استایل ها و پرونده های سی اس اس دیده باشید که در آخر بعضی دستورات از عبارت important! استفاده می کنند. مثلا: float: right !important; زمانی از این عبارت استفاده می کنیم که قرار است به یک عنصر در صفحه، بیش از یک دستور بدهیم. یعنی چی؟ فرض کنید ما می خواهیم …

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

12 دیدگاه | March 24, 2009 | دسته‌بندی: سی اس اس
روش های خلاصه نویسی در سی اس اس

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

استایل فارسی جدید برای فرندفید و چگونگی استفاده از آن

45 دیدگاه | February 14, 2009 | دسته‌بندی: فرندفید
استایل فارسی جدید برای فرندفید و چگونگی استفاده از آن

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

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

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

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

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

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

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

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

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

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