پرواز تفریحی پاراگلایدر
پرواز تفریحی پاراگلایدر پرواز تفریحی پاراگلایدر

یکشنبه 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
http://recrusin.strikingly.com/
یکشنبه 2 تیر 1398 10:46 ب.ظ

You stated it very well.
cialis great britain cialis 20 mg best price cialis patentablauf in deutschland cialis qualitat cost of cialis per pill cialis tadalafil online buy cialis side effects of cialis cialis pills in singapore prescription doctor cialis
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
buy cialis online reviews
یکشنبه 2 تیر 1398 07:25 ق.ظ

Nicely put, Thank you.
acquistare cialis internet look here cialis order on line brand cialis nl generic cialis pill online cipla cialis online viagra vs cialis vs levitra cialis reviews cialis pills price each safe site to buy cialis online cialis for sale
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
http://unynmar.strikingly.com/
شنبه 1 تیر 1398 03:40 ب.ظ

Nicely put, Thanks a lot.
cost of cialis cvs where do you buy cialis only best offers cialis use cialis generico lilly cialis farmacias guadalajara generic cialis review uk price cialis wal mart pharmacy cialis daily reviews cialis manufacturer coupon look here cialis cheap canada
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
Cialis generic
جمعه 31 خرداد 1398 11:04 ب.ظ

Great material, Many thanks.
generic cialis pro achat cialis en suisse cialis en 24 hora cialis official site rx cialis para comprar side effects for cialis when will generic cialis be available chinese cialis 50 mg cialis kamagra levitra buy brand cialis cheap
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
Online cialis
جمعه 31 خرداد 1398 07:15 ق.ظ

With thanks! Wonderful information!
buy online cialis 5mg cialis online napol recommended site cialis kanada order a sample of cialis cialis qualitat we choice free trial of cialis we like it cialis price cialis online cialis italia gratis prezzo di cialis in bulgaria
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
http://piremic.strikingly.com/
پنجشنبه 30 خرداد 1398 02:06 ب.ظ

Thanks a lot, I appreciate this!
cialis usa cost acheter cialis meilleur pri where to buy cialis in ontario tadalafil 10 mg cialis 5 mg scheda tecnica cialis prezzo in linea basso cialis usa cost cialis generico online cialis therapie bulk cialis
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
http://isharta.strikingly.com/
چهارشنبه 29 خرداد 1398 08:14 ب.ظ

Thanks! Ample information.

wow cialis 20 cost of cialis per pill cialis purchasing cialis canada on line cialis price in bangalore cialis rckenschmerzen we like it cialis price import cialis buying cialis in colombia cialis dosage amounts
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
http://ntadenre.strikingly.com/
چهارشنبه 29 خرداد 1398 04:02 ق.ظ

Thanks a lot. Numerous content!

cialis great britain how to purchase cialis on line import cialis cialis sans ordonnance we choice cialis uk cialis online are there generic cialis cialis tadalafil online cialis italia gratis cialis 05
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
http://brustasroe.strikingly.com/
سه شنبه 28 خرداد 1398 05:14 ق.ظ

You said it nicely..
discount cialis discount cialis free generic cialis dose size of cialis achat cialis en itali cialis tablets australia acquisto online cialis buy cialis cheap 10 mg cialis sans ordonnance cialis generico en mexico
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
http://ifmico.strikingly.com/
دوشنبه 27 خرداد 1398 02:18 ب.ظ

Thanks. I value this.
order cialis from india cialis sicuro in linea look here cialis order on line enter site 20 mg cialis cost cialis super acti cialis billig 5 mg cialis pharmacie en ligne cialis 5 mg scheda tecnica cialis canada on line cialis 30 day sample
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
http://skipuccrit.strikingly.com/
یکشنبه 26 خرداد 1398 09:50 ق.ظ

This is nicely said. .
fast cialis online cialis with 2 days delivery cialis price thailand generic cialis pro cialis kaufen wo cialis online holland cialis per paypa cialis generic tadalafil buy female cialis no prescription cialis 200 dollar savings card
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
what are cialis pills used for
شنبه 25 خرداد 1398 08:08 ب.ظ

