حياكم الله في منتديات واحة الإسلام.... تشرفنا زيارتكم.... يزدنا تألقا انضمامكم لاسرتنا.... نعمل لخدمتكم ...فمنتدياتنا صدقة جارية لاجلكم فحياكم الله ونزلتم اهلا وحللتم سهلا
كلمة الإدارة
 
 

 
 
 
 

منتديات واحة الإسلام :: الأقسام المتنوعة :: واحة التكنولوجيا و التقنيات ::  واحة تطوير المواقع

كاتب الموضوع Mc Nabulsy مشاهدة صفحة طباعة الموضوع  | أرسل هذا الموضوع إلى صديق  |  الاشتراك انشر الموضوع
 المشاركة رقم: #
تم النشر فى :26 - 12 - 2016
Mc Nabulsy
مشرف
مشرف
تواصل معى
البيانات
عدد المساهمات : 779
السٌّمعَة : 3
تاريخ الميلاد : 11/09/1998
تاريخ التسجيل : 11/08/2016
العمر : 26
العمل/الترفيه : عسكري
[css] صناديق ملاحظات جديده مثل الموجود في انكور  Emptyموضوع: [css] صناديق ملاحظات جديده مثل الموجود في انكور

[css] صناديق ملاحظات جديده مثل الموجود في انكور
[css] صناديق ملاحظات جديده مثل الموجود في انكور
للمشاهدة
[css] صناديق ملاحظات جديده مثل الموجود في انكور  76010


للتركيب


اولا ع الكود التالي في ورقة الـ css
الكود:
.note { position: relative; width: 70%; padding: 1.2em 1.5em; margin: 2em auto; color: #fff; background: #343436; overflow: hidden; text-align: right; font-size: 14px; } .note.black { background: #343436; } .note.blue { background: #3498DB; } .note.red { background: #ea6153; } .note.purple { background: #9B59B6; } .note.yellow { background: #F1C40F; } .note.turquoise { background: #1ABC9C; } .note.red:before { border-color: #fff #fff #ea6153 #ea6153; background: #ea6153; } .note.blue:before { border-color: #fff #fff #3498DB #3498DB; background: #3498DB; } .note.purple:before { border-color: #fff #fff #9B59B6 #9B59B6; background: #9B59B6; } .note.yellow:before { border-color: #fff #fff #F1C40F #F1C40F; background: #F1C40F; } .note.turquoise:before { border-color: #fff #fff #1ABC9C #1ABC9C; background: #1ABC9C; } .note:before { content: ""; position: absolute; top: 0; right: 0; border-width: 0 16px 16px 0; border-style: solid; border-color: #fff #fff #343436 #27ae60; background: #27ae60; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2); display: block; width: 0 }

والان اختار اللون الذي يناسبك وضعه في المكان الذي تريده

الاسود
كود بلغة HTML:


الكود:
<div class='note black'>النص المراد ظهورة</div>





الازرق 
كود بلغة HTML:


الكود:
<div class='note blue'>النص المراد ظهورة</div>




الاحمر
كود بلغة HTML:


الكود:
<div class='note red'>النص المراد ظهورة</div>





النيلي
كود بلغة HTML:


الكود:
<div class='note purple'>النص المراد ظهورة</div>





الاصفر
كود بلغة HTML:


الكود:
<div class='note yellow'>النص المراد ظهورة</div>





تركوازي
كود بلغة HTML:


الكود:
<div class='note turquoise'>النص المراد ظهورة</div>







الموضوع الاصلي
شركة انكور التطويرية



التوقيع: Mc Nabulsy



اللهم لا اله الا انت سبحانك اني كنت من الظالمين


السبت مارس 11, 2017 7:49 pm
المشاركة رقم: #
المعلومات
الكاتب:
اللقب:
عضو فعال
الرتبه:
عضو فعال
الصورة الرمزية

جود العرب

البيانات
عدد المساهمات : 3211
السٌّمعَة : 3
تاريخ التسجيل : 15/02/2017

الإتصالات
الحالة:
وسائل الإتصال:

مُساهمةموضوع: رد: [css] صناديق ملاحظات جديده مثل الموجود في انكور


بارك الله فيك
على هذا الجهد
والتميز في مواضيعك
المفيدة والقيمة

[css] صناديق ملاحظات جديده مثل الموجود في انكور  35521r10









الإشارات المرجعية


التعليق على الموضوع بواسطة الفيس بوك

الــرد الســـريـع
..


مواضيع ذات صلة


تعليمات المشاركة
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة




 ملاحظة: جميع آلمشآركآت آلمكتوبه تعبّر عن وجهة نظر صآحبهآ , ولا تعبّر بأي شكل من آلأشكآل عن وجهة نظر إدآرة آلمنتدى



language  

Powered by vBulletin Version 3.8.11
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd
تحويل و برمجة الطائر الحر لخدمات الدعم الفني و التطوير