بهمن ۰۲ ۱۳۸۵

first letter در CSS

۰ نظردارد

سلام
مطلب امروز در عین کاربردی بودن در کمتر جایی معرفی شده است. امیدوارم که مفید باشد.

:first-letter
:first-letter یک عنصر غیر واقعی می باشد که در جهت اعمال یک یا چند استایل CSS بر روی اولین حرف(کاراکتر) یک متن مورد استفاده قرار می گیرد.
کد:

div.BigFirst:first-letter {
color: #ff0000;
}

خروجی:

رنگ اولین حرف این پاراگرف قرمز است.

:first-letter بر روی Microsoft® Internet Explorer 5.5(یا جدیدتر) و Firefox پشتیبانی می شود.
اطلاعات بیشتر (more)

موفق باشید

بخش: سی اس اس (css)
بهمن ۰۱ ۱۳۸۵

کاربرد اعلان important در CSS

۰ نظردارد

سلام

گاهی اوقات در بعضی از دستورات CSS با عبارت !important مواجه شده اید. در مورد کاربرد آن چه می دانید؟
به کد استایل زیر توجه کنید:

p {
background-color:#fff ;
color:#000 ! important;
}

p {
background-color:#9cf ;
color:#f00;
}

!important باعث می شود که کد کنار آن بیشترین اولیت را داشته باشد. در کد بالا با وجود اینکه color:#f00 بعد از color:#000 آمده است و در حالت عادی اولویت بیشتری دارد، به دلیل وجود !important کنار color:#000، اولیت نهایی با رنگ 000 است.
کد بالا بعد از اولویت بندی به صورت زیر در می آید:

p {
background-color:#9cf ;
color:#000 !important;
}

اطلاعات بیشتر(more)
موفق باشید

بخش: سی اس اس (css)
دی ۲۷ ۱۳۸۵

Google AJAX Search API، یک موتور جستجو در وبلاگ شما

۵ نظردارد

سلام و باز هم گوگل
Google AJAX Search API، یک موتور جستجو برای وبلاگ شما
امروز قسمت جدیدی با عنوان Google AJAX Search API را در گوگل پیدا کردم. این قسمت به شما API یک موتور جستو که با تکنولوژی Ajax ساخته شده است را جهت قرار دادن در وبلاگ یا وب سایت ارائه می دهد.
این موتور جستجوی کوچک قابلیت جستجو در Local ، Web ، Video و Blog را داراست. نمونه این موتور جستجو در سمت چپ cheshmak.net قابل مشاهده می باشد.

مراحل ایجاد و بکارگیری Google AJAX Search API
1- به آدرس http://code.google.com/apis/ajaxsearch/signup.html مراجعه نمایید.
2- I have read and agree with the terms and conditions را تیک بزنید و در قسمت My web site URL: آدرس سایت یا وبلاگ خود را وارد نمائید. سپس بر روی Generate API Key کلیک کنید.
3- نمونه کد Google AJAX Search API در قسمت Here is an example web page to get you started: قابل مشاهده می باشد.
تمام شد!

چند نکته و توضیح
(ادامه…)

بخش: برنامه نویسی وب
برچسب: ,
دی ۲۵ ۱۳۸۵

چگونه فایرفاکس را متوجه خروجی RSS سایتمان کنیم؟

۵ نظردارد

سلام

اگر با فایرفاکس کار کرده باشید متوجه آیکون rss - firefox - فایرفاکس - آر اس اس در آدرس بار شده اید. البته این آیکون فقط زمانی نمایش داده می شود که فایرفاکس متوجه خروجی RSS سایت شما شود. برای اینکه فایرفاکس را متوجه این موضوع کنید، کد زیر را در داخل بلوک تگ <head> قرار دهید:

<link rel="alternate" type="application/rss+xml" title="TITLE" href="RSS-URL" />

که در آن type نوع نسخه RSS ،TITLE معمولاً نسخه RSS شما (یا هر عنوان دیگری) و RSS-URL آدرس خروجی RSS شما می باشد. در صورتی که چندین نوع خروجی RSS دارید، به ازای هر کدام، کد را جداگانه بنویسید.
به عنوان مثال کد زیر مربوط به همین وبلاگ است:

<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://dev.cheshmak.net/?feed=rss2" />
<link rel="alternate" type="text/xml" title="RSS .92" href="http://dev.cheshmak.net/?feed=rss" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="http://dev.cheshmak.net/?feed=atom" />

نکته : این کدها با IE 7 و Safari نیز سازگار می باشند.

موفق باشید

بخش: زبان (X)HTML
دی ۲۳ ۱۳۸۵

یک کد ساده ولی کارآمد CSS

۰ نظردارد

سلام

به احتمال زیاد شما به مشکل margin ها و padding هایی که به صورت ناخواسته به کد های HTML شما اضافه می شوند برخورد کرده اید.
این مشکل بیشتر در تگ های p، form و table دیده می شود. برای اینکه شما خیلی ساده تمامی margin ها و padding ها را برابر صفر قرار دهید، می توانید از کد CSS زیر بهره گیرید:

* {
margin: 0;
padding: 0;
}

گزینشگر (selector) * خصیصه (property) و مقدار (value) موجود را بر روی تمامی عناصر و تگ های HTML به کار می برد.
علاوه بر margin و padding شما می توانید از گزینشگر (*) جهت اعمل فونت، رنگ و … بر روی تمامی عناصر استفاده نمائید.

منبع (source)
موفق باشید

بخش: سی اس اس (css)
1 2 3 4 5 … 7