Thanks, I enjoy this.
cialis canada il cialis quanto costa achat cialis en europe overnight cialis tadalafil cialis for bph cialis ahumada click now cialis from canada look here cialis cheap canada prices on cialis 10 mg cialis 20mg prix en pharmacie
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
Buy generic cialis
شنبه 25 خرداد 1398 06:01 ق.ظ

You suggested this perfectly.
buy cialis cheap 10 mg cialis alternative cost of cialis per pill price cialis wal mart pharmacy tadalafilo acquistare cialis internet dosagem ideal cialis free cialis cialis cuantos mg hay cialis 5 mg
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
http://uzlofe.strikingly.com/
پنجشنبه 23 خرداد 1398 11:47 ق.ظ

With thanks! Lots of postings!

no prescription cialis cheap generic cialis review uk cialis ahumada sublingual cialis online cialis dosage cialis great britain cialis kamagra levitra canadian cialis cialis daily generic cialis 20mg tablets
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
Cialis generic
چهارشنبه 22 خرداد 1398 09:44 ب.ظ

Valuable knowledge. Regards.
pastillas cialis y alcoho cialis flussig cialis coupon buy name brand cialis on line achat cialis en itali cialis daily new zealand 5 mg cialis coupon printable callus cialis professional from usa cialis prezzo al pubblico
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
viagra post surgery
سه شنبه 21 خرداد 1398 03:14 ق.ظ

Wonderful beat ! I wish to apprentice while you amend your web site, how can i subscribe for a blog web site? The account aided me a acceptable deal. I had been a little bit acquainted of this your broadcast provided bright clear idea
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
http://cialisvie.com/
دوشنبه 20 خرداد 1398 10:15 ب.ظ

Good forum posts. Cheers!
opinioni cialis generico cialis from canada achat cialis en suisse brand cialis nl only here cialis pills generic cialis in vietnam link for you cialis price buy cialis online cheapest tadalafil 10 mg prix de cialis
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
cialisvie.com
یکشنبه 19 خرداد 1398 04:30 ب.ظ

With thanks. Awesome stuff!
we choice cialis pfizer india il cialis quanto costa viagra cialis levitra achat cialis en itali cialis official site where cheapest cialis cialis venta a domicilio cialis great britain price cialis best legalidad de comprar cialis
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
http://cialisvie.com/
شنبه 18 خرداد 1398 10:51 ق.ظ

Awesome information. Thank you!
cialis 10 doctissimo order cialis from india estudios de cialis genricos are there generic cialis where to buy cialis in ontario cialis official site cialis coupons cialis y deporte prix cialis once a da purchase once a day cialis
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
viagra suisse ordonnance
سه شنبه 27 فروردین 1398 03:48 ق.ظ
Hi there! Someone in my Facebook group shared this website with us so I came to take
a look. I'm definitely loving the information. I'm book-marking and will be tweeting this to my followers!

Terrific blog and wonderful design and style.
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 3207 P5 BISIM
http://ukcanadianpharmacy.com/
شنبه 24 فروردین 1398 05:09 ق.ظ

Kudos! Great information.
best canadian pharmacies online top rated canadian pharmacies online reputable canadian prescriptions online canadian pharmacy uk delivery drugstore online india canada online pharmacy canadian discount pharmacies in ocala fl buy vistagra usa canadian pharmacies online prescriptions order canadian prescriptions online
فروش بیسیم پوکسینگ نمایندگی فروش بیسیم کنوود 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
 
لبخندناراحتچشمک
نیشخندبغلسوال
قلبخجالتزبان
ماچتعجبعصبانی
عینکشیطانگریه
خندهقهقههخداحافظ
سبزقهرهورا
دستگلتفکر

موضوعات

قالب فلش فوق العاده زیبا و حرفه ای
سئو چیست؟
وبلاگ های تازه طراحی و مطلب گذاری شده
به اشتراک گذاشتن اینترنت 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
    ساخت وبلاگ در میهن بلاگ

    شبکه اجتماعی فارسی کلوب | اخبار کامپیوتر، فناوری اطلاعات و سلامتی مجله علم و فن | ساخت وبلاگ صوتی صدالاگ | سوال و جواب و پاسخ | رسانه فروردین، تبلیغات اینترنتی، رپرتاژ، بنر، سئو