كيفية اضافة قائمة مشروح لمدونتك
كيف تضيف قائمة موقع مشروح لمدونتك
السلام عليكم زوار متابعي مستر عربكو
من كل انحاء الوطن العربي وخصوصا الجزائر لوصولنا المركز ال 17000 خلال عام واحد فقط و المستقبل افضل باذن الله لموقعنا
اليوم رح نقتبس قائمة موقع مشروح ووضعها في مدونتك
لا تحتاج منك الي خبرة عالية نهائيا كل الموضوع هو وضع اكواد معينه
اليوم كودين فقط كود سوف تضعه في ال css وكود تضعه مكان الاقسام في مدونتك
كيف اجد كود الاقسام في مدونتك عن طريق بحث عن كلمة في القسم وحذف الكود من بدايته من بداية الوسم >
عموما ان وجدت اي صعوبة ضع رابط مدونتك وسوف نرسل لك شرح خصال لقالب مدونتك لكي تضع القائمة
قبل اي شيئ يمكنك معاينة القائمة في قالب مستر عركبو القديم من هنا
هل قمت بمعاينتها
نأتي
للشرح
اذهب لتحرير قالبك ثم ابحث عن هذا الكود
]]></b:skin>
وضع هذا الكود قبله
/*menu*/
.mainmenu{background-color:#2c2c54;height:72px}
.menuim{margin:0 auto;max-width:1100px;position:relative;width:99%}
.menuim .fa.fa-home{background-color:#fb8200;border-radius:2px;color:#fff;float:right;font-size:40px;height:58px;line-height:58px;margin:7px 0 0 10px;text-align:center;width:58px}
.linkm{float:right;list-style:outside none none;margin:0;padding:0}
.linkm li{float:right;transition:all 0.4s ease 0s}
.linkm li:hover{background-color:#FB8200}
.linkm li a{color:#fff;display:block;padding:0 19px 4px}
.linkm i{display:block;font-size:30px;line-height:30px;padding-top:6px;text-align:center}
.dropmenu{list-style:outside none none;margin:0;opacity:0;padding:0;position:absolute;transition:all 0.1s ease 0s;visibility:hidden;z-index:99}
.dropmenu:hover{transition:all 0.4s ease 0s!important}
.dmen:hover .dropmenu{opacity:1;visibility:visible}
.dmen:hover{cursor:default}
.dropmenu li{background-color:#fb8200;float:none}
.dropmenu li:first-child a{border:0 none}
.dropmenu li a{border-top:1px solid rgba(0,0,0,0.1);box-sizing:border-box;height:40px;line-height:38px;min-width:130px;padding:0 5px}
.dropmenu li a:hover{background-color:rgba(0,0,0,0.2)}
.dmen span::before{color:#fb8200;content:"\f0d7";display:block;font:16px fontawesome;position:absolute;text-align:center;top:-5px;width:100%}
.dmen span{display:block;position:relative}
.cnmunav2{color:#777;display:none;float:right;font:14px/48px droid arabic kufi;height:48px;margin-top:11px}
/*Search*/
#mserbtn{position:absolute;visibility:hidden}
#mserbtn+label span::before{background-color:rgba(255,255,255,.1);border-radius:2px;color:#fff;content:"\f002";cursor:pointer;display:block;font:24px/58px fontawesome;height:58px;left:0;position:absolute;text-align:center;top:7px;width:58px;z-index:5}
#mserbtn+label span::after{color:#fb8200;content:"\f0d8";font:20px fontawesome;left:20px;opacity:0;position:absolute;top:57px;visibility:hidden}
#search-text{background-color:#444;border:4px solid #fb8200;box-sizing:border-box;color:#fff;display:block;font:16px "droid arabic kufi",arial;height:58px;left:0;opacity:0;padding:0;position:absolute;text-align:center;top:72px;transition:all 0.2s ease 0s;visibility:hidden;width:200px;z-index:5}
#mserbtn:checked+label span::before{background-color:#fb8200}
#mserbtn:checked ~ #search-text,#mserbtn:checked+label span::after{opacity:1;visibility:visible}
.mashsel2{border:4px solid #fff;box-sizing:border-box;color:#777;display:none;float:right;font:18px/58px droid arabic kufi;height:58px;margin-bottom:0!important;margin-left:0!important;margin-right:0!important;margin-top:7px;padding:0!important;width:120px}
ثم ضع هذا الكود في المكان الذي تود وضعه وهو مكان الاقسام القديم
<div class='mainmenu'>
<div class='menuim'>
<a class='fa fa-home' href='/'/>
<ul class='linkm' id='menid'>
<li><a href='https://www.mrarabko.com/search/label/%D8%A8%D9%84%D9%88%D8%AC%D8%B1'>
<i aria-hidden='true' class='fa fa-rss'/>
<span>بلوجر</span>
</a></li>
<li><a href='https://www.mrarabko.com/search/label/%D8%B3%D9%8A%D9%88'>
<i aria-hidden='true' class='fa fa-star'/>
<span>سيو</span>
</a></li>
<li><a href='https://www.mrarabko.com/search/label/%D9%82%D9%88%D8%A7%D9%84%D8%A8%20%D8%A8%D9%84%D9%88%D8%AC%D8%B1'>
<i aria-hidden='true' class='fa fa-th-large'/>
<span>قوالب بلوجر</span>
</a></li>
<li><a href='https://www.mrarabko.com/search/label/%D8%AC%D9%88%D8%AC%D9%84'>
<i aria-hidden='true' class='fa fa-google'/>
<span>جوجل</span>
</a></li>
<li><a href='https://www.mrarabko.com/search/label/%D8%B4%D8%B1%D9%88%D8%AD%D8%A7%D8%AA'>
<i aria-hidden='true' class='fa fa-cogs'/>
<span>شروحات</span>
</a></li>
<li><a href='https://www.mrarabko.com/search/label/%D8%A7%D9%8A%D9%81%D9%88%D9%86'>
<i aria-hidden='true' class='fa fa-apple'/>
<span>هواتف أبل</span>
</a></li>
<li><a href='https://www.mrarabko.com/search/label/%D9%84%D8%BA%D8%A7%D8%AA%20%D8%A7%D9%84%D8%A8%D8%B1%D9%85%D8%AC%D8%A9'>
<i aria-hidden='true' class='fa fa-terminal'/>
<span>برمجة</span>
</a></li>
<li class='dmen'><a>
<i aria-hidden='true' class='fa fa-stack-exchange'/>
</a>
<ul class='dropmenu'>
</ul>
</li>
<li class='dmen'><a>
<i aria-hidden='true' class='fa fa-info-circle'/>
<span>معلومات</span>
</a>
<ul class='dropmenu'>
<li><a href='https://www.mrarabko.com/p/blog-page_2.html'>أُلفهرس</a></li>
<li><a href='https://www.mrarabko.com/p/blog-page_15.html'>اتفاقية الاستخدام</a></li>
<li><a href='https://www.mrarabko.com/p/p.html'>الدعم الفني المجاني</a></li>
<li><a href='https://www.mrarabko.com/p/privacy-1.html'>سياسة الخصوصية</a></li>
<li><a href='https://www.mrarabko.com/p/blog-page_19.html'>التبادل الاعلاني</a></li>
</ul>
</li>
<li><a href='#l'>
<i aria-hidden='true' class='fa fa-envelope'/>
<span>Contact us</span>
</a></li>
</ul>
<div id='search'>
<form action='/search' id='searchform' method='get'>
<input id='mserbtn' type='checkbox'/>
<label for='mserbtn'><span/></label>
<input id='search-text' name='q' onblur='if (this.value == "") {this.value = "اكتب كلمة البحث";}' onfocus='if (this.value == "اكتب كلمة البحث") {this.value = "";}' type='text' value='اكتب كلمة البحث'/>
</form>
</div>
</div>
</div>
قم بالتعديل باقسامك وتسمياتك وقم بحفظ القالب ومبروك عليك
ان وجدت اي مشاكل اتركها بتعليق
ان لم تعرف مكان كود الاقسام الخاص بك قم بوضع رابط مدونتك
لطلب تعديل شيئ في كود قائمة مشروح اكتبه في تعليق
تعليقات
إرسال تعليق