[HTML FORUM TUTORIAL] The best custom HTML header!


  • Banned

    Hey there! Have you ever wondered how you could have the best looking header on your forum? Well, now, you can!

    Let’s start of with the BASICS
    So, you don’t know what the heck HTML is?
    Here’s a short description:
    HTML is/means Hypertext Markup Language, a standardized system for tagging text files to achieve font, color, graphic, and hyperlink effects on World Wide Web pages
    Edited from Google ©
    Basically, it codes stuff. It is in everything on the internet! Including this very forum.

    Let’s get to it!
    Okay, okay. I’m getting to it! But you need to know what this all means!

    The first thing in it is called a Marquee.
    What is a Marquee?
    The Marquee tag is a non-standard HTML element which causes text to scroll up, down, left or right automatically.
    So basically, that means the text will go a side of your choice.

    Next, for fanciness, you should add a b.
    Sounds so simple!
    What is a b?
    B basically means that is bolds the text, like so.

    Now, for the actual header/text, you need an h2.
    What is an h2?
    HTML defines six levels of headings. A heading element implies all the font changes, paragraph breaks before and after, and any white space necessary to render the heading. The heading elements are H1, H2, H3, H4, H5, and H6 with H1 being the highest (or most important) level and H6 the least.
    If you didn’t read that you have problems ಠ_ಠ

    Now you can go all fancy and add color, background, borders, etc…

    And then put in the text and end the whole HTML code.

    THE CODE
    Ah, yes, the moment you’ve all been waiting for, the code.
    Well, guess what. This was a joke.
    #GETREKT

    No, no. Just kidding! :satisfied:
    This is the code. Remember to change the provided spaces or it will not work! \ (•◡•) /

    <marquee behavior=“scroll"
    direction=”[direction here]"> <b><h2 style=“background-color:[background color here];color:[text color here]”>
    [text here]</h2></b>
    </marquee>

    EXAMPLE
    This one is from MY very own forums (sys51962.leet.cc)!

    <marquee behavior="scroll"
    direction=“left”> <b><h2 style=“background-color:white;color:cyan”>
    Welcome to the PixelCraftHQ Forums!</h2></b>
    </marquee>

    PixelCraftHQ Forums 2016 ®

    Anyways, I hoped you enjoyed this tutorial or I helped, and, bye!
    ~Sharks
    :whale2:

    "Anything is possible, but that doesn’t mean anything will happen." -@ProjectInfinity
    "Knowledge is nothing without knowing the wisdom to use it" -@SenseiPixelHD

    0

  • Management

    Nice tutorial! (pinned)

    ur favourite elf, alien, anime character, and hybrid

    Support: https://leethelp.desk.com/
    LEET Human Resource Manager

    0


  • For those who don’t know HTML this is a good starting point good tutorial!

    Hope I helped!
    Need help? Pm me!
    Founder of the 1000 club!
    Not very active anymore might come back one day but drop a follow view my profile and stay shnazzy!

    0


  • @ZMusty Its not pinned?

    LEET Member
    Dedicated LEET Tester
    Kik:Mutant Gaming
    New Suggestion!
    http://forum.leet.cc/topic/26018/in-application-advertising-solution

    0


  • Don’t worry I will pin it😜

    Hope I helped!
    Need help? Pm me!
    Founder of the 1000 club!
    Not very active anymore might come back one day but drop a follow view my profile and stay shnazzy!

    0


  • Nice tut! 🙂 👍

    "Humans make mistakes, it is what you do next that will effect the outcome." /Tim
    "He must become GREATER, I must become less." -John 3:30

    Want to change your Profile Picture in the Leet Forums? Check out my 8 month old post! -> http://forum.leet.cc/topic/18224/updated-custom-profile-picture

    0

  • Banned

    (Not in correct order and not in correct form of right code)
    <html>
    </head>

    Banned for ban evasion and alternate accounts ~MrCakeSlayer

    0


  • @alyssa_perez said in [HTML FORUM TUTORIAL] The best custom HTML header!:

    (Not in correct order and not in correct form of right code)
    <html>
    </head>

    Shouldn’t it be <html>
    Text and other boring stuff
    </html>

    You get the idea when I made my first website that’s how I did it.

    NOTE
    My websites haven’t actually been published I know how to make them just not publish the
    .

    Hope I helped!
    Need help? Pm me!
    Founder of the 1000 club!
    Not very active anymore might come back one day but drop a follow view my profile and stay shnazzy!

    0

  • Banned

    @ZMusty said in [HTML FORUM TUTORIAL] The best custom HTML header!:

    Nice tutorial! (pinned)

    @Tim_ said in [HTML FORUM TUTORIAL] The best custom HTML header!:

    Nice tut! 🙂 👍

    Thanks!

    "Anything is possible, but that doesn’t mean anything will happen." -@ProjectInfinity
    "Knowledge is nothing without knowing the wisdom to use it" -@SenseiPixelHD

    0

  • Banned

    @alyssa_perez said in [HTML FORUM TUTORIAL] The best custom HTML header!:

    (Not in correct order and not in correct form of right code)
    <html>
    </head>

    @Lode2345 said in [HTML FORUM TUTORIAL] The best custom HTML header!:

    @alyssa_perez said in [HTML FORUM TUTORIAL] The best custom HTML header!:

    (Not in correct order and not in correct form of right code)
    <html>
    </head>

    Shouldn’t it be <html>
    Text and other boring stuff
    </html>

    You get the idea when I made my first website that’s how I did it.

    NOTE
    My websites haven’t actually been published I know how to make them just not publish the
    .

    It doesn’t need that for the header, surprisingly o.O

    "Anything is possible, but that doesn’t mean anything will happen." -@ProjectInfinity
    "Knowledge is nothing without knowing the wisdom to use it" -@SenseiPixelHD

    0


  • @Sharks332 said in [HTML FORUM TUTORIAL] The best custom HTML header!:

    @ZMusty said in [HTML FORUM TUTORIAL] The best custom HTML header!:

    Nice tutorial! (pinned)

    @Tim_ said in [HTML FORUM TUTORIAL] The best custom HTML header!:

    Nice tut! 🙂 👍

    Thanks!

    [P.S. @ZMusty You didn’t pin :stuck_out_tongue_winking_eye: ]

    Want me to get Jiang to pin :tongue:

    LEET Member
    Dedicated LEET Tester
    Kik:Mutant Gaming
    New Suggestion!
    http://forum.leet.cc/topic/26018/in-application-advertising-solution

    0


  • @Sharks332 said in [HTML FORUM TUTORIAL] The best custom HTML header!:

    @ZMusty said in [HTML FORUM TUTORIAL] The best custom HTML header!:

    Nice tutorial! (pinned)

    @Tim_ said in [HTML FORUM TUTORIAL] The best custom HTML header!:

    Nice tut! 🙂 👍

    Thanks!

    [P.S. @ZMusty You didn’t pin :stuck_out_tongue_winking_eye: ]

    Don’t worry @Sharks332 ill use my super admin skills to pin this later 😜😂

    Hope I helped!
    Need help? Pm me!
    Founder of the 1000 club!
    Not very active anymore might come back one day but drop a follow view my profile and stay shnazzy!

    0

  • Banned

    @Mutant3000 said in [HTML FORUM TUTORIAL] The best custom HTML header!:

    [P.S. @ZMusty You didn’t pin :stuck_out_tongue_winking_eye: ]

    Want me to get Jiang to pin :tongue:

    @Jiang You are needed

    "Anything is possible, but that doesn’t mean anything will happen." -@ProjectInfinity
    "Knowledge is nothing without knowing the wisdom to use it" -@SenseiPixelHD

    0


  • @Sharks332 said in [HTML FORUM TUTORIAL] The best custom HTML header!:

    @Mutant3000 said in [HTML FORUM TUTORIAL] The best custom HTML header!:

    [P.S. @ZMusty You didn’t pin :stuck_out_tongue_winking_eye: ]

    Want me to get Jiang to pin :tongue:

    @Jiang You are needed

    I pinned it for Musty. We are humans after all, we do make mistakes, or overlook things 😜

    "Humans make mistakes, it is what you do next that will effect the outcome." /Tim
    "He must become GREATER, I must become less." -John 3:30

    Want to change your Profile Picture in the Leet Forums? Check out my 8 month old post! -> http://forum.leet.cc/topic/18224/updated-custom-profile-picture

    0


  • @Tim_ Lol Tim_ Check pm

    LEET Member
    Dedicated LEET Tester
    Kik:Mutant Gaming
    New Suggestion!
    http://forum.leet.cc/topic/26018/in-application-advertising-solution

    0


  • @Sharks332 Nice. But, for meh even i read all of things in there i won’t be able to get understand what are you talking about 😮. I never learn HTML before. Just a simple javascript, (i never make it works lol).



  • @Sharks332 said in [HTML FORUM TUTORIAL] The best custom HTML header!:

    Hey there! Have you ever wondered how you could have the best looking header on your forum? Well, now, you can!

    Let’s start of with the BASICS
    So, you don’t know what the heck HTML is?
    Here’s a short description:
    HTML is/means Hypertext Markup Language, a standardized system for tagging text files to achieve font, color, graphic, and hyperlink effects on World Wide Web pages
    Edited from Google ©
    Basically, it codes stuff. It is in everything on the internet! Including this very forum.

    Let’s get to it!
    Okay, okay. I’m getting to it! But you need to know what this all means!

    The first thing in it is called a Marquee.
    What is a Marquee?
    The Marquee tag is a non-standard HTML element which causes text to scroll up, down, left or right automatically.
    So basically, that means the text will go a side of your choice.

    Next, for fanciness, you should add a b.
    Sounds so simple!
    What is a b?
    B basically means that is bolds the text, like so.

    Now, for the actual header/text, you need an h2.
    What is an h2?
    HTML defines six levels of headings. A heading element implies all the font changes, paragraph breaks before and after, and any white space necessary to render the heading. The heading elements are H1, H2, H3, H4, H5, and H6 with H1 being the highest (or most important) level and H6 the least.
    If you didn’t read that you have problems ಠ_ಠ

    Now you can go all fancy and add color, background, borders, etc…

    And then put in the text and end the whole HTML code.

    THE CODE
    Ah, yes, the moment you’ve all been waiting for, the code.
    Well, guess what. This was a joke.
    #GETREKT

    No, no. Just kidding! :satisfied:
    This is the code. Remember to change the provided spaces or it will not work! \ (•◡•) /

    <marquee behavior=“scroll"
    direction=”[direction here]"> <b><h2 style=“background-color:[background color here];color:[text color here]”>
    [text here]</h2></b>
    </marquee>

    EXAMPLE
    This one is from MY very own forums (sys51962.leet.cc)!

    <marquee behavior="scroll"
    direction=“left”> <b><h2 style=“background-color:white;color:cyan”>
    Welcome to the PixelCraftHQ Forums!</h2></b>
    </marquee>

    PixelCraftHQ Forums 2016 ®

    Anyways, I hoped you enjoyed this tutorial or I helped, and, bye!
    ~Sharks
    :whale2:

    Marquee is a stupid attempt by Microsoft, it is bad practise and shouldn’t be used. Try to use JavaScript instead.


  • Staff

    @Sharks332 sweet. Love this tutorial.

    Hey? You need some speedy support??
    Visit…
    https://leethelp.desk.com/

    0


  • Thanks for the tut man :+1: :smile:



    We Craft Memories

    Join now! @
    IP: ElitePvP.zapto.org
    Port: 60919
    (This is a LEET Server)

    FREE GFX —>> http://goo.gl/forms/OFFwyaZOZ65L0FI42

    0

  • Banned

    Nice! (15 characters ugh)

    "We are friends, in a world we must defend" -Pokemon XY intro song quote
    Best regards,

    Drey (aka your local fire drill wizard)

    #FINNLIAMDJKAISHERIDAN4BAN

    0


  • Nice tutorial @Sharks332 ! #SharkOn!
    Great tutorials for people wanting their webpages and forums to look a step or many steps better than before!

    The one and only MCPE user named "Friendship"!

    …Well until Xbox live became a thing in MCPE smh…


    "We live in an age where everything is staged where all we do is fake our feelings, I've been scared to put myself so out there, time is running out."

    0

Log in to reply