شريط اخبارمحترف

عدد المشاهدات الان

 البحث عن

]]></b:skin>

فوقه

@font-face{font-family:"ticfont";src:url('https://cdn.jsdelivr.net/gh/hamianemohssine/7amian@master/font-icons/Five-News-Ticker.woff2')}

:root{--tic5-color:#e76c00}.tic5 *{box-sizing:border-box;transition:unset}.tic5{display:block;width:100%;height:60px;box-shadow:0 0 3px #aaa;border-radius:5px;border:solid 2px var(--tic5-color);box-sizing:border-box;direction:rtl;margin:10px 0}.tic5-rail,.tic5-trailer,.tic5-train{width:100%;height:100%;display:flex}.tic5-rail{flex-direction:row;align-items:center;justify-content:space-between;gap:5px}.tic5-train{flex-direction:row;align-items:center;position:relative;overflow:hidden}.tic5-trailer{position:absolute;top:0;right:5px;flex-direction:row;align-items:center;visibility:hidden;opacity:0;transition:.5s;text-decoration:none;color:inherit;gap:5px}.tic5-trailer.actv{opacity:1;visibility:visible}.tic5-photo{width:60px;height:50px;background-color:#aaaaaa50;background-size:cover;background-repeat:round;flex-shrink:0}.tic5-info,.tic5-meta,.tic5-ptitle{width:100%;overflow:hidden}.tic5-info{display:flex;flex-direction:column;gap:6px}.tic5-ptitle{display:inline-block;white-space:nowrap;text-overflow:ellipsis;padding:2px 0}.tic5-meta{display:flex;flex-direction:row;gap:5px;font-size:13px;color:var(--tic5-color);flex-shrink:0}.tic5-category,.tic5-date{display:flex;flex-shrink:0}.tic5-category:before{content:"\f02b";font-family:ticfont;margin-left:4px}.tic5-date:before{content:"\f017";font-family:ticfont;margin-left:4px}.tic5-btns{display:flex;flex-direction:row;gap:5px;flex-shrink:0;margin-left:10px}.tic5-next,.tic5-prev{display:flex;align-items:center;justify-content:center;width:30px;height:30px;box-shadow:0 0 2px #aaa;border:solid 1px var(--tic5-color);text-decoration:none;color:#fff;font-size:20px;border-radius:5px;color:var(--tic5-color)}.tic5-next:after,.tic5-prev:after{content:"\f105";font-family:ticfont}.tic5-prev:after{content:"\f104"}.tic5-loader{width:25px;height:25px;border:solid 2px var(--tic5-color);border-radius:100%;border-right-color:transparent;border-bottom-color:transparent;margin-right:20px;animation:.5s linear infinite tic5an}@keyframes tic5an{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ticftop{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes ticttop{from{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes ticfbottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes tictbottom{from{transform:translateY(0)}to{transform:translateY(100%)}}.c5ftop{animation:.5s forwards ticftop}.c5ttop{animation:.5s forwards ticttop}.c5fbottom{animation:.5s forwards ticfbottom}.c5tbottom{animation:.5s forwards tictbottom}

البحث عن

</body>

فوقه

<script type='text/javascript'>

//<![CDATA[

document.querySelectorAll(".tic5").forEach(t=>{var e=["يناير","فبراير","مارس","أبريل","ماي","يونيو","يوليوز","غشت","شتنبر","أكتوبر","نونبر","دجنبر"],a=t.dataset.label,s=t.dataset.results,c=1e3*t.dataset.wait,r="/feeds/posts/summary?alt=json&max-results="+s;function i(t){var e=document.querySelector(".tic5-trailer.actv"),a=document.querySelectorAll(".tic5-trailer");if(a.forEach(t=>{t.classList.remove("c5ttop","c5ftop","c5tbottom","c5fbottom")}),t){var s=e.nextElementSibling;s?s.classList.add("c5fbottom","actv"):a[0].classList.add("c5fbottom","actv"),e.classList.remove("actv"),e.classList.add("c5ttop")}else{var c=e.previousElementSibling;c?c.classList.add("c5ftop","actv"):a[a.length-1].classList.add("c5ftop","actv"),e.classList.remove("actv"),e.classList.add("c5tbottom")}}function l(){t.querySelector(".tic5-next").onclick=()=>{i(1)},t.querySelector(".tic5-prev").onclick=()=>{i(0)}}"recent"!==a&&(r=r.replace("summary?","summary/-/"+a+"?")),fetch(r).then(t=>t.json()).then(a=>{var s=a.feed.entry,c=s.length,r="";for(let i=0;i<c;i++){var n=s[i].link,d="موضوع",m="",v=[],p="";for(let f=0;f<n.length;f++)if("alternate"===n[f].rel){v.push(n[f].title),v.push(n[f].href);break}s[i].hasOwnProperty("media$thumbnail")&&(p=(p=s[i].media$thumbnail.url).replace(/...(?<=\/[swh]72).*(?=\/)|...(?<=\=[swh]72).*$/g,"s200-pa-rw")),s[i].hasOwnProperty("category")&&(d=s[i].category[0].term);var h=s[i].published.$t.substring(0,10).split("-");m=h[2]+" "+e[parseInt(h[1])-1]+" "+h[0],r+="<a class='tic5-trailer"+(0===i?" actv":"")+"' href='"+v[1]+"' title='"+v[0]+"'><span class='tic5-photo' style=\"background-image:url('"+p+"')\"></span><div class='tic5-info'><span class='tic5-ptitle'>"+v[0]+"</span><div class='tic5-meta'><span class='tic5-category'>"+d+"</span><span class='tic5-date'>"+m+"</span></div></div></a>"}t.querySelector(".tic5-train").innerHTML=r,l(),o(),u()});var n=0;function o(){0===n&&(n=setInterval(function(){i(1)},c))}function d(){0!==n&&(clearInterval(n),n=0)}function u(){t.onmouseenter=()=>{d()},t.onmouseleave=()=>{o()},window.addEventListener("blur",()=>d()),window.addEventListener("focus",()=>o()),document.body.addEventListener("mouseenter",()=>o())}});

//]]>

</script>

الان الجافا سكربت تثبيت بالمكان المناسب

<div class="tic5" data-label='recent' data-results='10' data-wait='5'>

<div class="tic5-rail">

<div class="tic5-train">

<div class="tic5-loader"></div>

</div>

<div class="tic5-btns">

<a class='tic5-next' href="javascript:;"></a>

<a class='tic5-prev' href="javascript:;"></a>

</div>

</div>

</div>

ونتابع

اذا حبيت نسخ المقالهـ