ghadah
![](https://i.servimg.com/u/f64/14/74/55/17/ff7l8h10.gif)
![ghadah](https://2img.net/u/2812/16/47/14/avatars/1-43.gif)
![انثى انثى](https://i.servimg.com/u/f64/14/74/55/17/female10.png) ![الاردن الاردن](https://i.servimg.com/u/f64/14/74/55/17/my_own27.gif) العمر : 46 عدد المساهمات : 638 الأوسمة : النقاط : 60776 تاريخ التسجيل : 12/01/2010 الوظيفة : شغالة بمنتداي كيف تعرفت على منتدانا : مؤسسة المنتدى ![برج الثور برج الثور](https://i.servimg.com/u/f56/14/74/55/17/thour011.jpg)
![عند كتابة كود في مواضيعك .. اعطه شكلا مميزا و مرتبا Empty](https://2img.net/i/empty.gif) | موضوع: عند كتابة كود في مواضيعك .. اعطه شكلا مميزا و مرتبا 2010-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 مرات | |
|
ghadah
![](https://i.servimg.com/u/f64/14/74/55/17/ff7l8h10.gif)
![ghadah](https://2img.net/u/2812/16/47/14/avatars/1-43.gif)
![انثى انثى](https://i.servimg.com/u/f64/14/74/55/17/female10.png) ![الاردن الاردن](https://i.servimg.com/u/f64/14/74/55/17/my_own27.gif) العمر : 46 عدد المساهمات : 638 الأوسمة : النقاط : 60776 تاريخ التسجيل : 12/01/2010 الوظيفة : شغالة بمنتداي كيف تعرفت على منتدانا : مؤسسة المنتدى ![برج الثور برج الثور](https://i.servimg.com/u/f56/14/74/55/17/thour011.jpg)
![عند كتابة كود في مواضيعك .. اعطه شكلا مميزا و مرتبا Empty](https://2img.net/i/empty.gif) | موضوع: رد: عند كتابة كود في مواضيعك .. اعطه شكلا مميزا و مرتبا 2010-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 [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]وطبعا ممكن اتغير الخلفية التي تناسب منتداك وذوقك هادي مجرد افكار ولك اختيار المناسب لك ا لكود منقول والشرح مني [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] | |
|
ghadah
![](https://i.servimg.com/u/f64/14/74/55/17/ff7l8h10.gif)
![ghadah](https://2img.net/u/2812/16/47/14/avatars/1-43.gif)
![انثى انثى](https://i.servimg.com/u/f64/14/74/55/17/female10.png) ![الاردن الاردن](https://i.servimg.com/u/f64/14/74/55/17/my_own27.gif) العمر : 46 عدد المساهمات : 638 الأوسمة : النقاط : 60776 تاريخ التسجيل : 12/01/2010 الوظيفة : شغالة بمنتداي كيف تعرفت على منتدانا : مؤسسة المنتدى ![برج الثور برج الثور](https://i.servimg.com/u/f56/14/74/55/17/thour011.jpg)
![عند كتابة كود في مواضيعك .. اعطه شكلا مميزا و مرتبا Empty](https://2img.net/i/empty.gif) | موضوع: رد: عند كتابة كود في مواضيعك .. اعطه شكلا مميزا و مرتبا 2010-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);وضع خلفية صورة للكود الصورة المستخدمة[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]الكود منقول والشرح مني [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] | |
|