منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.

انشاء منتدى مجاني شبيه بهذا المنتدى
أحلى الشبكات الإجتماعية

انشاء منتدى مجاني



 انشاء منتدى مجاني

أقسام الدعم

دعم الخدمات العامة:
مشاكل كلمة السر
مشاكل فتح المنتدى
مشاكل لوحة الإدارة
مشاكل تنسيق المظهر
المشاكل الأخرى

----------------------

دعم الخدمات التكميلية :
مشاكل النطاقات
مشاكل التومبلايت

----------------------

مراسلة الإدارة :

طلب كلمة السر
إرسال أكواد أو شروحات
أتصل بنا
كيفية طلب كلمة سر جديدة
> طريقة طلب كلمة سر

تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
المواضيع الأخيرة
أفضل الأعضاء الموسومين
@الزعيم
 
@@
 
@stones
 
@Mohamed Nsr
 
@JAR7
 

عمل منتدى

كود يجعل شكل الأكواد احلى

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

كود يجعل شكل الأكواد احلى

مُساهمة من طرف النجمة اللامعة في الأحد 26 أكتوبر 2014 - 14:50

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

ممكن كود يجعل شكل الأكواد احلى

يعني اقصد إطار الذي يوضع فيه اكود البرمجة

مثل الإقتباس كيف فيه إطار خاص

وشكرا لكم

النجمة اللامعة
 
 

انثى
عدد المساهمات : 147
معدل النشاط : 1760

http://alholm.forumarabia.com/

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

رد: كود يجعل شكل الأكواد احلى

مُساهمة من طرف أمير المساعدة في الأحد 26 أكتوبر 2014 - 14:56


أمير المساعدة
 
 

ذكر
عدد المساهمات : 3876
معدل النشاط : 5478

http://amir-help.lolbb.com/

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

رد: كود يجعل شكل الأكواد احلى

مُساهمة من طرف النجمة اللامعة في الأحد 26 أكتوبر 2014 - 17:07

لا لو ممكن الكود الموجود نفسه فيه هذا المنتدى

النجمة اللامعة
 
 

انثى
عدد المساهمات : 147
معدل النشاط : 1760

http://alholm.forumarabia.com/

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

رد: كود يجعل شكل الأكواد احلى

مُساهمة من طرف stones في الأحد 26 أكتوبر 2014 - 17:23

بعد اذن المساعد امير
============
جربي الكود هذا

الرمز:
/*----- صورة خلفية محتوى الكود-----*/
.code{
border:2px  solid #FF6633;
background-image : url(http://i39.servimg.com/u/f39/18/42/00/55/rrrrrr10.png);
}
/*----- صورة خلفية محتوى الكود-----*/


/*----- كود تحديد المحتوى-----*/
    .code{
    max-height: 200px;
      overflow: auto;
      direction: ltr;
        display: block;
    }
/*----- كود تحديد المحتوى-----*/
dl.codebox {
    background: none repeat scroll 0 0 white;
    border: 4px solid #00A5CD;
    box-shadow: 0 5px 5px;
    margin: 5px 10px;
}


وهذا ايضا

الرمز:
/*----- صورة خلفية محتوى الكود-----*/
.code{
border:2px  solid #FF6633;
background-image : url(http://i39.servimg.com/u/f39/18/42/00/55/rrrrrr10.png);
}
/*----- صورة خلفية محتوى الكود-----*/


/*----- كود تحديد المحتوى-----*/
    .code{
    max-height: 200px;
      overflow: auto;
      direction: ltr;
        display: block;
    }
/*----- كود تحديد المحتوى-----*/
dl.codebox {
    background: none repeat scroll 0 0 white;
    border: 4px solid #00A5CD;
    box-shadow: 0 5px 10px;
    margin: 5px 10px;
border : 1px dotted #0058AB;


}


عدل سابقا من قبل stones في الأحد 26 أكتوبر 2014 - 17:45 عدل 1 مرات

stones
 
 

ذكر
عدد المساهمات : 11045
معدل النشاط : 13482

http://stones.arab.st/

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

رد: كود يجعل شكل الأكواد احلى

مُساهمة من طرف retsu في الأحد 26 أكتوبر 2014 - 17:43

الرمز:
 /*--digimon t: http://majid.ahlamontada.biz/--*/
.content blockquote {
    background: url("http://i42.servimg.com/u/f42/09/02/12/09/commen10.png") no-repeat scroll 4px 9px #FBFBFB;
    border: 1px solid #00A5CD;
    box-shadow: 0 1px 3px;
    color: #006699;
    margin-left: 10px;
    margin-right: 10px;
}
 
dl.codebox {
    background: none repeat scroll 0 0 white;
    border: 1px solid #00A5CD;
    box-shadow: 0 1px 3px;
    margin: 3px 10px;
}
 
dl.codebox dt {
    background: url("http://i44.servimg.com/u/f44/15/64/85/86/quote10.gif") no-repeat scroll 0 0 transparent;
    border: 0 none;
    color: #0372BE;
    font-size: 0.9em;
    padding-left: 22px;
 
}
 
dl.codebox.spoiler dt {
    background: none;
    padding-left: 3px;
}
 
dl.codebox dt a {
  float: right;
}
 
blockquote dl.codebox { /*-- code cité --*/
 box-shadow: 0 0 1px;
 background-color: #FBFBFB;
}
 
dl.codebox code {
  font-size: 13px;
  padding: 2px;
  color: black;
  font-family: Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace;
}
 /*--digimon t: http://majid.ahlamontada.biz/--*/
 

retsu



ذكر
عدد المساهمات : 54
معدل النشاط : 995

http://itali.buyforum.net/

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

رد: كود يجعل شكل الأكواد احلى

مُساهمة من طرف النجمة اللامعة في الأحد 26 أكتوبر 2014 - 19:24

شكرا لكم كثييير والاكواد حلوة لكن لو ممكن مثل هذا الكود الي بالصورة

يعني نفس الشكل

http://im87.gulfup.com/t0fbL9.png



النجمة اللامعة
 
 

انثى
عدد المساهمات : 147
معدل النشاط : 1760

http://alholm.forumarabia.com/

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

رد: كود يجعل شكل الأكواد احلى

مُساهمة من طرف Michael_vx في الإثنين 27 أكتوبر 2014 - 5:49

هذا الكود يعطيك ما تريده بالصورة
الرمز:
/ مايكل سوفت /
.code {
background:#F5F5F5 url("http://cdn1.iconfinder.com/data/icons/silk2/page_white_code.png")6px 6px no-repeat;
max-height:200px;
max-width:600px;
overflow:auto;
direction:ltr;
display:block;
}
تحياتى لك

Michael_vx
 
 

ذكر
عدد المساهمات : 1541
معدل النشاط : 5065

http://miccsoft.com

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


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