Jun. 16th, 2016
coding help for profile and character list
Hey! So, I've checked most the tags on here and rp_tutorials but I couldn't find anything that was quite what I was looking for. Maybe I just checked the wrong tags and I'm sorry if this has been asked!
1. Are there any tutorials about putting a gif and text over photos in the userinfo. Kind of like here and here. (Sorry if those are your journals!)
2. I used to use the codes at pbcoding for things like taken lists, making stuff on neocities, and for faux-celebs. I've found a few for insta, twitter, ONTD, floating around but does anyone know any for taken lists, making character profiles on neocities, and tutorials for HTML square/rectangle tables to use in character lists and stuff?
3. Is there a master list for profile codes to edit fonts, table widths, alignments, putting justified text next to a photo, and hiding/editing the rest of the user info links?
Sorry for so many questions!
1. Are there any tutorials about putting a gif and text over photos in the userinfo. Kind of like here and here. (Sorry if those are your journals!)
2. I used to use the codes at pbcoding for things like taken lists, making stuff on neocities, and for faux-celebs. I've found a few for insta, twitter, ONTD, floating around but does anyone know any for taken lists, making character profiles on neocities, and tutorials for HTML square/rectangle tables to use in character lists and stuff?
3. Is there a master list for profile codes to edit fonts, table widths, alignments, putting justified text next to a photo, and hiding/editing the rest of the user info links?
Sorry for so many questions!
Comments
I used the code to make the banner at my old journal. I'm not sure if that's what you're looking for or not.
The keys to making this work are the widths and heights. You can define the width of the overall table, as well as td cells (heights are super useful in td cells), and then the inner gif, and that's what makes everything sit correctly.
Here's a quick and dirty example/template for you:
valign
anddiv align
as needed. The first one can be set to top or bottom (deleting it makes it the default middle) and the div align can be set to left, center, or right.(SORRY FOR THE SPAM LOL there's more than one way to do this so I belatedly was like I SHOULD MENTION THAT.)
I'm not sure of a masterlist, I'm sorry, but you could check this out! The only downside to playing with that is that the site styles tables with a little bit of CSS in the style tag, and you won't be able to do that on IJ so it's irrelevant.
For text the same width as the inner image, you'll just want a single cell table with the width you want, no alignment set so it defaults over to the left under the image, and then style each line with the font tag as needed (ex.
<font size="1" face="courier new" color="#fff">
)this is what i'm trying to mess with, but i'm not sure what part about it is causing it to mess up
A note on getting it to sit in the middle of the table: Set the inner table's alignment to center, remove the td alignment holding it, and then stick a couple of <br> tags in front of the inner table.
i'm not sure what i messed up in the code. but i checked and i think i changed everything right like you said? do i need to add a
somewhere? i'm so sorry for all the questions! i'm terrible at html