RP Resources

Codes + Layouts + Tutorials + More


Community Rules

This comm is open to anyone to post codes, layouts, resources, tutorials, and requests for help and content. Of course, we do have some rules, so please read through them before jumping in; thank you!

Treat others the way you'd like to be treated. This is not a drama comm, and we expect you guys to be awesome and stay civil. If a situation gets out of hand, please contact a mod, and leave comments intact so we can accurately handle the situation.

Please tag your posts and check out the tagging guide if you have any questions!

■ Very long posts or posts formatted with your own div styling for organization should be behind a cut to save people's f-lists.

Work safe above the cut, please!

■ If posting codes, guides, etc. absolutely do not post content that you did not make. That's stealing, and it's super uncool, bro! If you are posting expanded/edited codes made by yourself using another user's coding as well, please be sure you have their permission (You do not need direct permission if they allow edits to be re-posted in their blanket rules.)
■ Do not post tutorials/links to tutorials that show people how to steal codes from other users. Again: Stealing. Not cool.
When asking for help with something, please check the help tags (help: coding, help: graphics, help: icons, help: layouts, help: other) first to see if your question has already been posted and answered to avoid duplicates.

We do not allow game ads to be posted on this comm since there are so many communities specifically for that already; if you're pimping a game as an addition to a regular post, that's fine. (OK: You post an RP code and mention in the post, oh hey, also I'm running this game! NOT OK: Posts dedicated to game promo.)

We do allow other types of community promos if they are related to RP (icon comms, other types of resource comms, etc.) Just shoot us a comment in our dropbox beforehand and we'll let you know if it's cool to post!

Tagging Guide


Banners & Buttons

Previous | Next

No Subject

i've raked through every resource i could to try and fix the layout currently in this journal, but i'm not able to figure out how to fix the following:

• when i have a default icon set, it shows on the layout instead of being hidden
• the "previous entries" button that usually shows up at the bottom of the layout is missing
• the header that shows on the journal view does not show on the friends page view
• the "welcome to owner" link on the header is not fixed and scrolls with the entries

i'm also having an issue with this entries' html, where i am trying to move the "apply here" text lower to the gray box, but changing the line height/padding isn't working.

any help is 100% appreciated, thank you so much


Jun. 17th, 2019 05:52 am (UTC)
AH, gotcha! I was confused because I couldn't see the userpic issue, but I realize now that you haven't got a default set haha. It was actually just faster for me to redo it with my Generator base and import your styling than to try and read someone else's method of hiding elements, so here's a fresh new stylesheet for you! It has the topbar repeated four times so that it shows up on all pageviews, so just keep that in mind if editing the topbar content! (I also cleaned up the way the topbar was coded for you so that it'll be easier to add/remove from, and fixed the glitch where the profile link in the picture wasn't clickable.)

Preview #1 here; preview #2 here!
Jun. 17th, 2019 06:58 am (UTC)
you're AMAZING thank you so much
Jun. 17th, 2019 08:43 am (UTC)
also, sorry for the dumb question, is there a way to hide the mood/music? i'm not familiar with their table shadowed blah blah names, and i didn't see it labeled so i wasn't sure what to change
Jun. 17th, 2019 06:16 pm (UTC)
No, that's totally fine! Here's a super specific string of targeting that hides the currents without accidentally hiding anything you actually need!

/* HIDE CURRENTS */ table[width='100%'] tr[align='left'] td[colspan='2'] table[cellspacing='0'] .meta{display:none;}

(Also, my bad about the date and comment formatting getting nuked on the sheet I gave you! It was late and I spaced that custom styles strip those out to try and 'use' them lmfao.)
Jun. 18th, 2019 10:06 am (UTC)
you are an absolute gem, i appreciate you so much. the options for "moderator" codes are limited but you've been such a big help, this worked perfectly!!

did i mess something up? the icons on the friends page aren't aligned the same based on the posters' post content and their html used.
Jun. 18th, 2019 04:17 pm (UTC)
Aw, thank you so much!! Happy to help! ♥

You did nothing wrong, don't worry! Sometimes combining smaller userpics with long usernames offsets the positioning. The fixes are usually to either make the userpics about 5px larger or make the text about 1px smaller.

Jun. 19th, 2019 09:04 am (UTC)
wonderful, i will play around with it! thank you so much!

one last question i swear!! i uploaded custom icons for the friends lock/private icons etc. and changed them in the codes, but they're not showing up on the layout
Jun. 20th, 2019 11:58 pm (UTC)
YIKES, I thought I answered this lmao. I'm so sorry about that! ♥ They're just in the wrong spot is all! I accidentally left over the :root styling format in that area haha. Here's the new icon replacement CSS!


img[src*="img/icon_private.gif"], img[src*="img/icon_protected.gif"], img[src*="img/icon_groups.gif"]{width:0!important;height:0!important;padding:16px 0 0 18px!important;}

img[src*="img/icon_private.gif"]{background:transparent url(https://i.imgur.com/gZoRb7i.png)center left no-repeat!important;}
img[src*="img/icon_protected.gif"]{background:transparent url(https://i.imgur.com/oedtPvg.png)center left no-repeat!important;}
img[src*="img/icon_groups.gif"]{background:transparent url(https://i.imgur.com/4lIY7w7.png)center left no-repeat!important;}
Jun. 22nd, 2019 04:24 am (UTC)
i honestly don't know what i'd do without you, you are a genius!! streaky should just hire you to overhaul the website XD!! i also lied, i do have one more question... now that the userpics on the friends page views are outside of the entry boxes themselves, is there a way to set the entry box height to a minimum height (i.e. the same height as the userpic) so that they're not overlapping? here is a screen shot
Jun. 22nd, 2019 06:18 am (UTC)
LOL! Yeah, absolutely! Change this:

.entrybox table{

To this:

.entrybox table:first-of-type{
Jun. 23rd, 2019 03:15 am (UTC)
thank you so much! this worked perfect. does this work for the max-width too? this entry is showing up like this on the friends view
Jun. 22nd, 2019 04:28 am (UTC)
also, the icon replacement css is still showing the ij icons hmm, do i need to upload them differently?
Jun. 22nd, 2019 06:21 am (UTC)
AH, I see what the issue is. Since your icons are large you'll need to resize them via the CSS, so change this:

width:10!important;height:10!important;padding:6px 0 0 8px!important;

To this:

width:0!important;height:0!important;padding:16px 0 0 18px!important;background-size:16px!important;

And then if you want them smaller you'll just want to change the padding!
Jun. 23rd, 2019 03:16 am (UTC)
hmm they're still not showing up, and if i change the "width:0!important" and "height:0!important" it shows the old icons. should i try resizing the images in photoshop and reuploading to imgur?
Jun. 24th, 2019 07:16 pm (UTC)
AHA! It was just a small bit of annoying semantics, haha. The CSS wanted to insist on the background sizing to be in a slightly different spot. This should work!


img[src*="img/icon_private.gif"], img[src*="img/icon_protected.gif"], img[src*="img/icon_groups.gif"]{width:0!important;height:0!important;padding:16px 0 0 18px!important;}

img[src*="img/icon_private.gif"]{background:transparent url(https://i.imgur.com/gZoRb7i.png)center left no-repeat!important;background-size:16px!important;}
img[src*="img/icon_protected.gif"]{background:transparent url(https://i.imgur.com/oedtPvg.png)center left no-repeat!important;background-size:16px!important;}
img[src*="img/icon_groups.gif"]{background:transparent url(https://i.imgur.com/4lIY7w7.png)center left no-repeat!important;background-size:16px!important;}