themesbyazure
“DON’T LET ME DROWN” (all-in-one rpg) page #003 by @ollyofrp
woo!! i’m back coding again. here’s a custom page you can use for your rpg that includes a container with a photo as the background and then 6 tabs that pop up over the photo. the tabs are plot, navigation, guidelines, characters, faq, and application. i hope you like it!!
Features:
- centered container with a photo background that is 600x450px
- plot tab with as long of a plot as you want
- navigation tab with two even columns that can include as many links as you want
- guidelines tab with as many rules as you want
- character masterlist tab with 3 gender categories that expand and collapse when you click on the gender, and with as many characters as you want in each category (100x100px icons for each one)
- faq tab with as many questions & answers as you want + your ask box
- application tab with a default application with a really cool format that you can edit as much as you like + your submit box
- all tabs scroll
Rules:
- do not move or remove the credit
- do not use as a base
- do not redistribute
- there’s a complete customization walkthrough in the code, but if you have any questions, don’t hesitate to ask!!
- like or reblog if you use this page (or just if you like it, because that’s encouraging :~))
( ♛ . preview . code )
Navigation // Tags #1
navigation // tags page
live preview - downloadfeatures:
❱ more boxes can be added
❱ instructions for editing colors, images, links etc in the code itself
❱ does not matter how long the link text is - box will adapt
❱ background image aligns bottom right (preview image included) + can be changed!❱ ❱ any mistakes, or questions, hit up my ask.
❱ improvement ideas are welcome!!! don’t remove credit, don’t redistribute, don’t use as a base.
a like or reblog is always appreciated! – enjoy!
“iMESSAGE” updates tab #001 by @ollyofrp
i caught the coding bug while working on my coursework, so i made this. it’s an updates tab in the upper left corner of your theme that has the animated iphone “typing” image until you hover over it and it reveals your message. look at the preview at the bottom if you want to see what it will actually look like, animation/transition and all. also, just a note, it may not look right on non-white background themes. i really hope you enjoy it!!
sidenote: special thanks to kae for the idea!!
Rules:
- do not remove the line in the code that gives me credit. it doesn’t even show up on the updates tab, so that shouldn’t be a problem, right?
- do not claim it as your own. if someone asks where it’s from, say “@ollyofrp made it!”
- be sure to like/reblog this post if you’re using it. (or if you just think it’s cool. that’s nice of you. :~))
Directions:
- put this code before </style> in your theme’s HTML.
- put this code directly after <body> in your theme’s HTML.
- replace the “YOUR UPDATES HERE” text with what you’d like for it to say. you can write as much as you want because the bubble will continue to surround your text even if it goes to the next line.
- let me know if you have any questions!!
( ♛ . preview )
