Intro.

A couple of F2U templates and layouts I've made in my free time! I tried to provide some instructions to make filling these out easier.

These codes were made in and for desktop, so they may not look the best on mobile unfortunately.

DISCLAIMER: I'd consider myself an hobbyist coder, so some of the practices used may not be the more professional. But I like coding either way, plus the more templates in the world the better! But please feel free to reach out if you're having any issues :)

Site Links.

  • home
  • about
  • art gallery
  • ocs page
  • blog
  • links
  • neocities

    • Templates + Layouts.

    character/oc profile - simplified

    A simple OC profile layout. Includes various sections, scrollable text boxes, and a music player. Click on the screenshot image for the code and a live preview.

    ADDITIONAL CREDITS:

    ⟢ Layout help: CSS Grid generator

    ⟢ Music player: adilene.net

    ⟢ Scrollbars: fran

    ⟢ Extra scripts from W3schools: draggable element

    character/oc profile - extensive

    A more in-depth OC profile layout. Includes multiple tab sections, scrollable text boxes, and a music player. Click on the screenshot image for the code and a live preview. (The preview image looks kinda off bc of the tabs...)

    ADDITIONAL CREDITS:

    ⟢ Layout help: CSS Grid generator

    ⟢ Music player: adilene.net

    ⟢ Scrollbars: fran

    ⟢ Extra scripts from W3schools: tabs & draggable element