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

الجمعة، 7 يونيو، 2013

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

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

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

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

اذهب الي لوحة التحكم ثم الي قالب ثم 

تحرير html

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

post blockquote
او
.post-body blockquote

في بعض الأحيان مش بتلأقي اي كود من الي فوق عادي روح علي الخطوة الي بعدية عالطول
وقم بمسحه كله ثم إبحث عن
]]></b:skin>
وضع قبله مباشرة الكود التالي
اشكال الاقتباسات لبلوجر
الكود الخاص بة
blockquote {
margin : 0 20px;
padding: 60px 30px 40px 20px;
background : #F1F8FE url(http://3.bp.blogspot.com/_7wsQzULWIwo/SwhrZYtvrRI/AAAAAAAACRs/Q0k6eaIjnys/s400/owl.png) no-repeat 350px 5px;
font: normal .9em "comic sans ms", Courier,"Times New Roman", Times, serif;
color : #000;
border-left: 8px dotted #DAB547;
}
blockquote p {
margin: 0;
padding-top:10px;
}
اشكال الاقتباسات لبلوجر
الكود الخاص بة
.post blockquote {
background: #F3F3F1 url(http://3.bp.blogspot.com/_7wsQzULWIwo/Swb5Jv9YD4I/AAAAAAAACPc/BJ-zgoLMJXw/s1600/comma-side-orange1.gif) ;
background-position:;
background-repeat:repeat-y;
margin: 0 20px;
padding: 20px 20px 10px 45px;
font-size: 0.9em;
font: italic 1.2em Georgia, "Times New Roman", Times, serif;
}
.post blockquote p {
margin: 0;
padding-top: 10
اشكال الاقتباسات لبلوجر

 الكود الخاص بة
blockquote {
background: #484B52 url(http://3.bp.blogspot.com/_7wsQzULWIwo/Swb5J3xbxyI/AAAAAAAACPk/gxR76OhXXaw/s1600/green-black-side.gif) ;
background-position:;
background-repeat:repeat-y;
margin: 0 20px;
padding: 20px 20px 20px 50px;
color:#C7CACF;
font: normal 0.9em Helvetica, verdana, serif, Georgia, "Times New Roman";
}
.post blockquote p {
margin: 0;
padding-top: 10px;
}
اشكال الاقتباسات لبلوجر
 الكود الخاص بة

.post blockquote {
  font: 18px normal Tahoma, sans-serif;
  padding-top: 10px;
  margin: 5px;
  background: url(http://1.bp.blogspot.com/_7wsQzULWIwo/Swb5JEtgobI/AAAAAAAACPM/tqEq7sOrdnQ/s400/comma-left.gif) no-repeat top left;
  text-indent: 65px;
  }
  .post blockquote div {
    display: block;
    background: url(http://3.bp.blogspot.com/_7wsQzULWIwo/Swb5JRi1ZbI/AAAAAAAACPU/vWtG9Rvfj9U/s400/comma-right.gif) no-repeat bottom right;
padding-bottom:10px;
}

.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