How to make a sort of board? - ☔︎ ∙ I need Help! - MelonLand Forum

• How to make a sort of board?
  Posted by EdgyRabbid on 09 Oct, 2025 19:21
• HEllo!
  
  I am making a neighbouurhood for the Hoodlums from Rayman.
  
  My idea is to have the about of the thing be a sort of poster attached to a wooden poll. IDK the CSS required to do that, so I'd like help.
  
  then the members page would be a board of all the members within the Hoodlum Headquarters level in Rayman 3. Does anyone have CSS for this too?
  
  Please and thank you!
• #1 Reply
  Posted by jack_dawlia on 10 Feb, 2026 22:21
• Hmm the simplest way to add it,if you have the post in the centre of a section, is have a div also in the centre, with a paper background image that then has your information inside that div?
  
  so
  html
  

  Code

  <div class="post">
      <div class="poster"> 
          This is a hoodlem !
      </div>
  </div>
  
  

  
  css:
  

  Code

  .post{
     background-image: URL("post-image.png");
     background-repeat: no-repeat;
     background-position: centre;
     width: 600px /* random hight and width as example*/
     height: 800px;
  }
  
  .poster{
     background-image: URL("posterbackground-image.png");
     background-repeat: no-repeat;
     background-position: centre;
     margin: auto;
     width: 400px;
     height: 500px;
     padding: 20px;
  }
  

  
  
  if you want multiple posters on the same board you could have:
  html
  

  Code

  <div class="post">
      <div class="poster"> 
          This is a hoodlem !
      </div>
  
      <div class="poster"> 
          This is also a hoodlem !
      </div>
  </div>
  
  

  
  css
  

  Code

    
  .poster{ 
     background-image: URL("post-image.png");
     background-repeat: y-repeat;
     background-position: centre;
     display: flex;
     flex-direction: column;
     align-items: center;
  }
  
  .poster{
     background-image: URL("posterbackground-image.png");
     background-repeat: no-repeat;
     background-position: centre;
     width: 400px;
     height: 500px;
     padding: 20px;
  }
  

  
  haven't the tested the code but hopefully that thats the thing you were thinking of it could give you a place to look at :)?
  
  edit: oops posted before finishing!