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

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

4 مشترك

اذهب الى الأسفل

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

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

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

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

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

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

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

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

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

http://alholm.forumarabia.com/

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

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

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

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

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

https://amir2014.ahlamontada.com/

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

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

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

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

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

http://alholm.forumarabia.com/

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

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

مُساهمة من طرف 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
stones
 
 

ذكر
عدد المساهمات : 7462
معدل النشاط : 16434
السُمعة : 414

http://stones.arab.st/

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

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

مُساهمة من طرف زائر الأحد 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/--*/
 
Anonymous
زائر
زائر


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

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

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

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

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

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


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

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

http://alholm.forumarabia.com/

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

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

مُساهمة من طرف 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;
}
تحياتى لك
avatar
Michael_vx
 
 

ذكر
عدد المساهمات : 1066
معدل النشاط : 8006
السُمعة : 69

https://www.vxblog.eu

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

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

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