طريقة تركيب وإظهار صناديق الاقتباس لعرض الاكواد

الجمعة، 21 فبراير 2020

طريقة تركيب وإظهار صناديق الاقتباس لعرض الاكواد

mohamedelafndey فبراير 21, 2020 0 تعليق

السلام عليكم ورحمة الله وبركاتة

عدنا اليكم مجددا في موضوع من المواضيع المختصة بالبلوجر حيث سنقدم لكم طريقة تركيب وإظهار صناديق الاقتباس لعرض الاكواد, هذه الاضافة التي ستفيد العديد من المتتبعين خاصة أصحاب المدونات المختصة بالبلوجر, يمكنك أن اضع فيه أكواد الاضافات او وسوم, كما نضعها نحن في مدونتنا, هذا فقط يعتبر تنسيق للاضافة لان بلوجر في الاصل توفر لنا آداة الاقتباس عندما نقوم بكتابة اي تدوينة وسنوضح لكم الامر في الموضوع تابعو معي

أولا نقوم بتحرير القالب ثم نبحث ياستعمال Ctrl+F عن الوسم </head
ثم نضع فوقه مباشرة الأكواد التالية (css)

<style>

/* ------------------------------

* صناديق الاقتباس من الافندى

www.eelafndey.com

* ------------------------------ */

.post blockquote {

background: rgb(243, 243, 247) !important;

border-radius: 4px !important;

border: 1px solid rgb(222, 222, 227) !important;

box-sizing: border-box;

clear: both !important;

color: #2c3e50 !important;

direction: ltr !important;

font-size: 12px !important;

font-stretch: normal !important;

line-height: 1.6em !important;

margin-bottom: 22px;

padding: 11px !important;

max-height: 400px !important;

outline: 0px;

overflow-x: auto !important;

padding: 0px 10px 10px !important;

position: relative !important;

quotes: "" "";

text-align: left !important;

vertical-align: baseline;

}

.post blockquote:before {

content: "\f10d";

font-size: 20px;

font-family: FontAwesome;

font-style: normal;

font-weight: normal;

text-decoration: inherit;

padding: 8px !important;

color: #717070;

float: right;

}

</style>

الآن بعد هذه الخطوة ننتقل الى كيفية اظهار هذه الاضافة, وهذه الصورة توضح لك الطريقة.

طريقه تفعيل خاصيه الاقتباس..:-

أولا, تقوم بتحديد كل من تريده ان يظهر في صندوق الاقتباس

ثانيا, تنتقل الى الجزء العلوي للتدوينة وتختار آداة الاقتباس كما في الصورة آعلاه ↑↑

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

تفاصيل التدوينة

كاتب الموضوع : mohamedelafndey

mohamedelafndey

محمد محمود الافندي , مدون عربي اعشق التدوين وعالم البرمجيات بشكل عام وتبسيط المعلومه وثوف اشارك معكم كل ماهو جديد فقط انتظرونا..

إظهار التعليقات

44

الجمعة، 21 فبراير 2020