شرح اجمل كود على احلى منتدى

اذهب الى الأسفل

شرح اجمل كود على احلى منتدى

مُساهمة من طرف صاٌحبُ المنًتدىَ في 20.01.15 0:56

السلام عليكم

اليوم وانا ابحث على النت لقيت

كود غايى الروعة جدا جدا

واليكم الشرح


الكود هو عمل رد او اقتباس مثل الفى بى واحثن بكثيييييير

طيب كيف يلا نشوف


ده شكل الاقتباس

 

ده اللون الأصفر


ده اللون الأصفر فاتح



ده اللون الأحمر


ده اللون البرتقالى




ده اللون الأزرق



تم التعديل على الكود من قبلى 




الكود:
/*MESSAGE BOX WITH ICONS*/
.msg-box, .ok-box, .success-box, .warning-box, .error-box{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.msg-box{
border:solid 1px #8e8e04;
background:#FFFFCC url(http://lh4.ggpht.com/_XrWO8mEpDy0/TFVgalI0fII/AAAAAAAAAsg/Dc5Edb7Lo9I/msg.png) 97% 6px no-repeat;
color:#222222;
padding:6px;
text-align:center;
}
.ok-box{
border:solid 1px #27739d;
background:#94d5fb url(http://lh4.ggpht.com/_XrWO8mEpDy0/TFVga9Y378I/AAAAAAAAAsk/K8OrKZSurWc/ok.png) 97% 6px no-repeat;
color:#222222;
padding:6px;
text-align:center;
}
.success-box{
border:solid 1px #90ac13;
background:#eef4d3 url(http://lh5.ggpht.com/_XrWO8mEpDy0/TFVgbPxbh8I/AAAAAAAAAso/qsEbLved-3U/success.png) 97% 6px no-repeat;
color:#222222;
padding:6px;
text-align:center;
}
.warning-box{
border:solid 1px #ba4c0e;
background:#ffcaa4 url(http://lh3.ggpht.com/_XrWO8mEpDy0/TFVgbKah3zI/AAAAAAAAAss/NC3-pkeGY7I/warning.png) 97% 6px no-repeat;
color:#222222;
padding:6px;
text-align:center;
}
.error-box{
border:solid 1px #dc2727;
background:#f2abab url(http://lh6.ggpht.com/_XrWO8mEpDy0/TFVgalgmaHI/AAAAAAAAAsc/fdD7l4IWEoI/error.png) 97% 6px no-repeat;
color:#222222;
padding:6px;
text-align:center;
}


/*MESSAGE CSS BOX */
.yellow-box{
border:solid 1px #8e8e04;
background:#FFFFCC;
color:#222222;
padding:6px;
text-align:center;
}
.blue-box{
border:solid 1px #27739d;
background:#94d5fb;
color:#222222;
padding:6px;
text-align:center;
}
.green-box{
border:solid 1px #90ac13;
background:#eef4d3;
color:#222222;
padding:6px;
text-align:center;
}
.orange-box{
border:solid 1px #ba4c0e;
background:#ffcaa4;
color:#222222;
padding:6px;
text-align:center;
}
.red-box{
border:solid 1px #dc2727;
background:#f2abab;
color:#222222;
padding:6px;
text-align:center;
}


وهذه هى اكواد 

الالوان بالترتيب بالاعلى 


الكود:
<div class="msg-box">ده اللون الأصفر</div>[center][/center]
<div class="success-box">ده اللون الأصفر فاتح</div>[center][/center]
[center][/center]
[center]<div class="warning-box">ده اللون الأحمر</div>

<div class="error-box">ده اللون البرتقالى</div>
[/center]


[center][/center]
<div class="ok-box">ده اللون الأزرق</div>

 

ضع الكود الاول بورقة الcss

وسجل وروح داخل اى موضوع او رد فى مساهمة 

وحط لون الاقتباس اللى انت تحبة 

وبالتوفيق 

الموضوع حصرى لا يسمح بالنقل




صاٌحبُ المنًتدىَ
صاٌحبُ المنًتدىَ
من كبار الشخصيات
من كبار الشخصيات

الابراج : الحمل
عدد المساهمات : 2145
نقــاط التميــز : 6155
تاريخ التسجيل : 07/10/2012
تاريخ الميلاد : 01/04/1993
الجنس : ذكر
بلد العضو :

http://animeek.0wn0.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: شرح اجمل كود على احلى منتدى

مُساهمة من طرف صاٌحبُ المنًتدىَ في 20.01.15 2:21

فين الردود


صاٌحبُ المنًتدىَ
صاٌحبُ المنًتدىَ
من كبار الشخصيات
من كبار الشخصيات

الابراج : الحمل
عدد المساهمات : 2145
نقــاط التميــز : 6155
تاريخ التسجيل : 07/10/2012
تاريخ الميلاد : 01/04/1993
الجنس : ذكر
بلد العضو :

http://animeek.0wn0.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: شرح اجمل كود على احلى منتدى

مُساهمة من طرف AHMED ASHEK في 21.01.15 19:51

جممممممممممممميل جداا

AHMED ASHEK
عضو جديد
عضو جديد

الابراج : السمك
عدد المساهمات : 1
نقــاط التميــز : 1
تاريخ التسجيل : 20/01/2015
تاريخ الميلاد : 02/03/1987
الجنس : ذكر
بلد العضو :

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: شرح اجمل كود على احلى منتدى

مُساهمة من طرف صاٌحبُ المنًتدىَ في 26.01.15 13:59

@AHMED ASHEK كتب:جممممممممممممميل جداا
شكرا لمرورك الكريم 

اتمنى حضورك واجمل مشاركاتك


صاٌحبُ المنًتدىَ
صاٌحبُ المنًتدىَ
من كبار الشخصيات
من كبار الشخصيات

الابراج : الحمل
عدد المساهمات : 2145
نقــاط التميــز : 6155
تاريخ التسجيل : 07/10/2012
تاريخ الميلاد : 01/04/1993
الجنس : ذكر
بلد العضو :

http://animeek.0wn0.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: شرح اجمل كود على احلى منتدى

مُساهمة من طرف احمد في 31.01.15 0:34

يا لروعة

تسلم يمناك اخى الغالى

موضوع مميز

احمد
عضو مميز
عضو مميز

عدد المساهمات : 726
نقــاط التميــز : 742
تاريخ التسجيل : 18/01/2013
الجنس : ذكر

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


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