مجموعة كبيرة من اكواد اقتباس blockquote بطريقة احترافية

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

اليوم احببت ان اقدم لكم مجموعة من الطرق البسيطة لتغير شكل الاقتباس لمدونات بلوجر والذي الكثير من المدونين المبتدئين لايستخدموها والتي تقوم بتميز اكواد او ملاحضة او نص طبعأ الاشكال الذي سوف اقدمه لكم اشكال احترافية وبسيطة وانيقة وسوف تلائم جميع المدونات انشاء الله مع امكانية اختيارالوان الذي يناسب مدونتك

♦ طريقة التركيب ♦

 1- ابحث عن الكود التالي .post blockquote او blockquote وقم بحذفة جميعاً

2- ابحث عن الكود التالي ]]> واضف قبله مباشرة كود شكل الاقتباس الذي تريد مع ازالة كلمة style> و  في كل الحالات الاضافة ستعمل
راسلني ان وجدت اي مشكلة اجيبك ان شاء الله . لكي لا اطيل اترككم مع الاشكال...

♦ الشكل 1 ♦

♦ الشكل 2 ♦

♦ الشكل 3 ♦

♦ الشكل 4 ♦

♦ الشكل 5 ♦

♦ الشكل 6 ♦

♦ الشكل 7 ♦

♦ الشكل 8 ♦

♦ الشكل 9 ♦

♦ الشكل 10 ♦

♦ الشكل 11 ♦

blockquote{margin:5px 17px;padding:7px;color:#fff;background:rgba(47, 70, 107, 1)} ul,ol,dl{list-style-position:inside;font-weight:normal;list-style:none} .post blockquote { padding: 23px 33px 15px 33px; overflow: auto; max-height: 250px; background: rgb(243, 243, 247) !important; border-radius: 4px !important; border: 1px solid rgb(222, 222, 227) !important; border-radius: 4px; color: #2c3e50 !important; margin: 10px; text-align: left !important; direction: ltr; font-size: 14px; line-height: 1.7em; } .post blockquote a {color: #F8D300;} .post blockquote:before { text-align: center; position: relative; content: 'يمكنك تحديد كل ما هو موجود في الإطار التالي من أكواد'; background: rgba(255,255,255,1); left: 3px; right: 3px; top: -13px; font-size:18px; padding: 5px 20px; display: block; font-weight: 700; border-radius: 3px 3px 0 0; color: #2c3e50 !important; }

♦ الشكل 12 ♦

.post blockquote {padding: .5em 1em;border-left: 6px solid #FFAD00;border-right: 6px solid #FFAD00;background-color: #E1E1E1;text-align: center;direction: ltr;max-height: 408px;overflow: auto;border-radius:5px;}.post blockquote:hover {border-left: 6px solid #FF00F5;border-right: 6px solid #FF00F5;background-color: #DADADA;transition:.3s;}

♦ الشكل 13 ♦

.post blockquote {padding:5px;border:1px dashed;background-color:#DDDDDD;direction: ltr;text-align: left;height:200px;overflow-y:scroll;}.post blockquote p {margin: 0;padding: 0 0 15px;}.blockquote p {margin: 0;padding-top:10px;}

♦ الشكل 14 ♦

blockquote { border-bottom-left-radius: 6px; -webkit-bottom-left-radius: 6px; -moz-bottom-left-radius: 6px; -o-bottom-left-radius: 6px; border-bottom-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-bottom-right-radius: 6px; -o-border-bottom-right-radius: 6px; margin: 0 0 20px; border-left: 30px solid #FC4F08; background-color: #302C2B; color: #B8B4AA; border-radius: 10px 20px 20px 10px; -webkit-border-radius: 10px 20px 20px 10px; -moz-border-radius: 10px 20px 20px 10px; -o-border-radius: 10px 20px 20px 10px; padding: 4% 2% 4% 3%; font-family: 'Voces', cursive; font-size: medium; text-align: left !important; direction: ltr !important; } q:before, q:after, blockquote:before, blockquote:after { content: ""; } Pseudo ::after element

♦ الشكل 15 ♦

.post blockquote { margin: 15px 35px 15px 15px; padding: 10px; clear: both; list-style-type: none; background: #FFFBC6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZigGxfy2pduPXLPtR6AKFSmRR5bcIcSvKcdIZYownHoI5A0mutbfI5Wq5SPtRdCDsZTYoL3ep1GaMLXXp22va4lnSFKVXrBbY84pqSYNr34tvnrO_1-lxlx9qto90jLN87-ObnkauOshh/s320/cv-1.png) no-repeat right bottom; border-top: 1px solid #4977FF; border-right: 1px solid #5686FF; border-bottom: 1px solid #475FFF; border-left: 1px solid #5686FF; border-radius: 10px; box-shadow: 2px 3px 3px 1px rgba(0, 0, 0, 0.5), 0 2px 2px 0 rgba(255, 255, 255, 0.5) inset; height: 380px; overflow: scroll; overflow-x: hidden; direction: ltr; }

♦ الشكل 16 ♦

♦ الشكل 17 ♦

♦ الشكل 18 ♦

♦ قريبا اشكال اخرى ساعمل عليها ان شاء الله ♦

√ اتمنى من كل من مر على هذا الموضوع ان يترك كلمة شكر فى تعليق √