[Solved] [L4D2] MOTD Scrolling, How?

GsiX · 11-18-2020 , 01:02 Re: [L4D2] MOTD Scrolling, How?

Look for the <br> tag and the comment <! -- this is what you looking for-->

This Is the layout

Spoiler

PHP Code:


			
<html>
    <head>
        <title>MOTD Test</title>
    </head>
    <body style="margin:0px;
                padding:0px;
                width:99%;
                height:100%">
        <div style="display:block;width:100%;height:100%;background-position: center;background-repeat: no-repeat;background-size: cover;
                        background-image: url(https://steamcdn-a.akamaihd.net/steam/apps/550/capsule_616x353.jpg?t=1601578341)">
            <div style ="width:100%;height:10%;font-family: Lucida Console, Monaco, monospace">
                        <p style="  margin: auto;
                                    width: 100%;
                                    padding: 12px 0;
                                    height: auto;
                                    color: red;
                                    font-size: 30px;
                                    text-align: center;">
                            My Awesome Server
                        </p>
            
            </div>
            <div style="width:100%;height:89%;border: 2px solid white;border-radius: 10px;">
                <div style="width:100%;height:100%;font-family: Comic Sans MS, cursive, sans-serif;overflow:scroll;"> <! -- this is what you looking for-->
                    <p    style =" width:100%;
                                height:100%;
                                color: white;
                                text-align: center;
                                font-size: 20px;">
                        type !csm - in chat to change your survivor character.<br>
                        type !join - in chat if stuck in spectate.<br>
                        Right Click - to pass your throwable to a teammate when near them.<br>
                        You can crawl when incapacitated with W key.<br>
                        type !pickbot !nextbot !prevbot in chat to select a bot when on survivor team or when DEAD.<br>

                        L4D2 Arcade Edition:<br>
                        Tier 1 Weapons are now Tier 2 level balanced.<br>
                        Pump shotguns deal double damage.<br>
                        MP5 has 30 rounds, AK47 damage 58, Higher Rate of Fire than AK47, Lower Range than Tier 2 Rifles, Overall better accuracy than Tier 2 Rifles.
                        Uzi has 40 rounds, SCAR damage 44, Highest Rate of Fire than all guns in the game, Lower Range than Tier 2 Rifles, Overall better accuracy than Tier 2 Rifles.
                        SMG Silenced, has 60 rounds, SG552 damage 33, 2nd Highest Rate of Fire gun in the game, Lower Range than Tier 2 Rifles, Overall better accuracy than Tier 2 Rifles.
                        M16 deals 40 damage from standard 33, to give it more stopping power than SG552, which has a scope to compensate.
                        Infinite Ammo! Smoker Cloud deals 5 damage, to a maximum of 30 damage. Boomer Explosion deals 30 damage in a small radius.
                    </p>
                </div>
            </div>
        </div>
    </body>
</html>

This is narrow down

Spoiler

Should see something like this

Spoiler

**i might still added extra unnecessary css there as i m doing this during my lunch time.

**Download my attachment below, place it on your desktop, rename it to "motd_test.html". Double-click it.
What you see is what you get
This is me, hey you
If you want me, don't forget
You should take me as I am
'Cause I can promise you
Baby, what you see is what you get

What you see is what i saw. I have no clue what it look like in MOTD since i have no access to it.

Edit:
Example 2

Spoiler

PHP Code:


			
<html>
    <head>
        <title>MOTD Test</title>
    </head>
    <body>
        <div class="my_header">
            <h1>My Awesome Server</h1>
        </div>
        <div class="my_content">
            <ul>
                <li><span>!csm</span> - change survivor character.</li>
                <li><span>!join</span> - in chat if stuck in spectate.</li>
                <li><span>!pickbot</span> - pick a bot.</li>
                <li><span>!nextbot</span> - select next bot.</li>
                <li><span>!prevbot</span> - previous selected bot.</li>
                <li>Press <span>W</span> key to crawl.</li>
                <li><span>Right Click</span> to pass throwable to a teammate.</li>
            </ul>
            <h3>L4D2 Arcade Edition:</h3>
            <p class="my_long_long_long_long_verry_long_text">
                Tier 1 Weapons are now Tier 2 level balanced.
                Pump shotguns deal double damage.
                MP5 has 30 rounds, AK47 damage 58, Higher Rate of Fire than AK47.
                Lower Range than Tier 2 Rifles, Overall better accuracy than Tier 2 Rifles.
                Uzi has 40 rounds, SCAR damage 44, Highest Rate of Fire than all guns in the game.
                Lower Range than Tier 2 Rifles, Overall better accuracy than Tier 2 Rifles.
                SMG Silenced, has 60 rounds, SG552 damage 33, 2nd Highest Rate of Fire gun in the game.
                Lower Range than Tier 2 Rifles, Overall better accuracy than Tier 2 Rifles.
                M16 deals 40 damage from standard 33, to give it more stopping power than SG552.
                which has a scope to compensate. Infinite Ammo! Smoker Cloud deals 5 damage,
                to a maximum of 30 damage. Boomer Explosion deals 30 damage in a small radius.
            </p>
        </div>
    </body>
    <style>
        body {
            height:100%;
            width:100%;
            margin:0;
            padding:0px;
            background-position:center;
            background-repeat:no-repeat;
            background-size:cover;
            overflow-y:scroll;
        }
        .my_header {
            height:10%;
            font-family:Lucida Console, Monaco, monospace;
        }
        .my_content {
            width:100%;
            height:88%;
            font-size:16px;
            color:black;
            font-family: Comic Sans MS, cursive, sans-serif;
        }
        h1, h3 {
            color:red;
            text-align:center;
        }
        h1 {
            font-size:30px;
        }
        ul {
            display:table;
            text-align:left;
            margin:0 auto;
        }
        ul li {
            line-height: 30px;
            height: 30px;
        }
        span {
            color: #ff6600;
        }
        .my_long_long_long_long_verry_long_text {
            font-size:16px;
            padding: 10px 10px;
            border:2px solid red;
            border-radius:10px;
        }
    </style>
</html>

There is another example in JavaScript but i dont want to post it as i might confused you.
Doing this has no straight path. That why i ask for your HTML earlier.

P/S: If you just start learning HTML, do the first example so you know which belong to which.
P/S2: I prefer the second example for convenient and it look way better.
.