تبلیغات
p5soft | دانلود نرم افزار,طراحی سایت,طراحی قالب وبلاگ
پرواز تفریحی پاراگلایدر
پرواز تفریحی پاراگلایدر پرواز تفریحی پاراگلایدر

یکشنبه 10 آذر 1392

آموزش تصویری / کامل Css3 - مقدماتی تا پیشرفته

نویسنده: امیر حسینی   

رنگ RGBA در Css3

بازدید: 443

colorwhh

پیکی از ویژگیهای جدیدی که به  cssاضافه شده است پالت رنگ RGBA می باشد . اگر با ورژن قبلی css کار کرده باشید حتما میدانید که برای تعیین رنگ یک عنصر یا المنت از ترکیب رنگهای RGB یا درصد رنگ یا بهتر هست بگویم کدهای هگزا دسیمال که به این شکل FFFFFF# نوشته می شدند استفاده می کردیم .
RGBA چه قابلیت هایی رادر اختیار طراح قرار میدهد ؟  با استفاده از RGBA می توانیم شفافیت المنت مورد نظر را با استفاده از آلفا تغییر بدهیم و این درصد را کم یا زیاد کنیم . 

این ویژگی در اینترنت اکسپلورر10+ ، فایرفاکس 3+ ، کروم ، سافاری و اوپرا 10+ پشتیبانی می شود .

