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

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


انشاء منتدى مجاني شبيه بهذا المنتدى

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

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

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

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

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

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

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

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

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

وشكرا لكم

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

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

http://alholm.forumarabia.com/

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

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

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


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

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

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

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

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

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

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

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

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

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
 
 

ذكر
عدد المساهمات : 11050
معدل النشاط : 13575

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
معدل النشاط : 1081

http://itali.buyforum.net/

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

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

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

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

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

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



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

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

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
 
 

ذكر
عدد المساهمات : 1547
معدل النشاط : 5160

http://miccsoft.com

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

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


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