How to make a sort of board?

[EdgyRabbid]

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!

[jack_dawlia]

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!