أرشيف انكور
(نسخة قابلة للطباعة من الموضوع)
https://archive.iinkor.com/t229
أنقر هنا لمشاهدة الموضوع بهيئته الأصلية

تغيير لون الاقتباس
Admin 27-01-2020 04:56 مساءً
بسم الله الرحمن الرحيم

اليوم جئتكم بشرح لتعديل الوان صندوق الاقتباس في النسخة الجديده بما يناسبكم من الوان
مثال على عمل الكود
32211
ieo10 شرح تركيب والتعديل على الكود
اولا ضع الكود التالي في ورقة الـ 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;
 }

ieo10
شرح التعديل على الكود
اولا للتعديل على الخلفية قم بتغيير الكود التالي الى ما يناسبك
CODE
ebeadd#<br />

ولتغيير الاطار على اليسار ورمز الاقتباس قم بتغيير الارقام التاليه برقم اللون الذي تريده
CODE
rgba(227, 91, 7, 57)<br />


انتهى الشرح
بسيط وسهل ان شاء الله
اي استفسار لا تتردد في طرحه علينا
بالتوفيق للجميع
جميع الحقوق محفوظه لشركة انكور التطويرية
يمنع النقل دون ذكر المصدر

والسلام ختام
أرشيف انكور

Copyright © 2009-2025 PBBoard® Solutions. All Rights Reserved