الخميس، 20 يوليو، 2017

اضافه قائمة احترافية لعرض خدماتك باربع اقسام

اضافه قائمة احترافية لعرض خدماتك باربع اقسام

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

شرح التركيب

قم بالبحث فى قالب مدونتك عن الكودهذا ]]></b:skin> ثم تقوم بوضع هذا لكود فوقه وهذ الكود الخاص ب الأستايل
 /* خدماتى على خمسات */
.plans-containerwdbloog{width:98.2%;margin:20px 19px 40px 22px;float:left;word-wrap:break-word;overflow:hidden}
li#osama-price{border-bottom:none;text-align:center;font-size:1.07rem;line-height:1.6em;transition:all .4s;margin:0 -1px 0 -1px}
li#osama-price1{border-bottom:none;text-align:center;font-size:1.07rem;line-height:1.6em;transition:all .4s;margin:0 -1px 0 -1px}
li#osama-price2{border-bottom:none;text-align:center;font-size:1.07rem;line-height:1.6em;transition:all .4s;margin:0 -1px 0 -1px}
li#osama-price3{border-bottom:none;text-align:center;font-size:1.07rem;line-height:1.6em;transition:all .4s;margin:0 -1px 0 -1px}
li.collection-item{border-bottom:none;text-align:center;font-size:1.07rem;line-height:1.6em;padding:10px;transition:all .4s;margin:0 -1px 0 -1px}
li.collection-item1{border-bottom:none;text-align:center;font-size:1.07rem;line-height:1.6em;padding:10px;transition:all .4s;margin:0 -1px 0 -1px}
li.collection-item2{border-bottom:none;text-align:center;font-size:1.07rem;line-height:1.6em;padding:10px;transition:all .4s;margin:0 -1px 0 -1px}
li.collection-item3{border-bottom:none;text-align:center;font-size:1.07rem;line-height:1.6em;padding:10px;transition:all .4s;margin:0 -1px 0 -1px}
article#osama-plans-1{border:1px solid #ccc;width:22.42%;float:right;margin-right:30px;margin-bottom:20px;background: #FFFFFF;}
article#osama-plans-2{border:1px solid #ccc;width:28%;float:right;margin-right:40px}
article#osama-plans-3{border:1px solid #ccc;width:28%;float:right;margin-right:40px}
.card-title{background:#F74047;padding:15px;color:#FFF;text-align:center;margin:0 -1px 0 -1px}
.card-title1{background:#4caf50;padding:15px;color:#FFF;text-align:center;margin:0 -1px 0 -1px}
.card-title2{background:#0B6EAB;padding:15px;color:#FFF;text-align:center;margin:0 -1px 0 -1px}
.card-title3{background:#9664b5;padding:15px;color:#FFF;text-align:center;margin:0 -1px 0 -1px}
.price{background:#0F4566;height:100px;padding:30px 0 0 0;text-align:center;color:#FFF;font-size:58px;margin:0 -1px 0 -1px;transition:all .4s}
.price1{background:#0F4566;height:100px;padding:30px 0 0 0;text-align:center;color:#FFF;font-size:58px;margin:0 -1px 0 -1px;transition:all .4s}
.price2{background:#0F4566;height:100px;padding:30px 0 0 0;text-align:center;color:#FFF;font-size:58px;margin:0 -1px 0 -1px;transition:all .4s}
.price3{background:#0F4566;height:100px;padding:30px 0 0 0;text-align:center;color:#FFF;font-size:58px;margin:0 -1px 0 -1px;transition:all .4s}
.price2{background:#0F4566;height:100px;padding:30px 0 0 0;text-align:center;color:#FFF;font-size:58px;margin:0 -1px 0 -1px;transition:all .4s}
.price3{background:#0F4566;height:100px;padding:30px 0 0 0;text-align:center;color:#FFF;font-size:58px;margin:0 -1px 0 -1px;transition:all .4s}
sup.p44rice1{font-size:35px}
sup.p44rice2{font-size:75px}
.card-actionwdbloog{background:#F74047;text-align:center;padding:15px;margin:0 -1px 0 -1px;transition:all .4s}
.card-actionwdbloog1{background:#4CAF50;text-align:center;padding:15px;margin:0 -1px 0 -1px;transition:all .4s}
.card-actionwdbloog2{background:#0B6EAB;text-align:center;padding:15px;margin:0 -1px 0 -1px;transition:all .4s}
.card-actionwdbloog3{background:#9664B5;text-align:center;padding:15px;margin:0 -1px 0 -1px;transition:all .4s}
.card-actionwdbloog:hover{background:#0F4566;color:#fff}
.card-actionwdbloog1:hover{background:#F74047;color:#fff}
.card-actionwdbloog2:hover{background:#F74047;color:#fff}
.card-actionwdbloog3:hover{background:#F74047;color:#fff}
.waves-wdbloog{color:#FFFFFF}
li#osama-price:hover{background:#F74047;color:#fff}
li#osama-price1:hover{background:#0F4566;color:#fff}
li#osama-price2:hover{background:#0B6EAB;color:#fff}
li#osama-price3:hover{background:#0F4566;color:#fff}
li.collection-item:hover{background:#0F4566;color:#fff}
li.collection-item1:hover{background:#4caf50;color:#fff}
li.collection-item2:hover{background:#0F4566;color:#fff}
li.collection-item3:hover{background:#9664b5;color:#fff} 

الان الكود التالى الخاص باظهار الاضافه يمكنك وضعه فى اى مكان تريده فى مدونتك
تحميل الكود
تحميل القالب

الان اذا واجهتك اى مشكله فى تركيب الاضافه الرجاء وضعها فى تعليك او التوصل معنا
واتساب

مدونة تقنية تحتوى على مجموعة دروس ودورات فى مجالات تقنية مختلفة مثل دروس انظمة التشغيل والبرامج والالعاب وبلوجر وفوتوشوب وتطبيقات اندوريد والربح من الانترنت وغيره من الشروحات المميزة تاست مدونة مستر ابوعلى عام 2013 وبفضل الله نالت اعجاب الكثير مؤسس المدونة مستر ابوعلى مدون مصرى

ليست هناك تعليقات:

إرسال تعليق