السلام عليكم ورحمة الله وبركاته.. اليوم اقدم لكم الدفعة الاولى من اشكال الاقتباسات لبلوجر
حيث اقدم لكم اربعة من الاقتباسات لبلوجر الجديد
غالبا ما نريد أضافة كود html الى المواضيع ولاكن لا تظهر بشكل منظم
لذا علينا تعير شكل الأقتباس الي ما يناسب المدونة
اولأ
اذهب الي لوحة التحكم ثم الي قالب ثم
تحرير html
حيث اقدم لكم اربعة من الاقتباسات لبلوجر الجديد
غالبا ما نريد أضافة كود html الى المواضيع ولاكن لا تظهر بشكل منظم
لذا علينا تعير شكل الأقتباس الي ما يناسب المدونة
اولأ
اذهب الي لوحة التحكم ثم الي قالب ثم
تحرير html
ابحث عن باستخدم ctrl+f
post blockquote
او
.post-body blockquote
في بعض الأحيان مش بتلأقي اي كود من الي فوق عادي روح علي الخطوة الي بعدية عالطول
وقم بمسحه كله ثم إبحث عن
وقم بمسحه كله ثم إبحث عن
]]></b:skin>
وضع قبله مباشرة الكود التالي
الكود الخاص بة
blockquote {
margin : 0 20px;
padding: 60px 30px 40px 20px;
background : #F1F8FE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikcOl5H8caD8Koyxpukg0RL4HRwzU277fWCD826IFbSvlG9pKuyJsfSFzopVtOlNljJ8YPIr2J6HQ0UVppBKZG_UmjQtJ-7fq9gYKx6o6dPZg5btXnqwia0-_hQQfcwKDC_wjOMBGZ9wc/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX1e0B9XyWDQu3jSFvxkYHKM78qIx2X5aWhfQNI5rwu3xHXBE0SQdcu-MgF1L8j-eWWPA-Ncwbwx36PbaBSd8miCOn0t7UXa2RsWgqFrdWm6i2F2AQaJnbefmbwcNEyLvXAbpwFA9LzWA/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrlM5OGbV4W8MaW8Z0VRwt1o7T4zEwKTUEpm6QBN7gNjpxFtk4U4HQmb3rr8bwhc62RsutEnMjr4FbfSU8Cb9ikArJHejcWyDAgHGHxBxoEY2TlXYfvWKxL_DeGehip2EwVit4HlQXkpk/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIbIUF1aN5Nws6DIPixTfKYEZyxeyJwPcWsXC7fBMHnOWjmtmTDkWP_xqJDFsb2GCNyQUQzpU3dDr1sz_ZCX1ueqGshNWn_46f7Yqkxz1hIPFgFMJpJfKiqy7xZXSqeU9HRcvd4QAMZnM/s400/comma-left.gif) no-repeat top left;
text-indent: 65px;
}
.post blockquote div {
display: block;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsrbUqZGnqVUH9l_OHh3oDJhEdYwaDjN-u1SLr1iWLqP6LF_8my_kjwFPXR5xJLzmhtP9uXCRfefUNHL_nSyk8Ka7bVJ5n2Gu5RiWttoV_vbSYDtjpWbj6VMJpcwK5nthq0aJ64mHwuzw/s400/comma-right.gif) no-repeat bottom right;
padding-bottom:10px;
}
.post blockquote p {
margin: 0;
padding-top:10px;
اعجبك الموضوع؟ مشاركتها مع أصدقائك:-
0 التعليقات:
POST A COMMENT