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

zzz
×

Banners & Buttons





Previous | Next

[info]54
[info]rpresources

[info]54
[info]rpresources
Jul. 31st, 2014

No Subject

[info]54
[info]rpresources

[info]54
[info]rpresources
want a swanky profile/app/whatever code but can't be fucked to code shit?

check this out!

sample
see it in action here!

no need for the <lj-raw> tags! just replace a few things, slap your thing into the right box, and you're done!

get the codes here!


code anatomy (since adding comments to the code ruins it):

<!-- THIS CONTAINS EVERYTHING -- >

<div style="display:block; margin:0 auto; width: 750px; height: 500px; background: url(INSERT BACKGROUND IMAGE URL HERE PREFERABLY ONE THAT IS 750px WIDE AND 500px HIGH); -webkit-border-radius: 48pt; -moz-border-radius: 48pt; border-radius: 48pt;">
<!-- THE RIGHT BOX -->

<div style="display:relative; float:right; margin: 28px 30px 0 0; width:350px; height:435px; overflow:auto; background: rgba(255, 255, 255, .85); font-family:helvetica; font-size: 9pt; color: #666; line-height:11pt; padding: 5px 5px 5px 12px;">
PASTE DAT SHIT HERE
</div>
<!-- THE SIDE QUOTE -->
<!-- PLEASE LIMIT IT TO 17 SMALL CAPS CHARACTERS, SPACE INCLUSIVE -->

<div style="position:relative; top:170px; left: 165px; font-family:helvetica; font-weight:bold; letter-spacing:-5pt; font-size:40pt; color:#fefefe; -webkit-transform: rotate(-90deg); width:335px; text-shadow:2px 2px #333; text-align:right;">insert quote here</div>
</div>

<!-- A LITTLE CREDIT IF YOU PLEASE -->

<div style="margin-top:5px; text-align: center; font-size:6pt; letter-spacing:1pt; color:#ccc; font-family: 'Helvetica Neue','HelveticaNeue',Helvetica,Arial,sans-serif;">by ~<a href="http://54.insanejournal.com" target="_blank" style="color: #ccc !important;">54</a></div>


got questions? drop me a loki line!
Tags: , ,

Comments

(Comment)
[info]darkhuntress
Jul. 31st, 2014 10:28 am (UTC)
This is great! And I'd totally use it if it wasn't for one small problem. It doesn't seem to be Firefox compatible. :( It looks like this in Firefox.
[info]54
Jul. 31st, 2014 01:40 pm (UTC)
ahhhhh that might be because i got a bit too lazy with the whole compatibility issue, ahaha :D;; can you try adding -o-transform:rotate(-90deg); transform: rotate(-90deg); beside -webkit-transform: rotate(-90deg);?
(Comment)