Tweak

InsaneJournal

Tweak says, "I ARE PANT!"

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

Ally -- are you already gone? ([info]wastintime) wrote in [info]rp_tutorials,
@ 2009-04-06 09:23:00

Previous Entry  Add to memories!  Tell a Friend!  Next Entry
Entry tags:layouts: media

[Character Profile] Wikipedia Mocker




  profile   journal   icons   friends   player   layout credit  
Character Name
From Game Link, brief game description

Character Name
Name

Category Trait
Category Trait
Category Trait

Header Type #1

Category Trait
Trait
Category Trait

Header Type #2

Category Trait
Category Trait
Lorem Ipsum Dolor sit amet, consectetur adipiscing elit. Maecenas purus. Pellentesque magna massa, cursus eget, commodo eu, gravida vel, felis. Vestibulum eget est. Sed convallis lectus sed turpis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam blandit elementum nisl. Ut vehicula suscipit nisi. Vestibulum sit amet lacus in nulla sodales ultricies. Vestibulum convallis. Integer venenatis ipsum at leo. Nulla vestibulum dui non enim. (Text before table of contents)

Contents

1 Heading One
    1.1 Subheading 1.1
    1.2 Subheading 1.2
2 Heading Two

Heading One

Subheading 1.1
Maecenas sagittis convallis augue. Morbi condimentum sapien non libero. In rutrum elit vel risus. Phasellus a nibh. In nunc risus, rhoncus eleifend, faucibus ultrices, elementum vel, ligula. Nullam tempus. Maecenas bibendum est in risus. Vivamus tellus eros, volutpat in, porta eu, molestie ut, leo. Mauris vehicula leo non est. Ut sit amet lectus. Donec nec neque. top

Subheading 1.2
NAME
Caption for this image.
Phasellus nec diam vel metus egestas semper. Mauris scelerisque rhoncus ligula. Vivamus id odio. Quisque metus sem, semper et, imperdiet eget, commodo sit amet, leo. Aliquam ullamcorper lacus quis magna. Quisque ac turpis. In iaculis aliquet ipsum. Aenean viverra ultrices lacus. In vitae tortor elementum justo lobortis tristique. Nam pellentesque consectetur eros. Proin dolor elit, tristique in, tristique a, pharetra ac, eros. Cras cursus. Cras sapien. Suspendisse consectetur fringilla felis. Proin dui. Phasellus dictum diam eget leo posuere facilisis. Nam blandit elementum nisl. Ut vehicula suscipit nisi. Vestibulum sit amet lacus in nulla sodales ultricies. Vestibulum convallis. Integer venenatis ipsum at leo. Nulla vestibulum dui non enim. top

Heading Two

Cras posuere nisl. Suspendisse fringilla nibh sed nunc. Vestibulum ac nulla. Aliquam orci lorem, faucibus vel, tempus at, hendrerit ut, tortor. Donec ultrices, leo ut ullamcorper aliquam, velit nibh eleifend urna, in ornare nisl turpis vel velit. Maecenas varius. Fusce felis nunc, malesuada vitae, semper consequat, laoreet a, magna. Cras hendrerit lorem eget diam. Etiam pulvinar ipsum nec nunc. Curabitur pretium leo et massa dapibus volutpat. Nam enim urna, laoreet vitae, sollicitudin eu, euismod in, nunc. Nullam euismod sapien nec felis. top


another live example @ Scribbld

Code


Notes
- The picture size in the example is 280px tall x 250px wide. You can change the size constraints within the IMG tag if you want to use an alternate image size.

- The default color scheme is polished looking but a little bland. So, feel free to fiddle with the colors, fonts, or whatever your heart desires. Drop a comment here if you need help altering the code to get the appearance you want.

- Please, don't remove the credit link to [info]rp_tutorials or claim this as your own. I started from scratch and headdesked for several hours over this code until I produced something to my liking.

- If you have any questions or concerns (especially if the code isn't working for you!) leave a comment here or you can e-mail me at xvanya_eldax[at]gmail[dot]com! :]

Edit: Code updated April 7th to fix errors created by web browser.


Page 1 of 2
<<[1] [2] >>

(Post a new comment)


[info]_kyri
2009-04-06 10:55 am UTC (link)
This is kind of amazing, have to say.

(Reply to this) (Thread)

(no subject) - [info]wastintime, 2009-04-06 11:29 am UTC

[info]ramdonomo
2009-04-06 11:34 am UTC (link)
I have to agree with [info]_kyri, this is really fantastic.

(Reply to this) (Thread)

(no subject) - [info]wastintime, 2009-04-06 12:11 pm UTC
(no subject) - [info]ramdonomo, 2009-04-06 12:18 pm UTC
(no subject) - [info]wastintime, 2009-04-07 11:39 am UTC
(no subject) - [info]americanbadass, 2009-04-15 11:09 am UTC

[info]chatoyant
2009-04-06 01:00 pm UTC (link)
That is totally sweet.

Wow, I never really bother to do any formatting with my characters' profiles, but now I'm totally tempted to. Does this work in userinfos or would it have to be a post?

(Reply to this) (Thread)

(no subject) - [info]wastintime, 2009-04-06 05:52 pm UTC

[info]hammertech
2009-04-06 05:38 pm UTC (link)
This? Is the most ace thing I have seen in ages and can only imagine the headaches it must have caused. Formatting tabs sucks. Formatting tabs AND those tables is like... dude, you masochist. <3 Very cool.

(Reply to this) (Thread)

(no subject) - [info]wastintime, 2009-04-06 05:58 pm UTC
(no subject) - [info]musesandicons, 2009-04-06 06:30 pm UTC
(no subject) - [info]wastintime, 2009-04-07 11:38 am UTC
(no subject) - [info]hammertech, 2009-04-16 10:16 am UTC

[info]tetris
2009-04-06 06:22 pm UTC (link)
This is... AMAZING.

(Reply to this) (Thread)

(no subject) - [info]wastintime, 2009-04-07 11:40 am UTC

[info]maliciousintent
2009-04-07 01:12 am UTC (link)
wow...

(Reply to this) (Thread)

(no subject) - [info]wastintime, 2009-04-07 11:41 am UTC

[info]ex_darkestst606
2009-04-07 01:52 am UTC (link)
This is amazing. I LOVE IT. But I have a problem! Every time I try to use it, I get a funny glitch. I've tried it in IE and in Firefox, and it's still not working - no matter how many times I copy and paste your example without even editing the code at all or having put in my own answers. You can find the (really, really incomplete) live example here. For the record: Both the example on this page and the example on scribbld work, so I'm thinking it's maybe just operator trouble? D:

Screenshots: (had to take a couple to actually try and point out the problem >.<)
one
two
three

See how it's pushing that one bar/line thing over? >.< I've been playing with it all day and I've managed to thoroughly confuse myself. (This, for the record, is... the example code with the username, sidebar, and "Character Name" sections filled out only. I figured... I'd better just start over again from scratch at this point.)

