حلآ آلبنآت | آﻤيِرآت آلغيِوﻤ ® ،
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

اذهب الى الأسفل
Nona-chan ♥
Nona-chan ♥
آلمديرهة آلعآمــهة
الجنس الجنس : انثى
مشاركاتي مشاركاتي : 1617
تاريخ ميلادي تاريخ ميلادي : 15/10/2000
تاريخ انضمامي لاسرة المنتدى : 13/08/2011
عمري عمري : 24
منتداي منتداي : اليمن
هوايتي هوايتي : التصميم
مزاجي مزاجي : مشغولة==
https://remas2.7olm.org

كود جعل إقتباسات منتداك بشكل إحترافي Empty كود جعل إقتباسات منتداك بشكل إحترافي

السبت مارس 22, 2014 1:30 pm
السلام عليكم ورحمة الله وبركاته
اليوم اقدم لكم اكواد اقتباسات متميزة جدا للمنتديات

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

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

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

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


كود جعل إقتباسات منتداك بشكل إحترافي 4KjeI
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(http://i58.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(http://i58.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(http://i58.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(http://i58.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(http://i58.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(http://i58.servimg.com/u/f58/14/80/95/87/qhc11.png) no-repeat 0 0 transparent; /* ) */
position:absolute;
right:-10px;
width:10px;
height:32px;
}

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


كود جعل إقتباسات منتداك بشكل إحترافي G57ti
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:Georgia; /**/
font-style:italic; /**/
}
.postmain 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 #D5DEE5; /**/
background:url(http://i58.servimg.com/u/f58/14/80/95/87/spback10.png) bottom left repeat-x #FFF; /**/
max-width:91%; /**/
padding:15px 20px 10px 23px;
position:relative;
}
.postmain blockquote div:before {
content:'';
background:url(http://i58.servimg.com/u/f58/14/80/95/87/openq10.png) top left no-repeat transparent; /**/
position:absolute;
width:16px;
height:16px;
top:15px;
left:3px;
}
.postmain blockquote div:after {
content:'';
position:absolute;
z-index:100;
background:url(http://i58.servimg.com/u/f58/14/80/95/87/closeq10.png) top left no-repeat transparent; /**/
width:16px;
height:16px;
right:4px;
bottom:4px;
}
/*шапка заголовка цитаты*/
.postmain blockquote div cite {
font-style:normal;
font-weight:700; /**/
display:block;
font-size:13px;  /**/
color:#fff;
background:url(http://i58.servimg.com/u/f58/14/80/95/87/qhm10.png) top left repeat-x transparent; /**/
height:32px;
position:absolute;
z-index:100;
top:-15px;
text-shadow:#000 1px 1px; /**/
left:0px;
}
.postmain blockquote div cite:before {
content:'';
position:absolute;
z-index:-1;
background:url(http://i58.servimg.com/u/f58/14/80/95/87/qho10.png) no-repeat 0 0 transparent; /**/
width:31px;
height:38px!important;
left:-13px;
top:0;
}
.postmain blockquote div cite:after {
content:'';
background:url(http://i58.servimg.com/u/f58/14/80/95/87/qhc10.png) no-repeat 0 0 transparent; /**/
position:absolute;
right:-10px;
width:10px;
height:32px;
top:0;
}

وشكرا لكم وقريبا سيتم توفير لباقي النسخ باذن الله
Animelora
Animelora
نآآئبـــهة المديرهة
لقبي السابق لقبي السابق : يهمك؟
الجنس الجنس : انثى
مشاركاتي مشاركاتي : 1119
تاريخ ميلادي تاريخ ميلادي : 19/03/2002
تاريخ انضمامي لاسرة المنتدى : 29/10/2013
عمري عمري : 22
منتداي منتداي : http://anmi.mam9.com/
هوايتي هوايتي : الاناقة ~._.~
مزاجي مزاجي : مغرورة
الاوسمة الاوسمة : ~
https://remas2.7olm.org/

كود جعل إقتباسات منتداك بشكل إحترافي Empty رد: كود جعل إقتباسات منتداك بشكل إحترافي

الأحد مارس 23, 2014 12:52 pm
حجز
الرجوع الى أعلى الصفحة
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى