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

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


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



طريقة التركيب

ابحث عن الوسم  ]]></b:skin>

وضع الكود التالي فوقه أو ضع الكود في اي مكان يدعم
 Css - ملاحضة ان لم يتغير معك الكود قم بمسح الكود القديم


/*****************************************
http://alwalednet.blogspot.com
******************************************/
.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;}


ومن لديه اي استفسار الرجاء
استعمال التعليقات


والي اللقاء في درس اخر انشاء الله









كيفية تغير شكل الاقتباس الى مظهر احترافي كيفية تغير شكل الاقتباس الى مظهر احترافي بواسطة al walid net on 9:43:00 ص القسم: 5

ليست هناك تعليقات :

يتم التشغيل بواسطة Blogger.