فهرس مواضيع احترافي مع زر إظهار المزيد

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

يمكنك استخدام الإضافة كفهرس او كآداة آخر المواضيع يمكنك وضعها في صفحة أو في آداة HTML/Javascript

كود الإضافة

<style>

#cnmuLindex{overflow:hidden;height:48px;line-height:48px;background-color:#1387ed;color:#fff;padding:0 10px;display:inline-block;border-radius:4px;margin-bottom:10px;clear:both;}

.cnmuLindthm{display:inline-block;padding:0 5px;float:left;line-height:30px;height:30px;background-color:rgba(255,255,255,.2);margin:9px 10px 0 0;border-radius:4px;}

#cnmuliex{overflow:hidden;clear:both;margin-bottom:10px;}

#cnmuliex *{box-sizing:border-box;}

#cnmuliex .cnmuliexitem{height:60px;text-decoration:none!important;overflow:hidden;display:block;background-color:#eee;clear:both;margin:0!important;padding:5px!important;}

#cnmuliex .cnmuliexitem:nth-child(odd){background-color:#f8f8f8;}

.cnmuliexthumb{float:right;width:60px;height:50px;margin:0 0 0 -60px;}

.cnmuliexthumb img{width:100%!important;height:100%!important;max-width:100%!important;}

.cnmuliextit{float:right;padding:0 65px 0 100px;height:50px!important;font-size:14px;color:#444;overflow:hidden;line-height:1.8em;}

.cnmuliexdat{float:left;width:90px;margin:0 -90px 0 0;color:#000;text-align:center;line-height:50px;background-color:rgba(0,0,0,.1);}

#cnmuliexore{display:inline-block;min-width:150px;text-align:center;background-color:#1387ed;color:#fff;height:48px;line-height:48px;border-radius:4px;cursor:pointer;}

#cnmuliexore *{color:inherit;text-decoration:none;}

#cnmuliex marque {display: none;}

.cnmuliexorb{display:block;line-height:inherit;}

#cnmuliexore .cnmuliexorb::before{content:"إظهار المزيد";display:block;height:100%;width:100%;text-align:center;}

#cnmuliexore i{font-size:24px;line-height:inherit;}

</style>  

<div id="cnmuindexl">

<div id="cnmuLindex">

<span class='cnmuliexadad'>عدد المواضيع</span>

<span class='cnmuLindthm'>

<script type="text/javascript">

var numbindex = 20;  

</script>

  

<script type="text/javascript">

function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }

//

function lodAcnmuliexab(MBSfunc){  var MBSit = '/feeds/posts/default?alt=json-in-script&max-results='+MBSfunc;  lodcnmuliex(MBSit);}

</script>

<script src="/feeds/posts/default?max-results=0&amp;alt=json-in-script&amp;callback=showpostcount"></script>

</span>

</div>

<div id="MBSitemlist">

<div id="cnmuliex">

</div>

<div id="cnmuliexore"></div>

</div>

</div>

<script type='text/javascript'>

(function(_0x2c23af,_0x3d45d6){var _0x2763f5=_0x3753,_0x1e5498=_0x2c23af();while(!![]){try{var _0x2c1a56=-parseInt(_0x2763f5(0x17f))/0x1+-parseInt(_0x2763f5(0x18e))/0x2+parseInt(_0x2763f5(0x17d))/0x3+parseInt(_0x2763f5(0x198))/0x4*(parseInt(_0x2763f5(0x177))/0x5)+-parseInt(_0x2763f5(0x16b))/0x6*(parseInt(_0x2763f5(0x196))/0x7)+parseInt(_0x2763f5(0x174))/0x8*(-parseInt(_0x2763f5(0x16f))/0x9)+parseInt(_0x2763f5(0x175))/0xa*(parseInt(_0x2763f5(0x193))/0xb);if(_0x2c1a56===_0x3d45d6)break;else _0x1e5498['push'](_0x1e5498['shift']());}catch(_0x3f1d46){_0x1e5498['push'](_0x1e5498['shift']());}}}(_0x1bd4,0xe4039));function _0x3753(_0x54691e,_0x4fd5ef){var _0x1bd413=_0x1bd4();return _0x3753=function(_0x375348,_0x16d789){_0x375348=_0x375348-0x16b;var _0x2d4803=_0x1bd413[_0x375348];if(_0x3753['KlvlyE']===undefined){var _0x59c3d3=function(_0x49a358){var _0xae43bd='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var _0x176462='',_0x1f7b7d='';for(var _0x587eee=0x0,_0x3e6b69,_0xf572ed,_0x5c2d87=0x0;_0xf572ed=_0x49a358['charAt'](_0x5c2d87++);~_0xf572ed&&(_0x3e6b69=_0x587eee%0x4?_0x3e6b69*0x40+_0xf572ed:_0xf572ed,_0x587eee++%0x4)?_0x176462+=String['fromCharCode'](0xff&_0x3e6b69>>(-0x2*_0x587eee&0x6)):0x0){_0xf572ed=_0xae43bd['indexOf'](_0xf572ed);}for(var _0x585e62=0x0,_0x21e206=_0x176462['length'];_0x585e62<_0x21e206;_0x585e62++){_0x1f7b7d+='%'+('00'+_0x176462['charCodeAt'](_0x585e62)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0x1f7b7d);};_0x3753['kEgpZw']=_0x59c3d3,_0x54691e=arguments,_0x3753['KlvlyE']=!![];}var _0x440ffe=_0x1bd413[0x0],_0x1dcced=_0x375348+_0x440ffe,_0x582ea5=_0x54691e[_0x1dcced];return!_0x582ea5?(_0x2d4803=_0x3753['kEgpZw'](_0x2d4803),_0x54691e[_0x1dcced]=_0x2d4803):_0x2d4803=_0x582ea5,_0x2d4803;},_0x3753(_0x54691e,_0x4fd5ef);}function _0x1bd4(){var _0x48b4a0=['yxn5BMm','zMvLza','yxbWzw5Kq2HPBgq','ChvIBgLZAgvK','y25TDwXPzxHVCMu','jMnHBgXIywnRpwnVBg9Rrgf0yq','zw50CNK','y3jLyxrLrwXLBwvUDa','C3jJ','pgeGy2XHC3m9iMnUBxvSAwv4B3jIiIbVBKnSAwnRpsjSB2rJBM11BgLLEcGN','C2nYAxb0','pgeGAhjLzJ0IiYiGy2XHC3m9iMnUBxvSAwv4B3jIiJ48AsbJBgfZCZ0IzMeGzMeTyw5NBguTzg91yMXLlxvWiJ48l2e+','Ahr0Chm6lY8XlMjWlMjSB2DZCg90lMnVBs8Trgf3Ee13yJLUltqVwhzYyLrfEviYveKVqufbqufbqufbEvKVAeuZzs0TvhO1mJHQD0yWu2SWD2PTqvD2ne5dBKzYs0f3q0S0qKDbC1LizY9oBY1jBwfNzs5WBMC','mJe1odC1mfH6AMLbzG','Aw5Uzxjive1m','pc9HpJWVBwfYCxvLzt4','BMv4Da','y29UDgvUDa','nte5otC4ofnYs253AG','Bg9JyxrPB24','DgL0Bgu','mtaZmtmXzMT5ueHn','Bwf0y2G','mtzly21Yyw4','AhjLzG','nteWAMnvr3bb','BgLUAW','pg1HCNf1zt4GC2nYB2XSyw1VDw50psiYiIbJBgfZCZ0Iy25TDwXPzxHPDgvTiJ48ysbJBgfZCZ0Iy25TDwXPzxH1CMnSyxmIigHYzwy9iG','pgKGy2XHC3m9iMzHigzHlwnPCMnSzs1Vlw5VDgnOigzHlxnWAw4IpJWVAt4','mti5ndG4odveDvf5DfO','BwvKAweKDgH1BwjUywLS','tujtAxrLBwXPC3q','Dhj1zq','z2v0rwXLBwvUDej5swq','ohz1sfn2Da','odbeuMLlquG','y25TDwXPzxG','otC2mJy1DeX2yKTu','pc9ZCgfUpJWVyt4','CMvS','iJ48C3bHBIbJBgfZCZ0Iy25TDwXPzxH0AhvTyIi+pgLTzYbZCMm9iG','C3vIC3rY','iIaVpJWVC3bHBJ48C3bHBIbJBgfZCZ0Iy25TDwXPzxH0AxqIpG','mJa0nZCWmvvQDuzOta','ywX0zxjUyxrL','ntqWoduZsuvfs1b0','DxjS'];_0x1bd4=function(){return _0x48b4a0;};return _0x1bd4();}function colokData(_0x49a358){var _0x17023d=_0x3753;for(z in _0x49a358[_0x17023d(0x182)][_0x17023d(0x187)]){for(y in _0x49a358[_0x17023d(0x182)][_0x17023d(0x187)][z][_0x17023d(0x16c)]){var _0xae43bd,_0x176462,_0x1f7b7d,_0x587eee;_0x17023d(0x17e)==_0x49a358[_0x17023d(0x182)][_0x17023d(0x187)][z][_0x17023d(0x16c)][y]['rel']&&(_0x176462=(_0xae43bd=_0x49a358[_0x17023d(0x182)][_0x17023d(0x187)][z])[_0x17023d(0x16c)][y][_0x17023d(0x199)],_0x1f7b7d=_0xae43bd[_0x17023d(0x16c)][y][_0x17023d(0x195)],_0x587eee=_0xae43bd[_0x17023d(0x184)]['$t'][_0x17023d(0x17b)](0x0,0xa),cnmuliexThumb=_0xae43bd[_0x17023d(0x170)]?_0xae43bd[_0x17023d(0x170)][_0x17023d(0x180)]:null!=_0xae43bd['content']['$t']['match'](/src="(.+?[\.jpg|\.gif|\.png])"/)?_0xae43bd[_0x17023d(0x192)]['$t'][_0x17023d(0x197)](/src="(.+?[\.jpg|\.gif|\.png])"/)[0x1]:_0x17023d(0x18d));}_0x176462==window[_0x17023d(0x194)][_0x17023d(0x199)]?document[_0x17023d(0x173)]('cnmuliex')['innerHTML']+=_0x17023d(0x16d)+_0x176462+'\x22>'+_0x1f7b7d+_0x17023d(0x190):document[_0x17023d(0x173)](_0x17023d(0x176))[_0x17023d(0x18f)]+='<a\x20class=\x22cnmuliexitem\x20cnmuliexurclas\x22\x20href=\x22'+_0x176462+_0x17023d(0x17a)+cnmuliexThumb+_0x17023d(0x17c)+_0x1f7b7d+'</span><span\x20class=\x22cnmuliexdat\x22>'+_0x587eee+_0x17023d(0x178);}for(a in _0x49a358[_0x17023d(0x182)][_0x17023d(0x16c)]){var _0x3e6b69;_0x17023d(0x191)==_0x49a358['feed'][_0x17023d(0x16c)][a][_0x17023d(0x179)]&&(_0x3e6b69=_0x49a358['feed'][_0x17023d(0x16c)][a][_0x17023d(0x199)]);}document[_0x17023d(0x173)]('cnmuliexore')[_0x17023d(0x18f)]=_0x3e6b69?_0x17023d(0x18a)+_0x3e6b69+'\x27)\x22></a>':_0x17023d(0x18c);}function lodcnmuliex(_0xf572ed){var _0x58eb66=_0x3753;document[_0x58eb66(0x173)](_0x58eb66(0x185))[_0x58eb66(0x18f)]=_0x58eb66(0x16e);var _0x5c2d87=document[_0x58eb66(0x188)](_0x58eb66(0x18b));_0x5c2d87[_0x58eb66(0x181)]=_0x58eb66(0x172),_0x5c2d87[_0x58eb66(0x189)]=_0xf572ed+_0x58eb66(0x186),document[_0x58eb66(0x173)](_0x58eb66(0x171))[_0x58eb66(0x183)](_0x5c2d87);}lodAcnmuliexab(numbindex);

</script>

إعدادات الكود

عدل هذا اللون باللون المناسب لموقعك #1387ed

والرقم 20 هو عدد المواضيع الظاهرة

معاينة