recent
أخبار ساخنة

كيفية تغير شكل الاقتباس الى مظهر احترافي

Walid Al-Bana
الصفحة الرئيسية

كيفية تغير شكل الاقتباس الى مظهر احترافي
 مرحبا اصدقائي اعضاء وزوار الوليد نت حول اكواد الاقتباس في اغلب القوالب تجدها تقليدية غالبا فقد تحتاج الى تغير مظهرها الى مظهر اكثر احترافية وهنا نقدم مظهر احترافي وطريقة تركيبة بسيطة لنذهب الى طريقة التركيب



طريقة التركيب
ابحث عن الوسم
]]></b:skin>
وضع الكود التالي فوقه أو ضع الكود في اي مكان يدعم
 Css - ملاحضة ان لم يتغير معك الكود قم بمسح الكود القديم
/*****************************************
تغير شكل الاقتباس
******************************************/
.post-body blockquote{text-align:left!important; font-family:Monaco,&quot;Andale Mono&quot;,&quot;Courier New&quot;,Courier,monospace; background:#2c3e50;background-image:-webkit-linear-gradient(rgba(0,0,0,0.05) 50%,transparent 50%,transparent);background-image:-moz-linear-gradient(rgba(0,0,0,0.05) 50%,transparent 50%,transparent);background-image:-ms-linear-gradient(rgba(0,0,0,0.05) 50%,transparent 50%,transparent);background-image:-o-linear-gradient(rgba(0,0,0,0.05) 50%,transparent 50%,transparent);background-image:linear-gradient(rgba(0,0,0,0.05) 50%,transparent 50%,transparent);-webkit-background-size:100% 50px;-moz-background-size:100% 50px;background-size:100% 50px;line-height:25px;color:#f1f1f1;position:relative;padding:55px 20px 20px 20px;margin:10px 0;border-radius:3px}

.post-body blockquote:before{position:absolute;content:'\f121' 'Script';background:rgba(255,255,255,1);right:3px;left:3px;top:3px;padding:5px 20px;display:block;font-weight:700;font-size:120%;border-radius:3px 3px 0 0;color:#3D4348;}

.post-body blockquote:after{position:absolute;content:'\f1cb';right:10px;bottom:5px;font-family:FontAwesome;font-style:normal;font-weight:normal;font-size:160%;color:rgba(255,255,255,.6)}

.post-body blockquote a,.post-body blockquote a:hover {color:#fff;}

*:focus {outline:0!important;}

/*Bullet List by */

.post ul {list-style:none;}

.post ul li:before{content:"\f05d";font-family: fontAwesome;color: #333333;font-style: normal;font-size:100%;top: 0;left: 0;margin-right: 13px;}
ومن لديه اي استفسار الرجاء
استعمال التعليقات
والي اللقاء في درس اخر انشاء الله


google-playkhamsatmostaqltradent