No

No, that option is not available. You can only set the number of recent topics to show, but there is no date range option

Hi All,

Is there a setting/code somewhere that sets the dates for the recent topics? By that I mean can we set it somewhere to pull topics from included boards from lets say the 'last 7 days or more'?

Well i just eat what`s infront of me and don`t care about the rest of it LMAO  have a great night & take good care.

Enjoy this banner system — it's simple, easy to use, and works perfectly in TP as intended!

Instructions

It's really simple! Just take a look at the code and replace the hyperlinks with the image URLs you want to display on your forum.

That's all there is to it!

If you have any questions or need any help setting it up, just ask here.

<!-- ==========================================================
     Kernal Components Library (KERNAL CODED)  V 1.6

Updated the Banner system on here to display more banners
as needed Code Kernal 2026!
 ========================================================== -->

<style>
.kcl-wrapper{
    --bg:#dfe5ea;
    --card:#ffffff;
    --card2:#f4f4f4;
    --border:#c6d2da;
    --hover:#8aa0ac;
    --shadow:rgba(0,0,0,.18);
    font-family:Arial,sans-serif;
}

.kcl-wrapper *,
.kcl-wrapper *:before,
.kcl-wrapper *:after{
    box-sizing:border-box;
}

.carousel{
    position:relative;
    overflow:hidden;
    background:var(--bg);
    border-top:1px solid var(--border);
    border-bottom:1px solid var(--border);
}

.slide{
    display:none;
    padding:12px 10px;
}

.slide.active{
    display:block;
    animation:fade .8s ease;
}

.grid{
    max-width:1200px;
    margin:auto;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
}

