موضوع تم إنشاؤها
موضوع قيد الاستخدام:
☰ أفلام
مجمد
وكان الرد على الرسوم المتحركة مثير للسخرية.
حرب النجوم
وقد خرج الناس للفيلم حرب النجوم الجديدة.
المنتقمون
نجاح كبير لمارفل وديزني.
CSS المتولدة:
سينك تير
تير سينك (خمسة الأراضي) هو جزء من الريفيرا الإيطالية. الساحل مع خمس قرى: مونتيروسو، فيرنازا، كورنيجليا، مانارولا وريوماجيور هو موقع التراث العالمي لليونسكو.
مونتيروسو
يقع مونتيروسو الماري في وسط الخليج الطبيعي صغيرة، محمية من قبل الشعاب الاصطناعية الصغيرة، في الريفيرا لا سبيتسيا. ومن قرية شمال من سينك تير.
فيرنازا
فيرنازا هو آخر من المدن الخمس في منطقة سينك تير. فيرنازا هي المدينة الرابعة باتجاه الشمال. انه ليس لديها حركة السيارات، وهي واحدة من أصدق "قرى الصيد" على شاطئ الريفييرا الإيطالية.
اللون موبايل
مع W3.CSS، فمن السهل أن تخصيص التطبيقات الخاصة بك مع لون المواضيع الخاصة بك.
مثال
<!DOCTYPE html>
<html>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="http://www.w3ii.com/lib/w3.css">
<link rel="stylesheet"
href=" /lib/w3-theme-indigo.css ">الموضوعات المحددة مسبقا
في تطبيقات HTML، يمكنك الحد من استخدام الألوان عن طريق اختيار الأشكال المختلفة من ألوان محددة مسبقا:
| W3-الحمراء | جربها |
| W3-الوردي | جربها |
| W3-الأرجواني | جربها |
| W3-عمق اللون الارجواني | جربها |
| W3-النيلي | جربها |
| W3-الأزرق | جربها |
| W3-الضوء الأزرق | جربها |
| W3-السماوي | جربها |
| W3-البط البري | جربها |
| W3-الأخضر | جربها |
| W3-الضوء الأخضر | جربها |
| W3-الجير | جربها |
| W3-الكاكي | جربها |
| W3-الأصفر | جربها |
| W3-العنبر | جربها |
| W3-البرتقال | جربها |
| W3-عميق البرتقالي | جربها |
| W3-الأزرق الرمادي | جربها |
| W3-البني | جربها |
| W3-الرمادي | جربها |
| W3-رمادي غامق | جربها |
| W3-أسود | جربها |
| W3-w3ii | جربها |
أفلام 2014
مجمد
وكان الرد على الرسوم المتحركة سخيفة
حظنا سيئ
لمس، تجتاح وحقا بشكل جيد
المنتقمون
نجاح كبير لمارفل وديزني
أفلام 2014
مجمد
وكان الرد على الرسوم المتحركة سخيفة
حظنا سيئ
لمس، تجتاح وحقا بشكل جيد
المنتقمون
نجاح كبير لمارفل وديزني
الموضوعات خاصة
مع W3.CSS، فمن السهل أن تخصيص التطبيقات مع موضوع اللون الخاص.
يمكنك ربط لموضوع الخاص في <رابط> العلامة، أو يمكنك وضع موضوع خاص في <نمط> العلامة:
مثال
<style>
.w3-theme {
color:#fff !important;background-color:#3f51b5
!important}
.w3-theme-light {
color:#000 !important;background-color:#e8eaf6
!important}
.w3-theme-dark {
color:#fff !important;background-color:#1a237e
!important}
.w3-theme-l5 {
color:#000 !important;background-color:#e8eaf6
!important}
.w3-theme-l4 {
color:#000 !important;background-color:#c5cae9
!important}
.w3-theme-l3 {
color:#000 !important;background-color:#9fa8da
!important}
.w3-theme-l2 {
color:#fff !important;background-color:#7986cb
!important}
.w3-theme-l1 {
color:#fff !important;background-color:#5c6bc0
!important}
.w3-theme-d1 {
color:#fff !important;background-color:#3949ab
!important}
.w3-theme-d2 {
color:#fff !important;background-color:#303f9f
!important}
.w3-theme-d3 {
color:#fff !important;background-color:#283593
!important}
.w3-theme-d4 {
color:#fff !important;background-color:#1a237e
!important}
.w3-theme-action {
color:#fff !important;background-color:#311b92
!important}
.w3-text-theme {
color:#1a237e !important}
</style>إضافة التدرجات
أحد القراء أرسل لنا هذا الاقتراح: قد ترغب في النظر في إضافة التدرج لكل موضوع.
لقد استخدمت L2 و L1 الألوان من موضوع الأزرق لإنشاء هذا التدرج:
مثال
.w3-theme-gradient {
color: #000 !important;
background:-webkit-linear-gradient(top,#64B5F6 25%,#42A5F5 75%)}
.w3-theme-gradient {
color: #000 !important;
background:-moz-linear-gradient(top,#64B5F6
25%,#42A5F5 75%)}
.w3-theme-gradient {
color: #000 !important;
background:-o-linear-gradient(top,#64B5F6 25%,#42A5F5 75%)}
.w3-theme-gradient {
color: #000 !important;
background:-ms-linear-gradient(top,#64B5F6
25%,#42A5F5 75%)}
.w3-theme-gradient {
color: #000 !important;
background: linear-gradient(top,#64B5F6 25%,#42A5F5 75%)}
اللون موبايل
وهنا بعض الموضوعات اللون تحميل مستوحاة من تصميم مواد جوجل:
| ورقة نمط | وصف |
|---|---|
| W3-موضوع-amber.css | اللون موضوع العنبر |
| W3-موضوع-black.css | اللون الأسود لقضاء وقت الفراغ |
| W3-موضوع-blue.css | اللون الأزرق موضوع |
| W3-موضوع والأزرق وgrey.css | اللون موضوع أزرق رمادي |
| W3-موضوع-brown.css | اللون موضوع براون |
| W3-موضوع-cyan.css | اللون موضوع سماوي |
| W3-موضوع الظلام-grey.css | اللون موضوع رمادي داكن |
| W3-موضوع-أعماق orange.css | لون موضوع ديب أورانج |
| W3-موضوع-أعماق purple.css | لون موضوع ديب بيربل |
| W3-موضوع-green.css | لون ثيم |
| W3-موضوع-grey.css | لون رمادي الموضوع |
| W3-موضوع-indigo.css | اللون موضوع نيلي |
| W3-موضوع-khaki.css | اللون موضوع كاكي |
| W3-موضوع-خفيفة blue.css | لون أزرق فاتح الموضوع |
| W3-موضوع-خفيفة green.css | اللون موضوع الضوء الأخضر |
| W3-موضوع-lime.css | اللون موضوع الجير |
| W3-موضوع-orange.css | اللون البرتقالي الموضوع |
| W3-موضوع-pink.css | اللون الوردي موضوع |
| W3-موضوع-purple.css | اللون البنفسجي الموضوع |
| W3-موضوع-red.css | اللون الأحمر موضوع |
| W3-موضوع-teal.css | لون أخضر فاتح الموضوع |
| W3-موضوع-yellow.css | اللون الأصفر الموضوع |