قائمة جيده رائع لعرض خدماتك بشكل رائع وجميل وهذا القائمة كانت أستخدمها على مدونتى ولكنى الأن لا أستخدمها ولكننى أحبب أن أشاركها معكم اليوم هذا القائمة تمكنك من عرض عدد 8 خدمات كما هو فى المعاينة ويمكنك عرض عدد الخدمات الذى تريدها أذا كان لديك خبرة فى البرمجه ويمكنك معاينة القائمة من الرابط التالى نمر لشرح التركيب .
معاينة الإضافة
شرح التركيب
- اولا قم بالبحث عن هذا الوسم]]>ثم وضع فوقه الكود التالى .
.wdbloogidebartabs .widget{border:0 none!important;box-shadow:0 0 0 1px #ddd inset}
.wdbloogidebartabs .widget h2{display:none}
#tabs-widget {overflow: hidden;float: right;width: 100%;display: inline-block;}
.tabs-widget li {float: right;list-style: outside none none;padding: 0;text-align: center;position: relative;z-index: 9;width: 49.8%;}
#wdbloogtab1 {padding-left: 20px;margin-right: 10px;}
#wdbloogtab1 a {background-color: #fff;}
#wdbloogtab1 a:hover , #wdbloogtab2 a:hover{background-color: #2896CA;color: #fff;}
#wdbloogtab2 {float: left;margin-left: 10px;width: 48.3%;}
.tabs-widget li a {color: #2896CA;display: block;line-height: 30px;text-transform: uppercase;font-weight: 500;height: 40px;width: 100%;box-shadow: 0 0 6px rgba(0,0,0,0.27);margin: 1px 0;background-color: #fff;}
.vc_services{float:right;width:255px;height:300px;padding: 15px;margin-left:10px;margin-right:10px;margin-bottom:20px;background-color:#fff;transition: all 250ms ease-in-out;box-shadow: 0 0 6px rgba(0,0,0,0.27);}
.wpb_wrapper img{width:100%;height:195px}
a.abdo-abd-alrazzaq {margin-top: -46px;display: block;float: right;position: relative;height: 40px;margin-right: 6px;}
img.abdo-abd-alrazzaq-a {border-radius: 50px;width: 50px;height: 50px;border: 3px solid #2896CA;}
.ish-services{text-align:center;margin-bottom:10px;font-weight:bold;padding:0 10px}
.ish-services a{font-weight:500;font-size: 16px;}
.ish-services a:hover{color:#2896CA}
.ish-b{font-weight:100;text-align:center;width:100%;float:right;padding:0 10px;font-size:13px}
.fa.fa-arrow-left:before {content: "\f060";font-size: 20px;line-height: 40px;}
i.fa.fa-arrow-right:before {content: "\f061";font-size: 20px;line-height: 40px;}
- الأن معك كود القائمة ويمكنك وضع فى المكان الذى تريدها
- الأن عليك تغيير الروبط فى الكود كما تريدها
- ايضا تغيير العناوين كما تريدها ايضا
- وتقوم بحفظ القالب ومبروك عليك القائمة
- اذا وجهة مشكلة فى وضع الكود التانى
- يمكنك وضع رابط مدونتك بتعليق لكي أخبروك بمكان وضع الكود
وهكذا كان موضوع اليوم بالتوفيق للجميع فى أمان الله
المصدر عالم المدون