قائمة احترافية لعرض خدماتك على بلوجر

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

تركيب الاضافة سهل جدا

معاينة

إبحث على </b:skin> وضع هذا الكود فوقه

*{box-sizing:border-box;font-family:neo;margin:0;padding:0}
.flex-container{display:flex;padding:.5em}
.flex-item{flex:1;margin-right:1em;width:0}
.flex-item:last-child{margin-right:0}
.abdou_tap{border:1px solid #eee;list-style-type:none;margin:0;padding:0;transition:0.25s}
.abdou_tap:hover{box-shadow:0 8px 12px 0 rgba(0,0,0,0.2);transform:scale(1.025)}
.abdou_tap .abdou_tap-judul{background-color:#333;color:#fff;font-size:1.5em}
.abdou_tap .highlight{background-color:#29b6f6}
.abdou_tap li{background-color:#fff;list-style-type:none;border-bottom:1px solid #eee;padding:1.2em;text-align:center}
.abdou_tap .abdou_aaa{background-color:#eee;font-size:1.25em}
button{background-color:#29b6f6;border:none;border-radius:.15em;color:#fff;cursor:pointer;padding:.75em 1.5em;font-size:1em}
@media only screen and (max-width:700px){button{padding:.75em}}
@media only screen and (max-width:600px){.flex-container{flex-wrap:wrap}.flex-item{flex:0 0 100%;margin-bottom:1em;width:100%}.abdou_tap:hover{box-shadow:none;transform:none}button{padding:.75em 1.5em}}

الان هذا الكود ضعه في المكان الذي تريده في القالب مثل انا وضعته في الفوتر اي الجزء الاسفل في القالب

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