Strip it Down RP profile codes @stripitdown-coding - Tumblr Blog

I need some RP template ideas

I haven't made any RP templates in a while so I'm looking for suggestions or "theme" ideas!

Please note: I primarily make these for RPHaven(RP chat room site that lets you have custom CSS and HTML profiles) so when I make them, the design is primarily with that site in mind. I'm sure they work fine anywhere else that lets you utilize CSS and HTML, but I'm not really working on code that needs to be formatted for anywhere else.

#rp #rphaven #rph #roleplay #profile template #roleplay template #rp suggestions #character profile #css template #rp community #oc rp

Love Dancers

Code

A simple code for something a bit more minimal while still stylized.

#rph #free #template #profile #code #no background image #nojavascript #no js #no tabs #no gallery #lots of content #few content #few images #easy difficulty

Identification

Code

Alternate version for non-rendered image(image with background)

Don't remove or alter the code credits from the CSS and HTML.

Images are not included.

If you just want to change the colors, they're in a separate section toward the bottom and labeled so you don't need to dig through the rest of the code to find it. The section to change the images is at the bottom as well.

#rph #rp #free #profile #code #template #pure css #no js #no javascript #html #no gallery #easy difficulty #no tabs #rendered image #lots of content

Radio

Code

A simple box code with tabs. Haven't done one in a while or felt like finishing other in progress templates, so here's one for now.

Don't remove or alter the code credits from the CSS and HTML.

If you just want to change the colors, they're in a separate section toward the bottom and labeled so you don't need to dig through the rest of the code to find it. The character image line is down there as well.

#rph #rp #profile #code #template #free #pure css #no js #no javascript #html #tabs #no gallery #easy difficulty #lots of content #few images

stripitdown-coding

Code

A simple to use code. Not as much room for editing it, but looks fine with little or a lot of text added in. Not the best use code for if you have a very lengthy story or bio you want to write-up in the profile, but it will still work. Includes a separate, highlighted section for your ooc. Designed for images that have a background. Just replace the existing background image on the front card.

stripitdown-coding

Edited 04NOV23: fixed a problem with the font not working properly in RPH.

You guys want a D&D/Tabeltop profile template?

Don't know how much of a response this would get, but fishing to see what interest there is. How interested in a D&D based profile template would any of you be? Set up to have the D&D stat tables and all that. And - as my experience with D&D is limited, what would be the kind of necessary things a template like that would need beyond the usual spaces for story/bio info and ooc.

#rp #rph #profile #template #free

Code

A simple to use code. Not as much room for editing it, but looks fine with little or a lot of text added in. Not the best use code for if you have a very lengthy story or bio you want to write-up in the profile, but it will still work. Includes a separate, highlighted section for your ooc. Designed for images that have a background. Just replace the existing background image on the front card.

#rph #rp #profile #code #template #free #pure css #no js #no javascript #html #no tabs #no gallery #easy difficulty #lots of content #little content #few images #themed

Cinematography (Update 1.1)

Code A simple to use code. Not as much room for editing it, but looks fine with little or a lot of text added in.

Updated 21JAN23 : fixed a minor issue for RPH users where the header font was defaulting to the site’s font.

#rph #rp #profile #code #template #free #pure css #no js #no javascript #html #no tabs #no gallery #easy difficulty #lots of content #little content #few images #themed

Code

Phone Messenger Style Profile

Images grow in size on hover and main character image pans on hover. Those hovers can be removed by removing the respective “:hover” code lines.

Images can be placed on the right side by just using an <img> tag. Images go on the left side if you place the image tag in heading2 like <h2><img></h2>.

Leave the credits and “coded by” where they are, unedited. Anything else you want to change, you can, but it’s on you to fix it if it breaks.

#rph #rp #profile #template #code #free #pure css #no js #no javascript #html #no tabs #easy difficulty #little content #lots of images #lots of content #few images

Panels

Code

Leave the credits to the coder and the link to the template source in the profile and the code

#rph #rp #profile #template #code #free #pure css #no js #no javascript #html #no tabs #no gallery #easy difficulty #little content #lots of images

Cutting

Code

Another code. This one might take tweaking to fit which character image you’re trying to use. A wide image with a high resolution is recommended. The character image goes in as the background image.

Leave the credits to the coder and the link to the template source in the profile and the code.

#rph #rp #profile #template #code #free #pure css #no js #no javascript #html #no tabs #no gallery #moderate difficulty #lots of content #few images

Chessboard Re-work (image with background)

Code

Same as previous rework, but modified for images that have a background/aren’t cut out of the background.

#rph #rp #profile #template #code #free #pure css #no js #no javascript #html #no tabs #no gallery #moderate difficulty #little content #few images

Chessboard Re-work

Code

The older Chessboard profile. Redid just about all of it to clean it up.

Be warned in advance this one is not designed to really accommodate a lot of text or any big paragraphs. You can put it in, but it will not be the most comfortable read or cleanest look. It was also made with background-free images in mind

The darker squares, hover to reveal the text info.

#rph #rp #profile #template #code #free #pure css #no js #no javascript #html #no tabs #no gallery #moderate difficulty #little content #few images #background-free image #no-background image

Bandaid

Code

A fairly simple and straightforward design to work with.

Leave the credits and “coded by” where they are, unedited. Anything else you want to change, you can, but it’s on you to fix it if it breaks.

#rph #rp #profile #code #template #free #pure css #no js #no javascript #html #no tabs #no gallery #easy difficulty #lots of content #little content #few images

Uchen FLIPPED

Code

Same as previous, just flipped in case that alignment suits your image better

Uchen

Code

A little less simple. Should be fine as long as you don’t do something to mess with the alignments. Something intended to be a bit minimal, but with that stylish modern feel

#rph #rp #profile #code #template #free #pure css #no js #no javascript #html #no tabs #no gallery #lots of content #little content #few images

Cinematography

Code

A simple to use code. Not as much room for editing it, but looks fine with little or a lot of text added in.

#rph #rp #profile #code #template #free #pure css #no js #no javascript #html #no tabs #no gallery #easy difficulty #lots of content #little content #few images #themed

Trending Blogs

Recently Viewed Blogs

Strip it Down RP profile codes