Tweak

InsaneJournal

Tweak says, "monkies! MONKEYS I SAY!"

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

ALL WORDS ARE AWESOME WORDS!!!! ([info]tryslora) wrote in [info]rp_tutorials,
@ 2011-05-20 09:00:00

Previous Entry  Add to memories!  Tell a Friend!  Next Entry
tabbed table?
I could have sworn I saw the code for this, but I've been paging back through the comm and checking tags and I can't find it anywhere, so I may be misremembering.

Anyway. I'm trying to redo my CDJ past/current characters page and it is SO long and unwieldy. What I'd really like to do is create a tabbed table, so basically I could have a game, then have tabs for the characters I played in the game, so clicking on a tab would show the image of the character and the pertinent information.

Another option would be to have the game and the character images listed, and then clicking on a character image would display the pertinent info below the character images (so just one line of information for all the characters).

I'm not sure I'm describing this well. I can see it in my head, but have no clue how to put the dynamic code together, which I suspect is because I fail at CSS. Help? Thanks in advance for any pointers, even if they are to tutorials elsewhere. I can hack together code, I just don't know THIS code.


(Read comments) - (Post a new comment)


[info]barrel_of_pbs
2011-05-20 02:35 pm UTC (link)
This code is pretty hobbled together and held together with scotch tape. The page I was working on was still hidden, actually, because of some things that needed... tightened.

Anyway. This might help you at least get some ideas, or you can modify it in anyway you please. I have the credit lines in there, but the one to my icon journal can be removed. The main table is from [info]embodimentof, and since the navigation at the top is straight from her most recent code, it's only right to credit her <3

What you see upon loading the page:



What you see by clicking on GAME 1:



To make the text-area larger, you'll be editing this line in the code:



Edited Code here. Seriously, it's not without it's problems, but I encourage you to poke around with it. :D

(Reply to this) (Parent) (Thread)


[info]tryslora
2011-05-20 02:45 pm UTC (link)
Thanks! I'm going to go poking at it tonight.

(Reply to this) (Parent) (Thread)


[info]barrel_of_pbs
2011-05-20 02:47 pm UTC (link)
Good luck! I recommend you take a machete with you <3

Any questions let me know here or pm this journal.

(Reply to this) (Parent)


(Read comments) -


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