Tweak

InsaneJournal

Tweak says, "How did you find my village?"

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

fromamerica ([info]fromamerica) wrote in [info]rp_tutorials,
@ 2010-09-17 21:58:00

Previous Entry  Add to memories!  Tell a Friend!  Next Entry
Entry tags:coding: other, resources: layouts

Layout with Contacts table


So, the amazing [info]chaperoned gave me some of her nommy code and I set to work butchering her super clean design with tons of colors and other abominations. She apparently likes the abuse and asked me to share it here. So here we go!

Everything here is customizable. This has a built-in credit, you can remove just please credit [info]rp_tutorals somewhere on your game so that people can find this resource too! I would suggest changing the background color (#336666) to a tiled image, as the yellow and white/teal backgrounds are actually transparent. But feel free to kill transparencies and use solid colors if you prefer those. Again, go to town. You can also use a narrow (150px seems to work well) image under the top navigation table, an example is here... where you can also see the transparent tables over a pattern. Plenty of room in the info to add additional information your game might want, like birthdays, CDJs, time zones, etc.

...and perhaps the best part... this page has a built-in navigation strip! Hey, I think it's sexy. If anyone would be so kind as to make me a preview image, I would love you forever. My regular comp is in the shop and I have no image editing programs on the company's computer! D:

Until then, here's the code for the layout/contacts table, and the fully functional full-size display below! Have at, hope someone likes and can maybe even make better!










FRIENDS & CONTACTS

The Players...

‣ Name 1
‣ Name 2
‣ Name 3
‣ Name 4 (mod)
‣ Name 5
‣ Name 6 (comod)


The main code on this page was created by chaperoned, the code was altered with permission and the cast table was coded by FromAmerica. This code is available at RP Tutorials.
FRIENDS BUTTON
(goes here)

[RETURN TO TOP]



CONTACTS



NAME 1
AIM: AIM Name Email: Name@Gmail.com
• Character 1• [info]character1


NAME 2
AIM:AIM Name Email: Name@Gmail.com
• Character 1
• Character 2
• Character 3
• Character 4
• Character 5		• [info]character1
• [info]character2
• [info]character3
• [info]character4
• [info]character5


NAME 3
AIM: AIM Name Email: Name@Gmail.com
• Character 1
• Character 2
• Character 3
• [info]character1
• [info]character2
• [info]character3


NAME 4 ( Mod )
AIM: AIM Name Email: Name@Gmail.com
• Character 1
• Character 2
• [info]character1
• [info]character2


NAME 5
AIM: AIM Name Email: Name@Gmail.com
• Character 1
• Character 2
• Character 3
• Character 4
• [info]character1
• [info]character2
• [info]character3
• [info]character4


NAME 6 ( Co-mod )
AIM: AIM Name Email: Name@Gmail.com
• Character 1
• Character 2
• Character 3
• [info]character1
• [info]character2
• [info]character3






[RETURN TO TOP]
Game Navigation
Game • OOC • Premise • Rules • FAQ • Teams & Cast • Holds & Taken • Wanted • Apply • Timeline • Drop Box • Site Map • Contacts

(Read comments) - (Post a new comment)


[info]hammertech
2010-09-18 08:28 pm UTC (link)
HE LOOKS AS SEXY AS THIS LAYOUT.

(Reply to this) (Parent) (Thread)


[info]bee_charmer
2011-02-07 12:02 am UTC (link)
Reading these comments seriously make me smile.
IJ needs a "Like" button.

(Reply to this) (Parent)

(Read comments) -

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