Tweak

InsaneJournal

Tweak says, "You're a pony no more."

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!



(Post a new comment)


[info]tetris
2009-02-16 10:28 am UTC (link)
This would also be good for those opening a game who need a set-up for a available character list.

(Reply to this) (Thread)


[info]tetris
2009-02-16 10:28 am UTC (link)
an available* I need to stop typing while sick, srsly.

(Reply to this) (Parent) (Thread)


[info]splott
2009-02-16 10:33 am UTC (link)
Yeah, especially if they had only a set number of characters. I just like having a separate pb list, but at the same time the ability to ctrl+f for the pb I want lmao.

(Reply to this) (Parent)


[info]xemplifymods
2009-02-16 06:08 pm UTC (link)
Hi! This is one of the mods of the X-Men game [info]xemplify. We went on hiatus to revamp the game, and I can't even tell you how helpful this code was in putting together our new taken page. You can find what we did with it here. Thank you very much!

(Reply to this) (Thread)


[info]splott
2009-02-16 06:10 pm UTC (link)
That looks super sweet!

(Reply to this) (Parent)


[info]marinamods
2009-02-19 03:33 pm UTC (link)
This is amazing! We're totally borrowing it at [info]marinamods!

(Reply to this)


[info]greekmods
2009-02-26 01:54 pm UTC (link)
I love this table! It's so clean and organized! We're totally using it at [info]greeklife. Thanks so much!

(Reply to this)


[info]ex_seaqueen892
2009-04-01 02:33 pm UTC (link)
This code is fantastic. I put it to use at my game. (While... butchering the colors a little. >.>) Thank you!

(Reply to this)


[info]sterne
2009-08-20 07:25 am UTC (link)
We're using this for our character roster here for [info]sterne

(Reply to this)


[info]arevolvingworld
2009-09-03 08:48 am UTC (link)
Do you have any idea why mine is doing this? Thanks heaps!

(Reply to this) (Thread)


[info]splott
2009-09-03 12:08 pm UTC (link)
in the "g e n t s" rowspan add 2 more.

(Reply to this) (Parent) (Thread)


[info]immortalaussie
2009-09-04 02:04 am UTC (link)
Thanks! I added on there but I missed the other rowpsan. I've modified it it slightly too now :) Thanks once again :D

(Reply to this) (Parent) (Thread)


[info]splott
2009-09-04 02:04 am UTC (link)
Cool! Glad it worked out!

(Reply to this) (Parent) (Thread)


[info]immortalaussie
2009-09-05 08:03 am UTC (link)
Haha me too :D

(Reply to this) (Parent)


[info]the_government
2010-03-10 03:48 am UTC (link)
We're using this for our taken list as well as our amenities/map page. Thank you!

(Reply to this)


[info]therefugemods
2011-04-14 03:39 pm UTC (link)
This is awesome and we are using it here. I was just wondering why the boarder was acting that way around the NPC pics?

(Reply to this) (Thread)


[info]splott
2011-04-14 03:45 pm UTC (link)
it looks like it works to me?

(Reply to this) (Parent) (Thread)


[info]therefugemods
2011-04-14 03:46 pm UTC (link)
Huh...oh well!

(Reply to this) (Parent) (Thread)


[info]splott
2011-04-14 03:47 pm UTC (link)
if you show me a screen shot i can see?

(Reply to this) (Parent) (Thread)


[info]therefugemods
2011-04-14 03:50 pm UTC (link)
It is doing this.

(Reply to this) (Parent) (Thread)


[info]therefugemods
2011-04-14 03:52 pm UTC (link)
I figured it out actually it was the spaces between the NPCs letters that was bulking it up like that. Thank you anyway though. Apparently it took me bothering you to figure it out.

(Reply to this) (Parent) (Thread)


[info]splott
2011-04-14 03:53 pm UTC (link)
oh perfect!

(Reply to this) (Parent)


[info]splott
2011-04-14 03:52 pm UTC (link)
hmm its not doing that on my screen, but look to see if there is an extra line break or br or you hit enter after an image?

(Reply to this) (Parent)


[info]sephiroth
2011-05-20 09:47 am UTC (link)
http://sephiroth.insanejournal.com/3438.html

I tried adding an extra row for the ladies, but I always seem to mess up the coding, any help :(?

(Reply to this)


[info]schoolthebldng
2012-03-19 02:38 am UTC (link)
Using it here, thank you! Any idea how I can get an extra gray divider where there is one missing?

(Reply to this) (Thread)


[info]splott
2012-03-19 02:44 am UTC (link)

(Reply to this) (Parent) (Thread)


[info]schoolthebldng
2012-03-19 03:00 am UTC (link)
Thanks. I tried putting that in there, but it kinda just made a huge gray blob rather than a nice divider like the others. It's probably because I'm tired lol I'll try again later. You rock!

(Reply to this) (Parent)


[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)


[info]secretdirection
2017-06-27 10:49 pm UTC (link)
Using it here, will credit.

(Reply to this)



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