جعل الاقتباس احترافى مثل جى نايل

السلام عليكم ورحمة الله وبركاته اليكم كود يقوم بتحويل الاقتباس فيصبح احترافى وتجعل
منتداك فخم وروعه ومنتظم ميكون الاقتباس مثل منتدى جى نايل واليكم اقتباس الموضوع

دأ على بركة الله
اولا اكواد توضع في

لوحة ادارة >> مظهر المنتدى >> ألوان >> ورقة تصميم css

تم تقوم بوضع الكود الدي ساضعه في الاسفل
بسم الله نبدأ على بركة الله

لنسخة phpBB3
صورة بعد وضع الكود

تكبير الصورة معاينة الأبعاد الأصلية.

http://im34.gulfup.com/4KjeI.png

الكود

الكود: ---------تضليل المحتوى
/* Quote on BB3 */
blockquote blockquote,blockquote blockquote
blockquote {
background:none;
border:0!important;
}
blockquote{
background:none;
border:0!important;
position:relative;
overflow:hidden;
min-height:35px!important;
margin:10px 0;
padding:14px 0 10px 8px;
font-size:14px; /* */
line-height:18px;
color:#504536; /* */
font-family:Georgia; /* */
font-style:italic; /* */
}
blockquote div {
margin-top:7px;
margin-left:6px;
-moz-border-radius:8px;
-khtml-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
border:solid 1px #B38000; /* */
background:url(https://i.servimg.com/u/f58/14/80/95/87/7699510.jpg) bottom left repeat-x #FFFEF9; /* */
max-width:92%; /* */
padding:10px 20px 10px 20px;
position:relative;
}
blockquote div:before {
content:'';
background:url(https://i.servimg.com/u/f58/14/80/95/87/openq12.png) top left no-repeat transparent; /* */
position:absolute;
width:11px;
height:11px;
top:15px;
left:3px;
}
blockquote div:after {
content:'';
position:absolute;
z-index:100;
background:url(https://i.servimg.com/u/f58/14/80/95/87/closeq12.png) top left no-repeat transparent; /* */
width:11px;
height:11px;
right:4px;
bottom:2px;
}
blockquote div cite {
font-style:normal;
font-weight:700;
display:block;
font-size:13px; /* */
color:#000; /* */
background:url(https://i.servimg.com/u/f58/14/80/95/87/qhm11.png) top left repeat-x transparent; /* */
height:32px;
line-height:24px;
position:absolute;
z-index:100;
top: -18px;
text-shadow:#fff 1px 1px; /* */
left:0px;
}
blockquote div cite:before {
content:'';
position:absolute;
z-index:-1;
background:url(https://i.servimg.com/u/f58/14/80/95/87/qho11.png) no-repeat 0 0 transparent; /* */
width:31px;
height:38px!important;
left:-13px;
top:0;
}
blockquote div cite:after {
content:'';
background:url(https://i.servimg.com/u/f58/14/80/95/87/qhc11.png) no-repeat 0 0 transparent; /* ) */
position:absolute;
right:-10px;
width:10px;
height:32px;
}


لنسخة punBB
صورة بعد وضع الكود

تكبير الصورة معاينة الأبعاد الأصلية.

http://im31.gulfup.com/g57ti.png

الكود

الكود: ---------تضليل المحتوى
/* Quote on punBB*/
.postmain blockquote{
background:none;
border:0!important;
position:relative;
overflow:hidden;
min-height:35px!important;
margin:10px 0;
padding:11px 0 6px 10px;
font-size:14px; /**/
line-height:18px;
color:#504536; /**/
font-family