الدفعة الثانية من اشكال الاقتباسات لبلوجر | بلوجر نيو بلوجر نيو: الدفعة الثانية من اشكال الاقتباسات لبلوجر

السبت، 8 يونيو، 2013

الدفعة الثانية من اشكال الاقتباسات لبلوجر


السلام عليكم ورحمة الله وبركاته.. اليوم اقدم لكم الدفعة الثانية من اشكال الاقتباسات لبلوجر


غالبا ما نريد أضافة كود html الى المواضيع ولاكن لا تظهر بشكل منظم
لذا  علينا تعير شكل الأقتباس الي ما يناسب المدونة
اولأ
اذهب الي لوحة التحكم ثم الي قالب ثم

تحرير html

ابحث عن  باستخدم ctrl+f
 post blockquote
او

.post-body blockquote
بعض الأحيان مش بتلأقي اي كود من الي فوق عادي روح علي الخطوة الي بعدية عالطول وقم بمسحه كله ثم إبحث عن
]]></b:skin>
وضع قبله مباشرة الكود التالي 

الكود الخاص بة

.post blockquote {
margin : 0 20px;
padding: 70px 20px 20px 20px;
background : #E7E5DC url(http://2.bp.blogspot.com/_7wsQzULWIwo/SwhrZPcjY4I/AAAAAAAACRk/qOMm-cht3rw/s1600/block333.gif) no-repeat top;
font: normal 1em "comic sans ms",Helvetica, Courier,"Times New Roman", Times, serif;
color : #000000;
border-bottom : 7px solid #FF0000;
}
.post blockquote p {
margin: 0;
padding-top:10px;
}
الكود الخاص بة

.post blockquote{
margin : 0 35px;
padding: 80px 0px 0px 0px;
background : #E6F1FA url(http://1.bp.blogspot.com/_7wsQzULWIwo/Swb5J-uBKiI/AAAAAAAACPs/81Ja4qFVyGc/s400/head2.gif) no-repeat top;
font: normal 1em "comic sans ms", Helvetica, verdana;
color : #666;
}
.post blockquote div{
background : #E6F1FA url(http://4.bp.blogspot.com/_7wsQzULWIwo/Swb5j3ME4gI/AAAAAAAACP0/1sQjocgjdK0/s400/head-bottom3.gif) no-repeat bottom;
padding-bottom: 50px;
}
.post blockquote p {
margin: 0;
padding: 20px;
}

الكود الخاص بة

.post blockquote {
  font:bold italic .9em  "comic sans ms", Tahoma, sans-serif;
  padding-top: 25px;
  margin: 5px;
  background: url(http://1.bp.blogspot.com/_7wsQzULWIwo/Swb5kCZUGZI/AAAAAAAACP8/UEMNYwjmokk/s400/left.gif) no-repeat top left;
  text-indent: 65px;
color:#6299E4;
  }
  .post blockquote div {
    display: block;
    background: url(http://4.bp.blogspot.com/_7wsQzULWIwo/Swb52LlPk-I/AAAAAAAACRE/_MC7HQLGIng/s400/right.gif) no-repeat bottom right;
padding-bottom:30px;
}
.post blockquote p {
margin: 0;
padding-top:10px;
}
وبكدة اكون خلصت الشرح 
ارجو ان اكون وفقت في الشرح
اعجبك الموضوع؟ مشاركتها مع أصدقائك:-

Team SB
النشر بواسطة: عبد الرحمن مصطفي

0 التعليقات:

POST A COMMENT

Contact Us

الاسم

بريد إلكتروني *

رسالة *

 

أرشيف المدونة الإلكترونية

Copyright © . eg-y. All Rights Reserved.
Designed by :-Way2themes