Pokemon Backgrounds (forum posts)

[Sirindu]

I didn't want to clutter up the Pokemon Go Journal subforum, but I *am* referring to the backgrounds that many users have used for their posts on the Journals.

Could any of you show me where to find backgrounds like that to format your posts with? Or is it a bit more complicated than that? Any help you can offer is appreciated. =)

 

[Esper]

It's the css that these forums use. You put the code before whatever text you want your post to have. Something like this is probably what you're looking for if I understand you correctly:

(your text goes here)

Integer at ligula quam. Phasellus ullamcorper diam justo, vitae facilisis mi tristique sit amet. Nullam ultrices ex sit amet lectus ullamcorper, vel maximus nisi laoreet. Aenean faucibus porta lacus eu efficitur. Aliquam id faucibus nisl. Pellentesque convallis aliquet lacus. Nunc lobortis lacinia lorem quis rhoncus.

Sed a lobortis tortor. Nunc et metus est. Etiam dolor risus, facilisis quis sem vel, placerat pretium erat. Mauris ullamcorper purus auctor elit auctor imperdiet. Donec tincidunt sapien at pulvinar condimentum. Curabitur dignissim id arcu eu placerat. Ut quam ante, aliquet ac neque in, blandit molestie enim. Phasellus non porta velit. Vivamus ut mauris nec lectus aliquam feugiat id vel ipsum. Integer ex ligula, placerat eget tempus et, accumsan a sem.

Vivamus dignissim, metus quis rutrum porttitor, ex est placerat mauris, sed porta lacus risus id sapien. Vivamus eget blandit lorem. Etiam a ullamcorper metus, a tincidunt nunc. In et mi sapien. Vivamus in fermentum risus, at lobortis urna. Vivamus mattis ante ut risus pharetra tempus

Just quote this post to see what the code looks like. You can also quote any other post to see what css they've used to make it look like it does. There's a lot you can change, but if you want a 'header' to your posts then you either use a non-repeating background image (like I used above) or you use a normal image at the top of your post. If you're going for the background image you want to remember to add some padding to the top so the text begins a little below it and allows it to be seen. But you'll just want to play around with it until you get the hang of it and find something you like.

My example uses an image that I've uploaded to Pokecommunity specifically, but you can use images from imgur or deviantart or any other reputable website and it should work just as well.

 

[Squirrel]

I didn't want to clutter up the Pokemon Go Journal subforum, but I *am* referring to the backgrounds that many users have used for their posts on the Journals.

Could any of you show me where to find backgrounds like that to format your posts with? Or is it a bit more complicated than that? Any help you can offer is appreciated. =)

The backgrounds are done using something called CSS; basically just fancy codes to make things look pretty. Not sure how much this helps but back when I moderated Pokémon Clubs (the threads were a lot like the journals in terms of how they're formatted) I made this guide on how to make these kinds of posts. I tried to make it pretty simple but let me know if you still need any help after reading it - more than happy to lend a hand if you have a specific design in mind :)

Guide: https://www.pokecommunity.com/posts/7221297/

 

[Sirindu]

You two are the best! Thanks so much!

The backgrounds are done using something called CSS; basically just fancy codes to make things look pretty. Not sure how much this helps but back when I moderated Pokémon Clubs (the threads were a lot like the journals in terms of how they're formatted) I made this guide on how to make these kinds of posts. I tried to make it pretty simple but let me know if you still need any help after reading it - more than happy to lend a hand if you have a specific design in mind :)

Guide: https://www.pokecommunity.com/posts/7221297/

Alright, I think I am very close to a certain kind of success, but two questions:

EDIT: Nvm the first question, I figured out what I did wrong.

Second queswtion: is there a place you go to find the background images if I wanted to go that route? I looked around DeviantArt but couldn't find anything with the right layout where text would be easily readible like in the one you use on your journal, Squirrel.

 

[Squirrel]

Alright, I think I am very close to a certain kind of success, but two questions:

Here's what I've got:

But when I load it up in a preview post, I don't see any border. So I'm thinking I did something wrong on the border end of things. Could you possibly point that out to me?

Secondly, is there a place you go to find the background images if I wanted to go that route? I looked around DeviantArt but couldn't find anything with the right layout where text would be easily readible like in the one you use on your journal, Squirrel.

Does this look like what you wanted?

You just needed to clean it up a little - here's what you had:

Instead it should read:

You need to make sure there is a semi-colon separating each part of the code, and the border colour needed its own section - hopefully this clears it up but let me know if you need anything else :)

As for the images, I honestly just use google to find them haha. The way I've done my journal page is to put the foresty picture as the background and set it to not repeat (add "background-repeat: no-repeat;" to the code) and then set the background colour of the text box to the same colour as the grass at the bottom of the image. Then to put a shaded box on top of the picture to have your text visible, just copy and paste the first box you made and then add "background: rgba(0, 0, 0, 0.74);" to the code to add a the black shading which is transparent but dark enough to see the text over it (and get rid of the "background-image" bit). I might not have explained this very well so feel free to ask for clarity of course!

You should have a great looking journal in no time :)