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

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



اليوم جئتكم بشرح لتعديل الوان صندوق الاقتباس في النسخة الجديده بما يناسبكم من الوان

مثال على عمل الكود

عرض الصورة

عرض الصورة شرح تركيب والتعديل على الكود

اولا ضع الكود التالي في ورقة الـ 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 />




انتهى الشرح

بسيط وسهل ان شاء الله

اي استفسار لا تتردد في طرحه علينا

بالتوفيق للجميع

جميع الحقوق محفوظه لشركة انكور التطويرية

يمنع النقل دون ذكر المصدر



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

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