منتدى عشق الحياة
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.




 
الرئيسيةالتسجيلأحدث الصورالاعلاناتدخول

 

 عند كتابة كود في مواضيعك .. اعطه شكلا مميزا و مرتبا

اذهب الى الأسفل 
كاتب الموضوعرسالة
ghadah



ghadah


انثى
الاردن
العمر : 46
عدد المساهمات : 638
الأوسمة :
عند كتابة كود في مواضيعك .. اعطه شكلا مميزا و مرتبا Empty
عند كتابة كود في مواضيعك .. اعطه شكلا مميزا و مرتبا Wesama10
عند كتابة كود في مواضيعك .. اعطه شكلا مميزا و مرتبا U210

النقاط : 60776
تاريخ التسجيل : 12/01/2010
الوظيفة : شغالة بمنتداي
كيف تعرفت على منتدانا : مؤسسة المنتدى
برج الثور

عند كتابة كود في مواضيعك .. اعطه شكلا مميزا و مرتبا Empty
مُساهمةموضوع: عند كتابة كود في مواضيعك .. اعطه شكلا مميزا و مرتبا   عند كتابة كود في مواضيعك .. اعطه شكلا مميزا و مرتبا Empty2010-05-19, 8:51 pm

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

عندما تريد كتابة كود بمواضيعك .. تريد ان تظهر بشكل مرتب ومميز وجميل ومختلف
كما يظهر عندي الآن

الكود:

.code{
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
font-family: Courier,Courier New,sans-serif;
font-size: 12px;
color:#B00201;
background-color: #FDF9E1;
border: #B00201;
border-style: solid;
}

انظر كيف يظهر شكل الكود بما يناسب الوان منتداي

شرح الكود:
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;

هادا الكود لاعطاء زوايا المربع بشكل منحني او منحرف.. يكون اجمل من شكل المستطيل قائم الزاوية

font-family: Courier,Courier New,sans-serif;
نوع خط الكود .. وهذا خط الكود الرسمي

font-size: 12px;
حجم خط الكود

color:#B00201;
لون الكود .. ممكن طبعا تغييره


background-color: #FDF9E1;

لون خلفية المستطيل

border: #B00201;

لون الحدود الخارجية .. ويمكن طبعا تغييره

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الكود منقول
والشرح مني

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]




عدل سابقا من قبل عشق الحياة في 2010-06-28, 11:06 pm عدل 1 مرات
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://3shq-al7ya.yoo7.com
ghadah



ghadah


انثى
الاردن
العمر : 46
عدد المساهمات : 638
الأوسمة :
عند كتابة كود في مواضيعك .. اعطه شكلا مميزا و مرتبا Empty
عند كتابة كود في مواضيعك .. اعطه شكلا مميزا و مرتبا Wesama10
عند كتابة كود في مواضيعك .. اعطه شكلا مميزا و مرتبا U210

النقاط : 60776
تاريخ التسجيل : 12/01/2010
الوظيفة : شغالة بمنتداي
كيف تعرفت على منتدانا : مؤسسة المنتدى
برج الثور

عند كتابة كود في مواضيعك .. اعطه شكلا مميزا و مرتبا Empty
مُساهمةموضوع: رد: عند كتابة كود في مواضيعك .. اعطه شكلا مميزا و مرتبا   عند كتابة كود في مواضيعك .. اعطه شكلا مميزا و مرتبا Empty2010-05-20, 1:37 am

جرب هادا الكود
فيه فكرة تانية .. وحلوة كتير
ان تضع لخلفية الكود صورة من اختيارك

الكود:

.code {
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
background-color: #feffc4 ;
background-image: url('http://i29.tinypic.com/ke89ll.jpg');
background-repeat: repeat;
border : 1px dotted #ef9e10;
color : #000000;
display: block;
max-width: 800px;
overflow: auto;
padding: 7px;
}


الخلفية هي:
https://2img.net/h/oi29.tinypic.com/ke89ll.jpg
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

وطبعا ممكن اتغير الخلفية التي تناسب منتداك وذوقك
هادي مجرد افكار ولك اختيار المناسب لك


الكود منقول
والشرح مني


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://3shq-al7ya.yoo7.com
ghadah



ghadah


انثى
الاردن
العمر : 46
عدد المساهمات : 638
الأوسمة :
عند كتابة كود في مواضيعك .. اعطه شكلا مميزا و مرتبا Empty
عند كتابة كود في مواضيعك .. اعطه شكلا مميزا و مرتبا Wesama10
عند كتابة كود في مواضيعك .. اعطه شكلا مميزا و مرتبا U210

النقاط : 60776
تاريخ التسجيل : 12/01/2010
الوظيفة : شغالة بمنتداي
كيف تعرفت على منتدانا : مؤسسة المنتدى
برج الثور

عند كتابة كود في مواضيعك .. اعطه شكلا مميزا و مرتبا Empty
مُساهمةموضوع: رد: عند كتابة كود في مواضيعك .. اعطه شكلا مميزا و مرتبا   عند كتابة كود في مواضيعك .. اعطه شكلا مميزا و مرتبا Empty2010-05-20, 10:12 pm

هادا كود آخر يخدم نفس الهدف
بسيط .. والخلفية صورة


الكود:

.code{
border: 2px  solid #FF6633;
background-image : url(http://i25.tinypic.com/29vbeap.jpg);
}


border: 2px solid #FF6633;
سماكة الحدود ولونها ممكن تغيير السماكة واللون كما تريد


background-image : url(https://2img.net/h/oi25.tinypic.com/29vbeap.jpg);

وضع خلفية صورة للكود
الصورة المستخدمة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



الكود منقول
والشرح مني


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://3shq-al7ya.yoo7.com
 
عند كتابة كود في مواضيعك .. اعطه شكلا مميزا و مرتبا
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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

Powered by phpBB2 ®https://3shq-al7ya.yoo7.com
حقوق الطبع والنشر © 2014-2010 جميع الحقوق محفوظة لـمنتدى عشق الحياة

المشاركات المنشورة بالمنتدى لاتعبر عن راي ادارة المنتدى ولا تمثل الا راي اصحابها فقط