بسم الله الرحمن الرحيم
اليوم جئتكم بشرح لتعديل الوان صندوق الاقتباس في النسخة الجديده بما يناسبكم من الوان
مثال على عمل الكود
شرح تركيب والتعديل على الكود
اولا ضع الكود التالي في ورقة الـ css
CODE
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;
}
شرح التعديل على الكود
اولا للتعديل على الخلفية قم بتغيير الكود التالي الى ما يناسبك
CODE
ebeadd#<br />
ولتغيير الاطار على اليسار ورمز الاقتباس قم بتغيير الارقام التاليه برقم اللون الذي تريده
CODE
rgba(227, 91, 7, 57)<br />
انتهى الشرح
بسيط وسهل ان شاء الله
اي استفسار لا تتردد في طرحه علينا
بالتوفيق للجميع
جميع الحقوق محفوظه لشركة انكور التطويرية
يمنع النقل دون ذكر المصدر
والسلام ختام