.card{
    display:flex;
    justify-content:center;
    align-items:center;
    width:220px;
    height:60px;
    padding:5px;
    background:linear-gradient(#fff,var(--card2));
    border:1px solid var(--border);
    border-radius:5px;
    overflow:hidden;
    text-decoration:none;
    transition:.25s ease;
}

.card:hover{
    border-color:var(--hover);
    box-shadow:0 8px 18px var(--shadow);
    transform:translateY(-3px) scale(1.02);
}

.card img{
    width:100%;
    height:100%;
    object-fit:contain;
}

@keyframes fade{
    from{
        opacity:.2;
    }
    to{
        opacity:1;
    }
}

@media(max-width:768px){

    .grid{
        flex-direction:column;
    }

    .card{
        width:90%;
        max-width:320px;
    }

}
</style>


<div class="kcl-wrapper">

<div class="carousel" id="kcl-carousel">


<div class="slide active">
<div class="grid">

<a class="card" href="https://www.tinyportal.net" target="_blank">
<img src="https://rapidforum.co.uk/forum/Advertise/TinyPortalv8.jpg">
</a>

<a class="card" href="https://www.drbobsgunbits.com" target="_blank">
<img src="https://rapidforum.co.uk/forum/Advertise/DrBob.jpg">
</a>

<a class="card" href="https://www.customstock.co.uk" target="_blank">
<img src="https://rapidforum.co.uk/forum/Advertise/customstocks.jpg">
</a>

<a class="card" href="https://www.airgunbuyer.com" target="_blank">
<img src="https://rapidforum.co.uk/forum/Advertise/BlackpoolAirguns_234x60px.jpg">
</a>

</div>
</div>


<div class="slide">
<div class="grid">

<a class="card" href="https://bamfordguns.co.uk/" target="_blank">
<img src="https://rapidforum.co.uk/forum/Advertise/Bamfords.jpg">
</a>

<a class="card" href="https://www.cheshiregunroom.com/" target="_blank">
<img src="https://rapidforum.co.uk/forum/Advertise/CheshireGunRoom.jpg">
</a>

<a class="card" href="https://www.jackpyke.co.uk/" target="_blank">
<img src="https://rapidforum.co.uk/forum/Advertise/JackPyke.jpg">
</a>

<a class="card" href="https://www.yorkshiresportingguns.co.uk/" target="_blank">
<img src="https://rapidforum.co.uk/forum/Advertise/YorkshireSportingGuns5.jpg">
</a>

</div>
</div>


</div>
</div>


<script>
(function(){

const carousel=document.getElementById("kcl-carousel");
const slides=carousel.querySelectorAll(".slide");

let current=0;
let timer;


function nextSlide(){

    slides[current].classList.remove("active");

    current++;

    if(current >= slides.length){
        current=0;
    }

    slides[current].classList.add("active");

}


function startCarousel(){

    timer=setInterval(nextSlide,8000);

}


function stopCarousel(){

    clearInterval(timer);

}


carousel.addEventListener("mouseenter",stopCarousel);
carousel.addEventListener("mouseleave",startCarousel);


startCarousel();


})();
</script>

Enjoy any problems with adjusting this code to suit your site just ask below.

Is there a limit to how many topics can be promoted to the frontpage? I have a news forum and I promote some topics to the frontpage. Is there a limit or should I be removing them after they've fallen to the next page?

*edit. I know you can set how many shows on the frontpage. I'm wondering about overall (like 1000, etc.)

Title: SouthBay Radio
Also a player for an Icecast radio station
SMF 2.1 | TP 3.0.3
Block type: HTML/Javascript
Author: Itchdog
No mods required. The player is made for a 200p wide block. There is no station selector but you can change the default radio url and logo to your broadcast information

See it in action here (left column).

<style>
#radioPlayer{
    width:194px;
    background:#1d1d1d;
    border-radius:16px;
    padding:15px;
    color:#fff;
    font-family:Arial,Helvetica,sans-serif;
    text-align:center;
    box-shadow:0 4px 20px rgba(0,0,0,.5);
}
.logo{
    width:90px;
    height:90px;
    border-radius:12px;
    object-fit:cover;
    display:block;
    margin:0 auto 10px;
}
.station{
    font-size:20px;
    font-weight:bold;
    margin-bottom:6px;
}
.live{
    display:inline-block;
    background:#d00000;
    color:#fff;
    font-size:11px;
    font-weight:bold;
    padding:4px 10px;
    border-radius:20px;
    animation:pulse 1.2s infinite;
}
@keyframes pulse{
    0%{opacity:1;}
    50%{opacity:.45;}
    100%{opacity:1;}
}
.songBox{
    margin:15px 0;
    background:#2a2a2a;
    border-radius:8px;
    padding:8px;
    overflow:hidden;
}
.songTitle{
    white-space:nowrap;
    display:inline-block;
    animation:scrollText 15s linear infinite;
}
@keyframes scrollText{
    0%{transform:translateX(100%);}
    100%{transform:translateX(-100%);}
}
/* BUTTON FIXED */
button{
    width:100%;
    background:#0084ff !important;
    color:#fff !important;
    border:none;
    border-radius:8px;
    padding:0px;
    font-size:15px;
    cursor:pointer;
    margin-bottom:10px;
    outline:none;
}
/* prevent white background after click */
button:focus,
button:active{
    background:#0084ff !important;
    color:#fff !important;
    outline:none;
    box-shadow:none;
}
/* hover state */
button:hover{
    background:#1694ff !important;
}
button::-moz-focus-inner{
    border:0;
}
.volumeLabel{
    font-size:12px;
    color:#ccc;
    margin-bottom:4px;
}
input[type=range]{
    width:100%;
}
.footer{
    margin-top:12px;
    font-size:11px;
    color:#888;
}
</style>
<div id="radioPlayer">
    <img src="http://acrossthemiles.net/pics/album_art.1726880335.jpg" class="logo">
    <div class="station">
        SouthBay Radio
    </div>
    <div class="live">
        ● LIVE
    </div>
    <div class="songBox">
        <div class="songTitle" id="songTitle">
            Loading current song...
        </div>
    </div>
    <button id="playButton">
        ▶ Play
    </button>
    <div class="volumeLabel">
        🔊 Volume
    </div>
    <input type="range"
           id="volume"
           min="0"
           max="1"
           step="0.01"
           value="0.25">
    <div class="footer">
        Streaming 24/7
    </div>
</div>
<audio id="radio">
    <source src="http://southbayradio.org:8115/live.mp3" type="audio/mpeg">
</audio>
<script>
const radio = document.getElementById("radio");
const playButton = document.getElementById("playButton");
const volume = document.getElementById("volume");
radio.volume = 0.25;
playButton.onclick = function(){
    if(radio.paused){
        radio.volume = 0.25;
        volume.value = 0.25;
        radio.play();
        playButton.innerHTML = "⏸ Pause";
    }else{
        radio.pause();
        playButton.innerHTML = "▶ Play";
    }
};
volume.oninput = function(){
    radio.volume = this.value;
};
async function loadSong(){
    try{
        const response = await fetch("nowplaying.php");
        const json = await response.json();
        let source = json.icestats.source;
        let title = Array.isArray(source)
            ? source[0].title
            : source.title;
        document.getElementById("songTitle").textContent =
            title || "Unknown Title";
    }catch(e){
        document.getElementById("songTitle").textContent =
        "Now Playing unavailable";
    }
}
loadSong();
setInterval(loadSong,15000);
</script>