رنگهای RGB
نحوه نوشتن کدهای RGB به شکل زیر می باشد . 255 برابر است با رنگ قرمز - 0 برابر است با سبز ، 0 سوم برابر است با رنگ آبی |  rgb(red, green, blue
می توانیم از درصد هم برای استفاده از مقدار رنگها استفاده کنیم .  rgb(0%,0%,100%
هرچه مقدار عدد و درصد بیشتر شود ، درصد شفافیفت رنگ مورد نظر بیشتر می شود . 


برای درک بهتر بر روی کلید دمو کلیک کنید . 





p
{
background-color:rgb(255,0,0);
}

به مثال زیر دقت کنید .متن کامل کد را تایپ کرده ام . (در یک فایل نوت پد کپی کرده و با فرمت html.ذخیره کنید)


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
p
{
background-color:rgb(255,0,0);
}
</style>
</head>
<body>
<h1>به کدهای زیر توجه کنید</h1>
<p>This is some text in a paragraph.</p>
</body>
</html>

 

 مشاهده دمو 

 رنگ RGBA

این ویژگی در اینترنت اکسپلورر10+ ، فایرفاکس 3+ ، کروم ، سافاری و اوپرا 10+ پشتیبانی می شود .
با استفاده از RGBA می توانیم شفافیت رنگ را بوسیله کد آلفا تغییر بدهیم . دیگر نیازی نیست که درصد و مقدارها را کم یا زیاد کنیم . بوسیله مقدار Alpha که بین دو عدد 0.0 و 1.0 می باشد شفافیت نیز تغییر می کند .

روش نوشتن کدهای RGBA به شکل زیر می باشد rgba(red, green, blue, alpha

p
{
background-color:rgba(255,0,0,0.5);
}

به مثال زیر دقت کنید .متن کامل کد را تایپ کرده ام . (در یک فایل نوت پد کپی کرده و با فرمت html.ذخیره کنید)

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
p
{
background-color:rgba(255,0,0,0.3);
}
</style>
</head>
<body>
<h1>به  کادر زیر توجه کنید .هرچه عدد 3 بیشتر شود شفافیت افزایش پیدا می کند</h1>
<p>This is some text in a paragraph.</p>
</body>
</html>

مشاهده دمو

نظرات() 
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
buy cialis medication
جمعه 16 آذر 1397 10:37 ق.ظ

Whoa loads of amazing information!
cialis generisches kanada cialis pills in singapore cialis 5 mg scheda tecnica cialis daily reviews viagra vs cialis cialis ahumada cialis online generic cialis 20mg tablets generic cialis pro cialis for bph
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
buy cheap cialis on line
پنجشنبه 15 آذر 1397 03:25 ب.ظ

You have made your point.
dose size of cialis cialis 30 day trial coupon cialis en 24 hora cialis from canada cialis diario compra click here take cialis female cialis no prescription cialis patent expiration callus cialis sale online
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
Cialis pills
چهارشنبه 14 آذر 1397 07:33 ب.ظ

Nicely put, Cheers!
brand cialis generic cialis 10mg prix pharmaci interactions for cialis rezeptfrei cialis apotheke only now cialis 20 mg cialis canada on line cialis 30 day trial coupon cialis tablets cialis pills can i take cialis and ecstasy
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
buy cialis online best price
چهارشنبه 14 آذر 1397 05:45 ق.ظ

You made your stand extremely nicely!!
look here cialis cheap canada chinese cialis 50 mg cialis daily cialis canada cialis 5 mg effetti collateral cialis cipla best buy cialis professional yohimbe cialis 5 mg buy cialis 20 mg low cost cialis 20mg
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
Generic cialis
سه شنبه 13 آذر 1397 06:28 ب.ظ

Incredible all kinds of excellent tips.
cialis generico in farmacia buy generic cialis where do you buy cialis american pharmacy cialis buy cheap cialis in uk cialis online holland cialis cuantos mg hay cialis uk next day sublingual cialis online cialis pills
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
buy cialis germany
سه شنبه 13 آذر 1397 07:19 ق.ظ

Great posts. Thanks a lot.
cialis lowest price acheter cialis meilleur pri cialis 05 look here cialis order on line cialis coupons printable cialis preise schweiz canadian discount cialis buying cialis in colombia cialis 5mg billiger canadian drugs generic cialis
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
buy tadalafil
دوشنبه 12 آذر 1397 07:21 ب.ظ

Cheers. Lots of tips.

side effects of cialis buy cialis online overnight cialis tadalafil cialis lowest price cialis daily reviews cialis cost wow look it cialis mexico buying cialis in colombia cialis 5 mg effetti collateral free cialis
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
buy cialis online without a prescription
دوشنبه 12 آذر 1397 06:58 ق.ظ

Incredible a lot of valuable advice.
canadian cialis cialis daily new zealand cialis pills buy generic cialis effetti del cialis bulk cialis cialis for sale south africa wow look it cialis mexico cialis side effects dangers cialis flussig
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
buy generic cialis pills
یکشنبه 11 آذر 1397 06:52 ب.ظ

This is nicely said. .
cialis daily reviews generic cialis with dapoxetine enter site natural cialis tadalafil 10 mg preis cialis 20mg schweiz female cialis no prescription cialis for bph acheter du cialis a geneve cialis australia org cialis dosage amounts
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
buy cialis usa
یکشنبه 11 آذر 1397 06:28 ق.ظ

Thank you! I appreciate this.
cialis tadalafil non 5 mg cialis generici cialis generico postepay cialis daily new zealand miglior cialis generico cialis coupons side effects for cialis cialis 20 mg best price cialis canadian drugs safe site to buy cialis online
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
Cialis prices
شنبه 10 آذر 1397 07:12 ب.ظ

Amazing advice. Kudos!
buy original cialis buy generic cialis cialis 20mg achat cialis en itali we recommend cialis best buy only best offers 100mg cialis preis cialis 20mg schweiz buy cialis sample pack click here cialis daily uk cialis 20 mg
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
Cialis online
شنبه 10 آذر 1397 06:06 ق.ظ

You actually explained it terrifically!
cialis patentablauf in deutschland low dose cialis blood pressure cialis daily reviews cialis online cialis without a doctor's prescription viagra vs cialis generic cialis 20mg uk buy cheap cialis in uk venta cialis en espaa cialis 5 effetti collaterali
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
buy cialis online safely
جمعه 9 آذر 1397 06:49 ب.ظ

Wow many of awesome material.
cialis 20 mg best price cialis side effects cialis authentique suisse 5 mg cialis coupon printable look here cialis order on line cialis generic cialis usa cost cialis 100mg suppliers dosagem ideal cialis usa cialis online
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
Online cialis
جمعه 9 آذر 1397 07:02 ق.ظ

Superb info. Cheers.
cialis venta a domicilio viagra or cialis cialis professional from usa how to purchase cialis on line enter site 20 mg cialis cost tadalafil 20 mg cialis mit grapefruitsaft cialis 10 doctissimo cialis super acti no prescription cialis cheap
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
Cialis generic
پنجشنبه 8 آذر 1397 07:49 ب.ظ

Very good facts, Thanks.
cialis canada on line comprar cialis navarr free generic cialis side effects of cialis cialis billig recommended site cialis kanada tadalafil 5mg costo in farmacia cialis generico cialis mexico cialis soft tabs for sale
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
cialis
پنجشنبه 8 آذر 1397 08:06 ق.ظ

Thanks a lot. I like it.
fast cialis online prices for cialis 50mg only now cialis 20 mg cialis 20 mg effectiveness side effects for cialis best generic drugs cialis cialis official site we like it cialis soft gel cialis tablets ou trouver cialis sur le net
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
buy cialis pills
چهارشنبه 7 آذر 1397 07:13 ب.ظ

You suggested it terrifically!
cialis therapie only best offers 100mg cialis cialis great britain cialis dose 30mg prices on cialis 10 mg we like it safe cheap cialis cialis online deutschland cialis daily dose generic cialis farmacias guadalajara cialis price in bangalore
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
buy cialis online
چهارشنبه 7 آذر 1397 07:32 ق.ظ

Awesome write ups. Cheers!
cialis generico milano cialis soft tabs for sale wow look it cialis mexico cialis in sconto cialis y deporte overnight cialis tadalafil generic cialis pro price cialis best cialis prices in england comprar cialis navarr
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
buy cialis
چهارشنبه 11 مهر 1397 05:13 ق.ظ

Valuable write ups. Kudos!
how do cialis pills work cialis patent expiration cialis 20mg cialis lilly tadalafi generic cialis cialis cipla best buy cost of cialis cvs cialis daily reviews generic cialis at the pharmacy acquistare cialis internet
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
buy tadalafil pills
دوشنبه 9 مهر 1397 04:07 ق.ظ

Nicely expressed indeed! .
cialis et insomni side effects for cialis cialis for sale in europa cialis generico milano acheter cialis meilleur pri cialis generika in deutschland kaufen acheter du cialis a geneve cost of cialis cvs when will generic cialis be available trusted tabled cialis softabs
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
canadian online pharmacies
یکشنبه 1 مهر 1397 06:21 ق.ظ

Seriously many of awesome material.
canadian pharmacy online 24 drugstore online canada vagra canadian medications online trust pharmacy canada trust pharmacy of canada aarp recommended canadian pharmacies online canadian pharmacy canadian pharmacy online 24 canadian online pharmacies legal
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
buycialisky.com
چهارشنبه 28 شهریور 1397 03:01 ق.ظ

Fantastic advice. Regards!
dose size of cialis cialis 20 mg effectiveness when will generic cialis be available cialis cost cialis cost cialis 20mg preis cf enter site very cheap cialis cialis online napol cialis diario compra cialis 100mg suppliers
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
viagraky.com
پنجشنبه 15 شهریور 1397 06:59 ب.ظ

Thank you! Loads of posts!

cialis tadalafil online buy cialis cialis reviews canadian cialis cialis 20mg preis cf 200 cialis coupon american pharmacy cialis cialis 20mg prix en pharmacie venta de cialis canada no prescription cialis cheap
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
http://canadianpharmacyies.com/
چهارشنبه 14 شهریور 1397 10:54 ق.ظ

Thanks. Fantastic information!
canada viagra canadian medications pharmacy canadian pharmacy uk delivery canada online pharmacies for men canadian drug store canada medication cost northwest pharmacies mail order canadian pharmacies without an rx canadian pharmacy cialis canadian pharmacy no prescription
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
buycialisonli.com
سه شنبه 13 شهریور 1397 01:41 ب.ظ

Seriously a lot of fantastic info.
buy viagra onlines order sildenafil online uk where can you buy viagra over the counter sildenafil and viagra buy viagra uk next day delivery buy genuine viagra online buy price viagra online buy viagra buy viagra online without a prescription sildenafil buy uk
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
cialisvus.com
دوشنبه 12 شهریور 1397 11:08 ق.ظ

You actually revealed this very well!
cialis bula cialis generika in deutschland kaufen cialis 20 mg best price cialis super kamagra 5 mg cialis pharmacie en ligne buy cialis cheap 10 mg cost of cialis per pill cialis taglich cialis preise schweiz preis cialis 20mg schweiz
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
http://cialisda.com/
یکشنبه 11 شهریور 1397 07:19 ب.ظ

Regards, Valuable information.
cialis uk cialis online deutschland cialis flussig canada discount drugs cialis viagra cialis levitra we recommend cialis best buy how much does a cialis cost cialis pills boards 5 mg cialis pharmacie en ligne safe site to buy cialis online
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
kawanboni.com/20-20mg-cialis-generic-only-pill.html
دوشنبه 22 مرداد 1397 11:06 ب.ظ

Whoa lots of excellent material!
dose size of cialis cialis patentablauf in deutschland cialis uk generic cialis 20mg tablets cialis arginine interactio weblink price cialis cialis prices in england cialis coupon cialis tablets for sale generic cialis at the pharmacy
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
Cialis generic
دوشنبه 7 خرداد 1397 11:28 ق.ظ

Awesome data. Thanks!
canadian cialis safe dosage for cialis fast cialis online cialis 20 mg cialis uk next day only now cialis for sale in us achat cialis en itali cialis online nederland cialis uk generic cialis levitra
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
Cialis generic
پنجشنبه 20 اردیبهشت 1397 12:00 ب.ظ

Nicely put, Regards.
cialis australian price cialis kaufen bankberweisung buying cialis overnight generic cialis soft gels cialis generico postepay free generic cialis cialis online cialis 30 day trial coupon generic cialis at walmart free cialis
 
لبخندناراحتچشمک
نیشخندبغلسوال
قلبخجالتزبان
ماچتعجبعصبانی
عینکشیطانگریه
خندهقهقههخداحافظ
سبزقهرهورا
دستگلتفکر

موضوعات

قالب فلش فوق العاده زیبا و حرفه ای
سئو چیست؟
وبلاگ های تازه طراحی و مطلب گذاری شده
به اشتراک گذاشتن اینترنت PC با موبایل از طریق usb
اتصال مستقیم تبلت به اینترنت adsl
دفترچه راهنمای فارسی گوشی هوشمند سامسونگ
راهنمای کامل فعال سازی اینترنت ایرانسل (GPRS و EDGE)، بسته های افزایشی و تعرفه‌های مربوطه
ساخت کاربر VIP برای سایت های وردپرسی
/طرح-لایه-باز-اسلایدر-سری-اول.
دریافت کد « ما را حمایت کنید 2 »
دانلود قالب گالری عکس
اسلاید شوی حرفه ای
کد اسلاید شو برای وبلاگ
قالب های حرفه ای وبلاگ همراه با اسلایدشو
ابزار نمایش اسلایدر تصاویر
ابزار اسلایدر عکس برای نمایش چندین تصویر در وبلاگ
قالب همراه با اسلاید شو
کد عضویت کاربر
دانلود اسکریپت مدیریت کاربران AuthManager نسخه ۳
عوامل موثر در افزایش رنکینگ سایت در گوگل
نمایش توضیحات برای یک فیلد در کنار آن به صورت Tooltip نمایش کد
اسلایدشو با قابلیت پیش نمایش فریم ها- کد جاوا
فیلم فارسی آموزش جاوا اسکریپت (JavaScript) – بخش اول
آموزش ساخت تاریخ و روز با جاوا
کد جاوا اسکریپت تغیر رنگ پس زمینه با کلیک بر روی یک دکمه/لینک
آموزش انتقال بازدید کننده از دامنه قدیمی به دامنه جدید سایت یا وبلاگ
پیش فرض چگونه جاوا اسکریپت را بر روی مرورگر فعال کنیم؟ (+آموزش تصویری)
دانلود کتاب آموزش جاوا اسکریپت صورت کامل
اسکریپت پرداخت آنلاین بانک پارسـیان
اسکریپت سئو سایت در موتور های جستجوگر seo paneL
مراقب لیست سیاه متور های جستجوگر باشید!!
افزونه رمز گذاری روی لینک های دانلود مخصوص vip کردن سایت+آموزش استفاده
25 افزونه کاربردی برای مرورگر کروم
25 افزونه کاربردی برای مرورگر کروم- part2
بازاریابی شبکه های اجتماعی
کلمات کلیدی مطلب : آموزش - تنظیمات - فیس بوک - امنیت فیس بوک - facebook -
آموزش کامل تنظیمات فیس‌بوک(قسمت اول)
5 اشتباه در رایج در شبکه های اجتماعی
ابزارهای بازاریابی شبکه های اجتماعی - نبض وب سایت تان را در دست بگیرید
5 راه برای فروش توسط شبکه های اجتماعی
سوالات و مشکلات سری d سامسونگ
آموزش تصویری / کامل Css3 - مقدماتی تا پیشرفته
ستون های چندگانه در Css3
آموزش تصویری / کامل Css3 - مقدماتی تا پیشرفته
مرجع کامل دستورات CSS2
آموزش ساختن منوی بازشو توسط CSS
آموزش ساخت منوی عمودی ساده با CSS
آموزش ساخت منوی افقی ساده با CSS
آموزش هک کردن فیس بوک
آموزش هک و جلوگیری از هک شدن مودم ADSL

آمار وبلاگ

  • کل بازدید :
  • بازدید امروز :
  • بازدید دیروز :
  • بازدید این ماه :
  • بازدید ماه قبل :
  • تعداد نویسندگان :
  • تعداد کل پست ها :
  • آخرین بازدید :
  • آخرین بروز رسانی :
  • P5design & PARAPINK5 Sales, I.R.I., Inc. All information applies to I.R. vehicles only
    tell number : 09365995390 | 09122061238 | 09022061238
    www.p5bisim.com