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]deanw
[info]rpresources

[info]deanw
[info]rpresources

No Subject


[info]deanw
[info]rpresources
can anyone help me figure out all the codes here? i would love to use them for my own rp journal but i can't figure it out for the life of me. thanks for any and all help!

Comments

Jul. 23rd, 2014 04:04 am (UTC)
Since userinfo only supports basic HTML and not CSS, that entire thing is a series of nested tables, with the images (except for the moving gif) as backgrounds of individual tables. Have you already looked at the source code?
Jul. 23rd, 2014 04:29 am (UTC)
i tried to and every time i messed with, inputting my own picture as the background, it kept tiling it making the picture repeat itself at the bottom so i just gave up. i'm mostly looking to put links at the top right of my picture, above it, and then the gif/text on the picture but i'm just no good with figuring out the codes. how people do all this fancy, pretty stuff confuses me lol
Jul. 23rd, 2014 04:31 am (UTC)
The image will tile if you don't specify height/width!
Jul. 23rd, 2014 04:37 am (UTC)
i did that based on the width/height of my ui pic and it still kept doing it lol. i'm just dumb when it comes to this stuff :/
Jul. 23rd, 2014 04:41 am (UTC)
Nah, HTML is a language and like any language, it takes practice and lots of trial and error. No one's magically good at this stuff. :) Can you paste the code you have? Maybe I can give you more concrete help.
Jul. 23rd, 2014 04:46 am (UTC)
how can i post it without it trying to make everything show up like pics and the gif? lol i'm so dim sorry :/
Jul. 23rd, 2014 04:49 am (UTC)
Put the code between these tags: <textarea> YOUR CODE HERE <textarea>

(I'm not awesome at coding either, but if I can't get it to behave, hopefully someone else in the comm will see it and knows the answer! It takes a village...)
Jul. 23rd, 2014 04:54 am (UTC)
Jul. 23rd, 2014 05:05 am (UTC)
i don't necessarily need all the text above the picture. i was just wanting to place links like • • • to pics on the right above the ui pic itself. and then of course the gif/text. IF that makes it any easier
Jul. 23rd, 2014 05:09 am (UTC)
The link to the background image is broken, can you re-up that?
Jul. 23rd, 2014 05:27 am (UTC)
oh that's because the person playing him changed their pic. it's all straight from their ui. should i give you the link to the pic i have on my guys ui, would that help?
Jul. 23rd, 2014 05:29 am (UTC)
It would! I just need anything there so I can make sure it's not tiling.
Jul. 23rd, 2014 05:31 am (UTC)
Jul. 23rd, 2014 06:36 am (UTC)
Trying to close all those tables made me cross-eyed so I just redid the whole thing. It looks like this right now (don't worry, I'll erase it ASAP), is that what you were going for, or did you mean something else? The excessive line breaks were what was making it tiling, btw, you needed fewer of them so the empty space wasn't taller than your background image. Or to use td height instead of line breaks to force the rows into taking up a certain amount of blank space, which is what I wound up doing.
Jul. 23rd, 2014 06:46 am (UTC)
yeah it is! minus the words on top. is there any way to bring the stars down to be right on the top of the picture? and the gif and text, can that be shifted to the left rather than the right? i apologize for being a pain in the butt lol but i greatly appreciate you helping me out!
Jul. 23rd, 2014 06:55 am (UTC)
My bad, I misunderstood what you meant! How about now?
Jul. 23rd, 2014 07:00 am (UTC)
oh no that's fine. sometimes me and my explaining skills are shit lol. but yes! that looks great. how much of a pain would it be if you could move the stars up to the top like here but on the right instead. otherwise it all looks amazingly perfect to me and i bow to your genius!
Jul. 23rd, 2014 07:15 am (UTC)
Oh, if you just want them on top of the image and not ON the image, then it's just going to be on the same table row/data as the initial lyric text. There was only a big gap in mine because IJ autospaces linebreaks and I wasn't scrunching my code up so I could easily see the flow of all of those trs and tds, lol. To align any text to the right, use the p or div align attributes (e.g., <p align="right"> text </p>).

Jul. 23rd, 2014 07:22 am (UTC)
awesome thank you so so so much! will it freak the code out if i remove the lyric text? like 'POUR YOUR SUGAR ON ME, OH I CAN'T GET ENOUGH, I'M HOT, STICKY SWEET FROM MY HEAD TO MY FEET, YEAH.' or will it be okay?
Jul. 23rd, 2014 07:23 am (UTC)
You're welcome, let me know if you run into any snags! And removing the top text shouldn't cause any problems.
Jul. 23rd, 2014 07:32 am (UTC)
if i wanted to make the text, with the gif, longer width wise what would i need to change? because when i add longer lyrics it starts the tiling :/ if i can get it how it looks on their page and i know how to change the numbers i believe i can do it. like, space it over just a little and then stretch it out, if that makes sense cause it's late and i confuse myself lol. again i am so sorry for being such a pain
Jul. 23rd, 2014 07:41 am (UTC)
No apologies necessary, I wouldn't have commented if I didn't feel like doin' the legwork. I think you can do one of two things: either the first td height is smaller (allowing more space for the second row, which contains the gif/lyric text table); or the gif/lyric table width is increased.

To decrease the td height, look for "230" and change it to a smaller number, whatever you need to make it not tile. (In case you're not sure what this is, there are two rows in the table. This one is empty, BUT since a height is specified, it takes up that many pixels of vertical space, so the second row starts lower down.)

To increase the lyric table width, look for "312" and replace it with a larger number.

The original userinfo had that little gap, and that's probably due to a cellspacing or cellpadding attribute being set to a number larger than 0. I'll see if I can replicate that.
Jul. 23rd, 2014 07:45 am (UTC)
okay i got it! thank you again for being so helpful i really do appreciate it! for now, though, i am going to hit the sack i'm extremely tired. again thank you for your help it certainly means a lot <3!
Jul. 23rd, 2014 07:49 am (UTC)
Have a good night! For when you wake up, the left gap is created by inserting a number greater than 0 into the cellpadding value, in the table with the Teen Wolf dude's pic on there (lol I forget his name), and you'll have to play with the numbers in the "230" part to get it down far enough for the bottom gap.
Jul. 23rd, 2014 11:37 pm (UTC)
thank you so much you've been an amazing help!
Jul. 23rd, 2014 06:45 am (UTC)
That second textarea should obviously be a closing tag, I typo'd and it's bugging me, lol. Fortunately it didn't screw up the comment. <textarea> blah blah code </textarea>
Jul. 23rd, 2014 06:47 am (UTC)
okay gotcha! i never knew that's how you did codes in that box so thank you for telling me!