إضافة تهنئة بعيد أضحى مبارك في بلوجر (css)
إضافة إشارة المشرف في تعليقات بلوجر (CSS)
مع اقرب عيد أضحى مبارك تتنافس مواقع و مدونة بأن تقدم إلى زوارها أفضل تهنئة بهده المناسبة لدى قمت بتصميم إضافة مميزة في بلوجر من أجل تهنئة زوارك بعيد أضحى مباركيمكنك معاينة اسفله
طريقة إضافة تهنئة بعيد أضحى مبارك في بلوجر
كما جرت عادة طريقة اضافة تابع معي
- نتوجه إلى بلوجر
- نختار التخطيط
- نختار إضافة أداة في اي مكان لا يهم
- نختار أداة
html/javascript
- نلصق كود داخله
- نظغط حفظ
<div class="box box-3"> <div class="quote-cont"> <div class="quote"> عيد أضحى مبارك عليكم </div> <div class="arrow"></div> </div> <svg height="50pt" viewbox="0 0 512 512" width="50pt" xmlns="http://www.w3.org/2000/svg"><path d="m445.933594 264.257812v49.546876c0 9.085937-3.714844 17.34375-9.660156 23.371093-6.027344 5.945313-14.285157 9.664063-23.371094 9.664063 0 11.394531-4.625 21.71875-12.054688 29.230468-7.515625 7.433594-17.839844 12.058594-29.234375 12.058594 0 22.792969-18.5 41.289063-41.289062 41.289063h-16.519531c0 13.710937-11.0625 24.777343-24.773438 24.777343h-66.0625c-13.710938 0-24.773438-11.066406-24.773438-24.777343h-16.519531c-13.460937 0-25.515625-6.523438-33.03125-16.515625-5.203125-6.855469-8.257812-15.441406-8.257812-24.773438-11.394531 0-21.71875-4.625-29.234375-12.058594-7.429688-7.511718-12.054688-17.835937-12.054688-29.230468-9.085937 0-17.34375-3.71875-23.371094-9.664063-5.945312-6.027343-9.660156-14.285156-9.660156-23.371093v-49.546876c0-18.25 14.78125-33.03125 33.03125-33.03125 0-9.085937 3.714844-17.34375 9.660156-23.371093 6.027344-5.945313 14.289063-9.660157 23.371094-9.660157v-49.550781h18.746094c.742188 9.496094 1.570312 10.652344 2.640625 11.644531 2.972656 3.054688 7.101563 4.871094 11.644531 4.871094l24.773438 66.066406v24.773438c0 4.542969 1.820312 8.671875 4.875 11.644531 2.972656 3.054688 7.101562 4.871094 11.644531 4.871094l1.980469 7.847656.082031.082031v.082032c2.890625 5.035156 8.257813 8.503906 14.453125 8.503906h16.515625c9.082031 0 16.515625-7.429688 16.515625-16.515625 0 9.085937 7.433594 16.515625 16.515625 16.515625h16.519531c6.191406 0 11.644532-3.46875 14.449219-8.585938l.082031-.082031 1.984375-7.847656c9.082031 0 16.515625-7.433594 16.515625-16.515625v-24.773438l24.773438-66.066406c4.542968 0 8.671875-1.816406 11.644531-4.871094 1.074219-.992187 1.898437-2.148437 2.644531-11.644531h18.742188v49.550781c9.085937 0 17.34375 3.714844 23.371094 9.660157 5.945312 6.027343 9.664062 14.285156 9.664062 23.371093 18.246094 0 33.027344 14.78125 33.027344 33.03125zm0 0" fill="#e5e0db"></path><path d="m198.195312 429.417969v82.582031l-24.777343-8.257812-24.773438 8.257812v-99.097656c7.515625 9.992187 19.570313 16.515625 33.03125 16.515625zm0 0" fill="#d8d4d0"></path><path d="m148.644531 512v-41.289062h49.550781v41.289062l-24.777343-8.257812zm0 0" fill="#544d4b"></path><path d="m49.546875 512v-41.289062h49.550781v41.289062l-24.773437-8.257812zm0 0" fill="#544d4b"></path><path d="m313.804688 429.417969v82.582031l24.777343-8.257812 24.773438 8.257812v-99.097656c-7.515625 9.992187-19.570313 16.515625-33.03125 16.515625zm0 0" fill="#d8d4d0"></path><path d="m363.355469 512v-41.289062h-49.550781v41.289062l24.777343-8.257812zm0 0" fill="#544d4b"></path><path d="m148.644531 412.902344v41.292968h-49.546875c-9.085937 0-17.34375-3.71875-23.371094-9.664062-5.945312-6.027344-9.660156-14.285156-9.660156-23.371094-6.03125 0-11.644531-1.652344-16.519531-4.457031-2.476563-1.40625-4.789063-3.222656-6.851563-5.203125-5.945312-6.027344-9.664062-14.289062-9.664062-23.371094-18.25 0-33.03125-14.78125-33.03125-33.03125v-24.773437c0-9.085938 3.714844-17.34375 9.660156-23.371094 6.03125-5.945313 14.289063-9.664063 23.371094-9.664063 0-18.25 14.78125-33.03125 33.035156-33.03125v49.546876c0 9.085937 3.714844 17.34375 9.660156 23.371093 6.027344 5.945313 14.285157 9.664063 23.371094 9.664063 0 11.394531 4.625 21.71875 12.054688 29.230468 7.515625 7.433594 17.839844 12.058594 29.234375 12.058594 0 9.332032 3.054687 17.917969 8.257812 24.773438zm0 0" fill="#d8d4d0"></path><path d="m99.097656 454.195312v16.515626h-49.550781v-54.007813c4.875 2.804687 10.488281 4.457031 16.519531 4.457031 0 9.085938 3.714844 17.34375 9.660156 23.371094 6.027344 5.945312 14.285157 9.664062 23.371094 9.664062zm0 0" fill="#e5e0db"></path><path d="m462.453125 115.613281-49.550781 49.546875-49.546875-16.515625v-24.773437l-16.515625-24.773438h57.804687zm0 0" fill="#ffaaa0"></path><path d="m165.160156 99.097656-16.515625 24.773438v24.773437l-49.546875 16.515625-49.550781-49.546875 57.808594-16.515625zm0 0" fill="#ffaaa0"></path><path d="m363.355469 123.871094v24.773437c0 2.972657-.828125 5.863281-2.230469 8.257813-.742188 1.238281-1.570312 2.394531-2.644531 3.386718-2.972657 3.054688-7.101563 4.871094-11.640625 4.871094l-24.777344-16.515625c0-13.707031 11.066406-24.773437 24.777344-24.773437zm0 0" fill="#f99891"></path><path d="m396.386719 99.097656h-49.546875l16.515625 24.773438h-16.515625c-13.710938 0-24.777344 11.066406-24.777344 24.773437l24.777344 16.515625-24.777344 66.066406v24.773438c0 9.085938-7.429688 16.515625-16.515625 16.515625v-19.738281c0-7.429688-1.402344-14.78125-4.292969-21.550782-2.726562-6.523437-6.691406-12.554687-11.976562-17.261718-.578125-.660156-1.15625-1.15625-1.734375-1.648438-1.15625-.992187-2.394531-1.902344-3.632813-2.808594-2.394531-1.652343-4.871094-3.054687-7.433594-4.210937-2.722656-1.238281-5.449218-2.230469-8.175781-2.890625-.742187-.25-1.402343-.414062-2.144531-.496094-.742188-.164062-1.488281-.332031-2.230469-.414062-2.640625-.496094-5.285156-.660156-7.925781-.660156-2.644531 0-5.285156.164062-7.929688.660156-.742187.082031-1.484374.25-2.230468.414062-.742188.082032-1.402344.246094-2.144532.496094-2.726562.660156-5.453124 1.652344-8.175781 2.890625-2.5625 1.15625-5.039062 2.558594-7.433593 4.210937-1.238282.90625-2.476563 1.816407-3.632813 2.808594-.578125.492188-1.15625.988282-1.734375 1.648438-5.285156 4.707031-9.25 10.738281-11.976562 17.261718-2.890626 6.769532-4.292969 14.121094-4.292969 21.550782v19.738281c-4.542969 0-8.671875-1.816406-11.644531-4.871094-3.054688-2.972656-4.871094-7.101562-4.871094-11.644531v-24.773438l-24.773438-66.066406 24.773438-16.515625c0-6.855469-2.808594-13.046875-7.269532-17.507812-4.457031-4.460938-10.652343-7.265625-17.503906-7.265625h-16.519531l16.519531-24.777344h-49.550781v-16.511719c0-18.25 14.78125-33.035156 33.03125-33.035156 0-6.851563 2.808594-13.046875 7.269531-17.503906 4.457032-4.460938 10.652344-7.269531 17.507813-7.269531h16.515625c0-6.851563 2.808594-13.046876 7.265625-17.507813 4.460937-4.457031 10.65625-7.265625 17.511719-7.265625h82.578124c13.710938 0 24.777344 11.066406 24.777344 24.773438h16.515625c13.707031 0 24.773438 11.066406 24.773438 24.773437 9.085937 0 17.34375 3.71875 23.371093 9.664063 5.945313 6.027343 9.660157 14.285156 9.660157 23.371093zm0 0" fill="#efebe8"></path><path d="m189.933594 148.644531-24.773438 16.515625c-4.539062 0-8.667968-1.816406-11.644531-4.871094-1.070313-.992187-1.898437-2.148437-2.640625-3.386718-1.402344-2.394532-2.230469-5.285156-2.230469-8.257813v-24.773437h16.515625c6.855469 0 13.050782 2.808594 17.507813 7.269531 4.460937 4.457031 7.265625 10.648437 7.265625 17.503906zm0 0" fill="#f99891"></path><g fill="#fac083"><path d="m346.839844 99.097656h57.804687l-41.289062 24.773438zm0 0"></path><path d="m165.160156 99.097656h-57.804687l41.289062 24.773438zm0 0"></path><path d="m305.546875 165.160156-16.183594 48.640625-.082031.164063c-.578125-.660156-1.15625-1.15625-1.734375-1.648438-1.15625-.992187-2.398437-1.902344-3.636719-2.808594-2.394531-1.652343-4.871094-3.054687-7.429687-4.210937-2.726563-1.238281-5.453125-2.230469-8.175781-2.890625-.742188-.25-1.40625-.414062-2.148438-.496094-.742188-.164062-1.488281-.332031-2.230469-.414062-2.640625-.496094-5.285156-.660156-7.925781-.660156-2.644531 0-5.285156.164062-7.929688.660156-.742187.082031-1.484374.25-2.226562.414062-.746094.082032-1.40625.246094-2.148438.496094-2.726562.660156-5.449218 1.652344-8.175781 2.890625-2.558593 1.15625-5.039062 2.558594-7.433593 4.210937-1.238282.90625-2.476563 1.816407-3.632813 2.808594-.578125.492188-1.15625.988282-1.734375 1.648438l-.082031-.164063-16.1875-48.640625c6.855469 0 13.050781-2.804687 17.507812-7.265625 4.460938-4.460937 7.269531-10.652343 7.269531-17.507812 6.851563 0 13.046876-2.808594 17.503907-7.265625 4.460937-4.460938 7.269531-10.65625 7.269531-17.507813 0 6.851563 2.808594 13.046875 7.265625 17.507813 4.460937 4.457031 10.652344 7.265625 17.507813 7.265625 0 6.855469 2.808593 13.046875 7.269531 17.507812 4.457031 4.460938 10.652343 7.265625 17.503906 7.265625zm0 0"></path></g><path d="m512 478.96875c0 18.25-14.78125 33.03125-33.03125 33.03125-11.808594 0-22.214844-6.195312-27.996094-15.609375-4.871094 9.332031-14.535156 15.609375-25.683594 15.609375-15.9375 0-28.902343-12.964844-28.902343-28.902344s12.964843-28.902344 28.902343-28.902344c1.816407 0 3.636719.164063 5.371094.492188-.828125-2.804688-1.242187-5.695312-1.242187-8.753906 0-18.25 14.785156-33.03125 33.035156-33.03125s33.03125 14.78125 33.03125 33.03125c0 1.488281-.082031 2.890625-.332031 4.296875 10.074218 5.613281 16.847656 16.351562 16.847656 28.738281zm0 0" fill="#efebe8"></path><path d="m256 262.9375v9.578125l-18.25-6.109375c-3.882812-1.238281-6.523438-4.957031-6.523438-9.085938 0-5.285156 4.292969-9.578124 9.578126-9.578124 8.421874 0 15.195312 6.769531 15.195312 15.195312zm0 0" fill="#332f2e"></path><path d="m280.773438 257.320312c0 4.128907-2.640626 7.84375-6.523438 9.085938l-18.25 6.109375v-9.578125c0-8.425781 6.773438-15.195312 15.195312-15.195312 5.285157 0 9.578126 4.292968 9.578126 9.578124zm0 0" fill="#332f2e"></path><path d="m303.484375 280.445312-6.9375 27.25c-4.460937 13.542969-17.09375 22.628907-31.296875 22.628907h-18.5c-14.203125 0-26.835938-9.085938-31.296875-22.628907l-6.9375-27.167968c2.890625 5.035156 8.257813 8.503906 14.453125 8.503906h16.515625c9.082031 0 16.515625-7.429688 16.515625-16.515625 0 9.085937 7.433594 16.515625 16.515625 16.515625h16.519531c6.191406 0 11.640625-3.46875 14.449219-8.585938zm0 0" fill="#ea8b83"></path><path d="m231.226562 289.03125 11.933594 9.644531c2.863282 4.292969 7.679688 6.871094 12.839844 6.871094s9.976562-2.578125 12.839844-6.871094l11.933594-9.644531h-8.257813c-9.121094 0-16.515625-7.394531-16.515625-16.515625 0 9.121094-7.394531 16.515625-16.515625 16.515625zm0 0" fill="#ff5054"></path><path d="m305.546875 252.777344v19.738281l-1.980469 7.84375-.082031.085937c-2.808594 5.117188-8.257813 8.585938-14.453125 8.585938h-16.515625c-9.082031 0-16.515625-7.429688-16.515625-16.515625l18.25-6.109375c3.882812-1.242188 6.523438-4.957031 6.523438-9.085938 0-5.285156-4.292969-9.578124-9.578126-9.578124-8.425781 0-15.195312 6.769531-15.195312 15.195312 0-8.425781-6.773438-15.195312-15.195312-15.195312-5.285157 0-9.578126 4.292968-9.578126 9.578124 0 4.128907 2.640626 7.84375 6.523438 9.085938l18.25 6.109375c0 9.085937-7.433594 16.515625-16.515625 16.515625h-16.519531c-6.191406 0-11.558594-3.46875-14.449219-8.503906v-.082032l-.082031-.085937-1.984375-7.84375v-19.738281c0-7.429688 1.40625-14.78125 4.296875-21.550782 2.722656-6.523437 6.6875-12.554687 11.972656-17.261718.578125-.660156 1.15625-1.15625 1.734375-1.648438 1.15625-.992187 2.394531-1.902344 3.632813-2.808594 2.394531-1.652343 4.875-3.054687 7.433593-4.210937 2.726563-1.238281 5.449219-2.230469 8.175781-2.890625.742188-.25 1.402344-.414062 2.148438-.496094.742188-.164062 1.484375-.332031 2.226562-.414062 2.644532-.496094 5.285157-.660156 7.929688-.660156 2.640625 0 5.285156.164062 7.925781.660156.742188.082031 1.488281.25 2.230469.414062.742188.082032 1.402344.246094 2.148438.496094 2.722656.660156 5.449218 1.652344 8.175781 2.890625 2.558593 1.15625 5.035156 2.558594 7.429687 4.210937 1.238282.90625 2.480469 1.816407 3.636719 2.808594.578125.492188 1.15625.988282 1.734375 1.648438 5.285156 4.707031 9.246094 10.738281 11.972656 17.261718 2.890625 6.769532 4.292969 14.121094 4.292969 21.550782zm0 0" fill="#ffaaa0"></path><path d="m274.25 266.40625-18.25 6.109375-18.25-6.109375c-3.882812-1.238281-6.523438-4.957031-6.523438-9.085938 0-5.285156 4.292969-9.578124 9.578126-9.578124 8.421874 0 15.195312 6.769531 15.195312 15.195312 0-8.425781 6.773438-15.195312 15.195312-15.195312 5.285157 0 9.578126 4.292968 9.578126 9.578124 0 4.128907-2.640626 7.847657-6.523438 9.085938zm0 0" fill="#332f2e"></path><path d="m214.710938 227.097656c0 11.402344-9.246094 20.644532-20.644532 20.644532-11.402344 0-20.648437-9.242188-20.648437-20.644532s9.246093-20.644531 20.648437-20.644531c11.398438 0 20.644532 9.242187 20.644532 20.644531zm0 0" fill="#fa4c52"></path><path d="m338.582031 227.097656c0 11.402344-9.246093 20.644532-20.648437 20.644532-11.398438 0-20.644532-9.242188-20.644532-20.644532s9.246094-20.644531 20.644532-20.644531c11.402344 0 20.648437 9.242187 20.648437 20.644531zm0 0" fill="#fa4c52"></path><path d="m181.675781 165.160156c0 9.121094-7.394531 16.515625-16.515625 16.515625s-16.515625-7.394531-16.515625-16.515625 7.394531-16.515625 16.515625-16.515625 16.515625 7.394531 16.515625 16.515625zm0 0" fill="#493c35"></path><path d="m165.160156 156.902344c0 4.5625-3.695312 8.257812-8.257812 8.257812-4.558594 0-8.257813-3.695312-8.257813-8.257812 0-4.558594 3.699219-8.257813 8.257813-8.257813 4.5625 0 8.257812 3.699219 8.257812 8.257813zm0 0" fill="#fff"></path><path d="m181.675781 169.289062c0 2.28125-1.847656 4.128907-4.128906 4.128907-2.277344 0-4.128906-1.847657-4.128906-4.128907s1.851562-4.128906 4.128906-4.128906c2.28125 0 4.128906 1.847656 4.128906 4.128906zm0 0" fill="#fff"></path><path d="m363.355469 165.160156c0 9.121094-7.394531 16.515625-16.515625 16.515625s-16.515625-7.394531-16.515625-16.515625 7.394531-16.515625 16.515625-16.515625 16.515625 7.394531 16.515625 16.515625zm0 0" fill="#493c35"></path><path d="m363.355469 156.902344c0 4.5625-3.699219 8.257812-8.257813 8.257812-4.5625 0-8.257812-3.695312-8.257812-8.257812 0-4.558594 3.695312-8.257813 8.257812-8.257813 4.558594 0 8.257813 3.699219 8.257813 8.257813zm0 0" fill="#fff"></path><path d="m338.582031 169.289062c0 2.28125-1.851562 4.128907-4.128906 4.128907-2.28125 0-4.128906-1.847657-4.128906-4.128907s1.847656-4.128906 4.128906-4.128906c2.277344 0 4.128906 1.847656 4.128906 4.128906zm0 0" fill="#fff"></path></svg> </div> <style> .box-3 { right: 0px; position: fixed; top: 0; } .box { text-align: center; z-index: 9999; } .quote-cont { display: block; } user agent stylesheet div { display: block; } .cont { width: 500px; margin: 0px auto; padding: 50px; text-align: center; } .quote { color: white; background: linear-gradient(to left, rgba(74, 20, 140, 0.611764705882353), rgba(233, 30, 99, 0.58)); border-radius: 10px; padding: 10px; font-size: 17px; margin: 10px; display: inline-block; text-shadow: 1px 1px 0px #222; max-width: 280px; width: 160px; } .arrow { display: block; width: 0px; height: 0px; border-top: 10px solid #a272b5; border-right: 10px solid transparent; border-left: 10px solid transparent; position: relative; margin: -10px auto 10px auto; } </style>
وأخير نحصل على إضافة مميزة و سهلة إضافة كدلك إلى هنا تنتهى تدوينة اليوم إلى تدوينة اخري إنشاء الله ♥️
❤️ عيد أضحى مبارك عليكم وكل عام وانتم بألف خير ❤️
اذا وجهت اي مشكلة أو تري إضافة شيء أو لديك اي تعقيب فلاتتردد في تعليق أسفله
محمد نجيري (mnajiri@) مشرف على مدونة ماتريال ويب
تحت الرابط التالي :https://mdwab.blogspot.com/
مند 2018 و أدعوك لمتابعتي عبر حسابي على أنستغرام
رسائل أحدث
رسائل أحدث
رسائل أقدم
رسائل أقدم
تعليقات