كود وضع صورة لأدراج أكواد وكود الأقتباس

كود : وضع صورة للإقتباس

مثال : [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الكود:: /*------ كود وضع صورة للإقتباس ------*/
.quote:hover {
background:
url("[url=http://i44.servimg.com/u/f44/15/64/85/86/quote-13.gif]http://i44.servimg.com/u/f44/15/64/85/86/quote-13.gif[/url]") no-repeat
scroll 0 0 #FFFFFF;
}
/*----- ^_^ -----*/

.

كود : وضع صورة لأدراج أكواد

مثال : [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الكود:: /*------ كود وضع صورة لأدراج أكواد ------*/
.code:hover {
background:
url("http://i44.servimg.com/u/f44/15/64/85/86/code-h10.gif") no-repeat
scroll 0 0 #FFFFFF;
}
/*----- ^_^ -----*/

نموذج : [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

الكود:: .code{
border:2px solid #FF6633;
background-image : url(http://i25.tinypic.com/29vbeap.jpg);
}

نموذج : [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

الكود:: .quote{
border:2px solid #000000;
background-image : url(http://i25.tinypic.com/29vbeap.jpg);
}

....

كود : أضافة خلفية للـ [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]في المساهمات

نموذج : [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الكود:: /*----- في المساهمات #Code كود أضافة خلفية للـ -----*/
.code{
border:2px solid #FF6633;
background-image : url(http://i48.tinypic.com/2uqhn3s.png);
}
/*----- ^_^ -----*/

كود : أضافة خلفية للـ أقتباس في المساهمات

نموذج : [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الكود:: /*----- كود أضافة خلفية للـ أقتباس في المساهمات -----*/
.quote{
border:2px solid #FF6633;
background-image :
url(http://i48.tinypic.com/2uqhn3s.png);
}
/*----- ^_^ -----*/

^^

المنتدى : [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

كود : أظهار صورة [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]في أضافة كود في المساهمات

الكود:: /****** كود أظهار صورة أطار الاكواد من حوف نت ********/
.code{
background:#F5F5F5 url("http://cdn1.iconfinder.com/data/icons/silk2/page_white_code.png")6px 6px no-repeat;
border : 1px solid #C3C3C3;
margin:1em 1px 1em 25px;
overflow:hidden;
padding:5px;
}

كود : أظهار صورة [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]في الأقتباس

الكود:: /*كود أظهار صورة أقتباس من حوف نت */
.quote {
background:#F5F5F5 url("http://i49.servimg.com/u/f49/16/89/40/74/quote_10.png")6px 6px no-repeat;
border : 1px solid #C3C3C3;
margin:1em 1px 1em 25px;
overflow:hidden;
padding:2px;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
}

.

كود : أضافة خلفية للأقتباس

نموذج : [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

الكود:: .quote{
border:2px solid ;
background-image : url([url=http://im31.gulfup.com/oM1Uo.png]http://im31.gulfup.com/oM1Uo.png[/url]);
}

كود : بشكل منحرف لأدراج الكود [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الكود:: .code {
     background: url("http://cdn1.iconfinder.com/data/icons/silk2/page_white_code.png") no-repeat scroll 6px 6px #F5F5F5;
     border-radius: 7px 7px 7px 7px;
     border: 1px solid #C3C3C3;
     box-shadow: 0px 0px 7px 4px #E8E8E8 inset;
     direction: ltr;
     display: block;
     max-height: 200px;
     overflow: auto;
     padding: 5px;
}

...

كود : بشكل منحرف لأدراج كود الأقتباس [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الكود:: .quote {
     background: url("http://i49.servimg.com/u/f49/16/89/40/74/quote_10.png") no-repeat scroll 6px 6px #F5F5F5;
     border-radius: 7px 7px 7px 7px;
     border: 1px solid #C3C3C3;
     box-shadow: 0px 0px 7px 4px #E8E8E8 inset;
     overflow: hidden;
}

^^