Tweak

InsaneJournal

Tweak says, "POUND CAKE"

Username: 
Password:    
Remember Me
  • Create Account
  • IJ Login
  • OpenID Login
Search by : 
  • View
    • Create Account
    • IJ Login
    • OpenID Login
  • Journal
    • Post
    • Edit Entries
    • Customize Journal
    • Comment Settings
    • Recent Comments
    • Manage Tags
  • Account
    • Manage Account
    • Viewing Options
    • Manage Profile
    • Manage Notifications
    • Manage Pictures
    • Manage Schools
    • Account Status
  • Friends
    • Edit Friends
    • Edit Custom Groups
    • Friends Filter
    • Nudge Friends
    • Invite
    • Create RSS Feed
  • Asylums
    • Post
    • Asylum Invitations
    • Manage Asylums
    • Create Asylum
  • Site
    • Support
    • Upgrade Account
    • FAQs
    • Search By Location
    • Search By Interest
    • Search Randomly

alter ([info]splott) wrote in [info]rp_tutorials,
@ 2009-02-15 11:00:00

Previous Entry  Add to memories!  Tell a Friend!  Next Entry
Entry tags:coding: cast list

PB list - table.


This is pretty complicated HTML wise, lots of cells and rows and nested tables, so I would caution newer-html users away from this parcticular one.


PLAYED BYS
L
A
D
I
E
S
GIRL NAME
GIRLNAME
GIRL NAME
GIRL NAME
GIRL NAME
GIRL NAME
GIRL NAME
PB NAME
CLASS YEAR
[info]open
PB NAME
CLASS YEAR
[info]open
PB NAME
CLASS YEAR
[info]open
PB NAME
CLASS YEAR
[info]open
PB NAME
CLASS YEAR
[info]open
PB NAME
CLASS YEAR
[info]open
PB NAME
CLASS YEAR
[info]open
GIRL NAME
GIRLNAME
GIRL NAME
GIRL NAME
GIRL NAME
GIRL NAME
GIRL NAME
PB NAME
CLASS YEAR
[info]open
PB NAME
CLASS YEAR
[info]open
PB NAME
CLASS YEAR
[info]open
PB NAME
CLASS YEAR
[info]open
PB NAME
CLASS YEAR
[info]open
PB NAME
CLASS YEAR
[info]open
PB NAME
CLASS YEAR
[info]open
G
E
N
T
S
BOY NAME
BOY NAME
BOY NAME
BOY NAME
BOY NAME
BOY NAME
BOY NAME
PB NAME
CLASS YEAR
[info]open
PB NAME
CLASS YEAR
[info]open
PB NAME
CLASS YEAR
[info]open
PB NAME
CLASS YEAR
[info]open
PB NAME
CLASS YEAR
[info]open
PB NAME
CLASS YEAR
[info]open
PB NAME
CLASS YEAR
[info]open
BOY NAME
BOY NAME
BOY NAME
BOY NAME
BOY NAME
BOY NAME
BOY NAME
PB NAME
CLASS YEAR
[info]open
PB NAME
CLASS YEAR
[info]open
PB NAME
CLASS YEAR
[info]open
PB NAME
CLASS YEAR
[info]open
PB NAME
CLASS YEAR
[info]open
PB NAME
CLASS YEAR
[info]open
PB NAME
CLASS YEAR
[info]open
table from here



RULES:
1) Don't hotlink.
2) Keep the credit, if only to send people this way! It'll let them find other stuff, but otherwise it's not mandatory.
3) Commenting is optional, but I'll try and answer any questions there are.
4) Modifying is a-okay with me!



CODE:


HOW TO MODIFY:
Just change the PB NAME, change the picuter and the other character information. There is one image and you need to crop your pics to be 120x75 to fit the current table and just put them in the <img scr="">.
You can change the colors as well:
#333333 is the color that changes the background behind the picture.
#555555 is the color that changes the font of the text in each cell.

IF you add more rows (remember each "visible [complete] row" is 3 rows + a gray bar) you need to change rowspan="7" to rowspan="11". Or however many "visible [complete] rows" you add, just add 4. Same for the Gent's table too.


EXAMPLES: Here and here are examples of hard coded (for non-journal/autoformatted) versions of the table. I also used fake links here.

Leave a comment here and I'll add link!


(Read comments) - (Post a new comment)


[info]needxanxrp
2012-03-21 02:47 am UTC (link)
LOVE this table so much! I was going to surprise the mod of one of my games with a happy 3 years running gift in form of a spiffy new cast table. In the game, which is kind of high school meets rehab meets summer camp, the kids are assigned to different groups, so I'd be using one table per group, to divide them up where they should be. Most of these groups are pretty small, and I don't really need more than one row of 7 spaces for the girls, and again for the boys. I thought if I just deleted the second row of each section it would work, but obviously, it doesn't, haha. I'm not the most skilled with coding, but usually if I know what I'm supposed to change, I can manage it, but I couldn't figure this out! Is there a way to do it this way without too much tweaking that will drive my code-challenged brain insane? lol

Help is greatly appreciated! Thanks for your time in both creating this beautiful table and for answering this! :)

(Reply to this) (Thread)


[info]splott
2012-03-21 02:53 am UTC (link)
could you give me the code back in a text area and i'll fix it for you

(Reply to this) (Parent) (Thread)


[info]needxanxrp
2012-03-21 03:08 am UTC (link)
hah, it wouldn't fit in a comment but here. You are amazing, by the way! <3

(Reply to this) (Parent) (Thread)


[info]splott
2012-03-21 03:13 am UTC (link)
where it says rowspan="7" change that to "3"

for every time you add a middle row, it'll add another 3 to it (since the name, picture, deets are each a row) plus one for the grey line.

You may have to make the font smaller, for ladies it stretches it out i can already tell. or maybe gals or something.

(Reply to this) (Parent) (Thread)


[info]needxanxrp
2012-03-21 03:18 am UTC (link)
Worked it perfect! Thanks so much! :D

(Reply to this) (Parent) (Thread)


[info]splott
2012-03-21 03:18 am UTC (link)
np!

(Reply to this) (Parent)

(Read comments) -

Home | Site Map | Manage Account | TOS | Privacy | Support | FAQs