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

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


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

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

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

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

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

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

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

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

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

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

وشكرا لكم
avatar
النجمة اللامعة
 
 

انثى
عدد المساهمات : 147
معدل النشاط : 1908
السُمعة : 1

http://alholm.forumarabia.com/

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

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

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

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

ذكر
عدد المساهمات : 3876
معدل النشاط : 5626
السُمعة : 127

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

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

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

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

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

انثى
عدد المساهمات : 147
معدل النشاط : 1908
السُمعة : 1

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 مرات
avatar
stones
 
 

ذكر
عدد المساهمات : 11050
معدل النشاط : 13637
السُمعة : 413

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/--*/
 
avatar
retsu



ذكر
عدد المساهمات : 54
معدل النشاط : 1143
السُمعة : 0

http://itali.buyforum.net/

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

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

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

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

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

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


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

انثى
عدد المساهمات : 147
معدل النشاط : 1908
السُمعة : 1

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
معدل النشاط : 5222
السُمعة : 69

http://miccsoft.com

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

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


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