السلام عليكم ورحمة الله وبركاته.. اليوم اقدم لكم الدفعة الثانية من اشكال الاقتباسات لبلوجر
غالبا ما نريد أضافة كود html الى المواضيع ولاكن لا تظهر بشكل منظم
لذا علينا تعير شكل الأقتباس الي ما يناسب المدونة
اولأ
اذهب الي لوحة التحكم ثم الي قالب ثم
تحرير html
لذا علينا تعير شكل الأقتباس الي ما يناسب المدونة
اولأ
اذهب الي لوحة التحكم ثم الي قالب ثم
تحرير html
ابحث عن باستخدم ctrl+f
post blockquote
.post-body blockquoteبعض الأحيان مش بتلأقي اي كود من الي فوق عادي روح علي الخطوة الي بعدية عالطول وقم بمسحه كله ثم إبحث عن
]]></b:skin>وضع قبله مباشرة الكود التالي
.post blockquote {
margin : 0 20px;
padding: 70px 20px 20px 20px;
background : #E7E5DC url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjloG-2n2UHkol_BnuIfui7a-DlMibkKROk8EmMqBVuftce8nBj5FV47PF2LscMO0N28laeoV569su_l1KYdfc-4mEozxCABCmYB5Z-f_C9fYWf18J0Bn2F3M9bI5wb-XrWwLi_H2E4jWI/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp9wLvbqbBketc0QOK9ISGPSMcBd-toViKG8YAbCdOTgujprOEMgjYBXrGiCY3Wj_GJs7Kv7bkfZxOhhhdFSiO4KkwvJVrt_L6m1DH_xdZeVf23n-SxjAKc74-MxloHXh8FO2n9ggpZAI/s400/head2.gif) no-repeat top;
font: normal 1em "comic sans ms", Helvetica, verdana;
color : #666;
}
.post blockquote div{
background : #E6F1FA url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA4Ex4XQ1OLz_s24P-VpVS_vcPVg8EO4TsXEsV_fxAVNxQ0s_211pLsS_jXY-omvYm50oA-MjZCeNLNUw2AL2ehjcl9DmAmj_gxHl-R3fRj_FsWYEUzy4CYUPQQ-idrn8UeAV9Ih6chWQ/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCaw8sN2NClJIgUuOmbNznAcKnltEwQaIDzUmpE5pDTFQaeIK9pfarQHsV33Ipd9EvNwPQdV4LmOxROV_-5v8RQ5yEiaVMhcNIbswkfY819mCw31Sjp3x7ewPmaniSWTOu2Eaw5kGTg3s/s400/left.gif) no-repeat top left;
text-indent: 65px;
color:#6299E4;
}
.post blockquote div {
display: block;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq_lcd8C1JgReS6WXoQgJyqH9tXxV066JOm0rdqXHuE0WS6ZcJrzICW66y8AnIDrEDxcu46AUrxEBwAyn_LtPzS-Bi5Crcu9bLKnK4AvZtTWus7dJnGvyap5YvkTndqVX6H4RQttRPqIY/s400/right.gif) no-repeat bottom right;
padding-bottom:30px;
}
.post blockquote p {
margin: 0;
padding-top:10px;
}
ارجو ان اكون وفقت في الشرح
اعجبك الموضوع؟ مشاركتها مع أصدقائك:-
0 التعليقات:
POST A COMMENT