بسم الله الرحمن الرحيم
اليوم جئتكم بشرح لتعديل الوان صندوق الاقتباس في النسخة الجديده بما يناسبكم من الوان
مثال على عمل الكود
اولا ضع الكود التالي في ورقة الـ css
كود:
blockquote {
background-color: #ebeadd;
border-color: rgba(227, 91, 7, 57);
border-radius: 3px 0 0 3px;
border-style: solid;
border-width: 0 0 0 6px;
font-size: 1.2rem;
margin: 0 9px;
overflow: hidden;
padding: 18px;
position: relative;
}
blockquote:before {
content: "\f347";
color: rgba(227, 91, 7, 57);
font-size: 3.6rem;
position: absolute;
left: 9px;
top: 6px;
display: inline-block;
font-family: "Ionicons";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
blockquote blockquote {
background-color: rgba(0, 0, 0, 0.05);
margin: 18px 9px 18px 3px;
}
blockquote blockquote blockquote {
background-color: #ebeadd;
}
blockquote cite {
font-style: normal;
font-weight: 500;
display: block;
font-size: 0.9em;
}
blockquote cite cite {
font-size: 1em;
}
blockquote.uncited {
padding-top: 25px;
}شرح التعديل على الكود
اولا للتعديل على الخلفية قم بتغيير الكود التالي الى ما يناسبك
كود:
ebeadd#ولتغيير الاطار على اليسار ورمز الاقتباس قم بتغيير الارقام التاليه برقم اللون الذي تريده
كود:
rgba(227, 91, 7, 57)انتهى الشرح
بسيط وسهل ان شاء الله
اي استفسار لا تتردد في طرحه علينا
بالتوفيق للجميع
جميع الحقوق محفوظه لشركة انكور التطويرية
يمنع النقل دون ذكر المصدر
والسلام ختام