Also, and unrelated to the bar/line-thing problem: Whenever I try to edit the Table of Contents, it screws up the spacing on me. Haven't quite figured that one out, either, but that I can live with. >.> I REALLY like this code but it doesn't... seem to actually want to work for me. I've tried with and without the "Auto Formatting" box checked, I've tried fiddling with the code itself, but... I really... don't know what it is now.

(Reply to this) (Thread)

(no subject) - [info]wastintime, 2009-04-07 02:45 am UTC
(no subject) - [info]ex_darkestst606, 2009-04-07 03:25 am UTC
(no subject) - [info]wastintime, 2009-04-07 11:18 am UTC
(no subject) - [info]ex_darkestst606, 2009-04-07 03:06 pm UTC

[info]honeyspider
2009-04-07 02:55 am UTC (link)
Wow. This is AMAZING. Good work!

(Reply to this) (Thread)

(no subject) - [info]wastintime, 2009-04-07 11:38 am UTC

[info]stageandscreen
2009-04-11 11:07 am UTC (link)
This is awesome. Used for a PSl in this journal here Totally don't judge/read the profile, it still so needs an editing. Credit link left intact, and colors and pictures tinkered with. Badly! Thank so much!

(Reply to this)


[info]miraclegro
2009-04-26 12:07 pm UTC (link)
Amazing. I just had to say that. I might use it once my muses comply, and I'll of course leave the credit if/when I do, but I just wanted to say kudos.

(Reply to this)


[info]bloodlikemagic
2009-05-26 08:28 am UTC (link)
*stares* That is goddamn BRILLIANT.

(Reply to this)


[info]jillian
2009-05-31 02:59 pm UTC (link)
I love this! I will credit when I use it. Thanks!

(Reply to this)


[info]stormcaller
2009-06-18 10:27 pm UTC (link)
Just wanted you to get a chance to see your very awesome profile in action: http://stormcaller.insanejournal.com/265.html

Thanks again for all the hard work!

(Reply to this)


[info]mediamogal
2009-06-22 06:51 am UTC (link)
Brilliant! Using this for this character at [info]axis_city_

(Reply to this)


[info]mirror_darkly
2009-06-26 09:34 pm UTC (link)
This is THE coolest profile layout EVER!! I just have one question, is the Content menu actually supposed to link to the sections? Mine won't jump to any section past 1.1, it gives me a Not Found page error when I click it.

(Reply to this)


[info]mediamogal
2009-07-06 09:24 pm UTC (link)
I have a live version here if anyone else wants to see it.

(Reply to this)


[info]i_am_cedes
2009-07-23 06:58 am UTC (link)
I love it, but it's not working? There are no boxes.

(Reply to this)


[info]jaymac
2009-08-06 11:59 pm UTC (link)
super awesome. Using here.

(Reply to this)


[info]signal_analysis
2009-10-31 09:00 am UTC (link)
I am totally not worthy. -gives chai snickerdoodle cookies and a pony-

I've used it here and here (last one's not quite done yet, but the profile's set up!) Thank you for such amazing code. :)

(Reply to this)


[info]kc_severus
2009-11-18 06:26 am UTC (link)
This is probably the most confusing layout I've ever used, but it looks great!

I've changed a lot of things, but it still has credit for the original design. Thanks for sharing it!

(Reply to this)


[info]shoenfield
2009-12-02 01:02 am UTC (link)
I can't seem to get it to work. :/

(Reply to this)


[info]deanmandrews
2010-03-18 03:36 pm UTC (link)
Ugh! Looks so freaking AMAZING! You are awesome!!!!

(Reply to this)


[info]du_nord
2010-03-23 06:23 pm UTC (link)
This is so awesome. I'm using it here as an IC Wiki page for my fictional celebrity. :P Thanks so much for the code! It is truly amazing, and I take off my hat to you.

(Reply to this)


[info]coll_mi
2010-05-14 04:56 pm UTC (link)
A mishapedia sounds like a wonderful idea... I think I shall give this one a whirl.

(Reply to this)


[info]reddishblonde
2010-06-10 01:57 am UTC (link)
I really love it and will be using it. I was wondering how you did the family tree page? If you can share that code of course :)

(Reply to this) (Thread)

(no subject) - [info]wastintime, 2010-07-02 03:35 pm UTC

Page 1 of 2
<<[1] [2] >>


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