table codes 007

[chimney]

NOTE!! this one is a bit complicated in terms of the icons. it's set up to be

top-left, top-right
bottom-left, bottom right

when in doubt, check the 'border-radius'.

specifically designed for cr charts, but can work for muselists.
DO NOT USE ON PROFILES it won't work. profiles hate div codes.

bmwhat

code.	<center><Table> <tr> <td><table width="350px"> <tr><td style="width:100px;"><div style="width:100px; height:100px;border-radius:50%; -moz-border-radius:50%; line-height:0em;"><img src="" width="50px" height="50px" style="border-top-left-radius:100%; -moz-border-radius-topleft:100%;"><img src="" width="50px" height="50px" style="border-top-right-radius:100%;-moz-border-radius-topright:100%"> <img src="" width="50px" height="50px" style="border-bottom-left-radius:100%;-moz-border-radius-bottomleft:100%"><img src="" width="50px" height="50px" style="border-bottom-right-radius:100%;-moz-border-radius-bottomright:100%"></div></td> <td valign="middle"><div style="line-height:.5em;"><span style="font-family:times new roman; text-transform:uppercase; font-size:14pt;"><a href="" style="text-decoration:none; border-left:10px solid #000; padding-left:5px; color:#000;">name</a></span><br> <span style="font-family:geneva; font-size:8pt; text-transform:uppercase; padding-left:15px;">canon</span></div></td> </tr> <tr> <td colspan="2" style="padding-top:10px; vertical-align:top;"><div style="border:1px dashed #555; font-family: verdana; font-size:8pt; line-height:1em; padding:1em; text-align:justify;">texttext</div></td> </tr> <Tr><td style="text-align:right;" colspan="2"><span style="border-right:10px solid #000; padding-right:5px;font-size:8pt; font-family: courier new;"><a href="" style="text-decoration:none; color:#000;">1</a> <a href="" style="text-decoration:none; color:#000;">2</a> <a href="" style="text-decoration:none; color:#000;">3</a> </td> </tr> </table></td> <td><table width="350px"><tr><td style="width:100px;"><div style="width:100px; height:100px;border-radius:50%; -moz-border-radius:50%; line-height:0em;"><img src="" width="50px" height="50px" style="border-top-left-radius:100%; -moz-border-radius-topleft:100%;"><img src="" width="50px" height="50px" style="border-top-right-radius:100%;-moz-border-radius-topright:100%"> <img src="" width="50px" height="50px" style="border-bottom-left-radius:100%;-moz-border-radius-bottomleft:100%"><img src="" width="50px" height="50px" style="border-bottom-right-radius:100%;-moz-border-radius-bottomright:100%"></div></td> <td valign="middle"><div style="line-height:.5em;"><span style="font-family:times new roman; text-transform:uppercase; font-size:14pt;"><a href="" style="text-decoration:none; border-left:10px solid #000; padding-left:5px; color:#000;">name</a></span><br> <span style="font-family:geneva; font-size:8pt; text-transform:uppercase; padding-left:15px;">canon</span></div></td> </tr> <tr> <td colspan="2" style="padding-top:10px; vertical-align:top;"><div style="border:1px dashed #555; font-family: verdana; font-size:8pt; line-height:1em; padding:1em; text-align:justify;">texttext</div></td> </tr> <Tr><td style="text-align:right;" colspan="2"><span style="border-right:10px solid #000; padding-right:5px;font-size:8pt; font-family: courier new;"><a href="" style="text-decoration:none; color:#000;">1</a> <a href="" style="text-decoration:none; color:#000;">2</a> <a href="" style="text-decoration:none; color:#000;">3</a> </td> </tr> </table></td> </tr> <tr> <td colspan="2"><div style="text-align:right;"><span style="border-left:10px solid #000; padding-left:5px; font-size:8; font-family:courier new; text-transform:uppercase;">code by <span lj:user='pastries' style='white-space: nowrap;' class='ljuser'><a href='http://pastries.dreamwidth.org/profile'><img src='http://www.dreamwidth.org/img/silk/identity/community.png' alt='[community profile] ' width='16' height='16' style='vertical-align: text-bottom; border: 0; padding-right: 1px;' /></a><a href='http://pastries.dreamwidth.org/'><b>pastries</b></a></span></div></td> </tr> </table> <textarea><tr> <td><table width="350px"> <tr><td style="width:100px;"><div style="width:100px; height:100px;border-radius:50%; -moz-border-radius:50%; line-height:0em;"><img src="" width="50px" height="50px" style="border-top-left-radius:100%; -moz-border-radius-topleft:100%;"><img src="" width="50px" height="50px" style="border-top-right-radius:100%;-moz-border-radius-topright:100%"> <img src="" width="50px" height="50px" style="border-bottom-left-radius:100%;-moz-border-radius-bottomleft:100%"><img src="" width="50px" height="50px" style="border-bottom-right-radius:100%;-moz-border-radius-bottomright:100%"></div></td> <td valign="middle"><div style="line-height:.5em;"><span style="font-family:times new roman; text-transform:uppercase; font-size:14pt;"><a href="" style="text-decoration:none; border-left:10px solid #000; padding-left:5px; color:#000;">name</a></span><br> <span style="font-family:geneva; font-size:8pt; text-transform:uppercase; padding-left:15px;">canon</span></div></td> </tr> <tr> <td colspan="2" style="padding-top:10px; vertical-align:top;"><div style="border:1px dashed #555; font-family: verdana; font-size:8pt; line-height:1em; padding:1em; text-align:justify;">texttext</div></td> </tr> <Tr><td style="text-align:right;" colspan="2"><span style="border-right:10px solid #000; padding-right:5px;font-size:8pt; font-family: courier new;"><a href="" style="text-decoration:none; color:#000;">1</a> <a href="" style="text-decoration:none; color:#000;">2</a> <a href="" style="text-decoration:none; color:#000;">3</a> </td> </tr> </table></td> <td><table width="350px"><tr><td style="width:100px;"><div style="width:100px; height:100px;border-radius:50%; -moz-border-radius:50%; line-height:0em;"><img src="" width="50px" height="50px" style="border-top-left-radius:100%; -moz-border-radius-topleft:100%;"><img src="" width="50px" height="50px" style="border-top-right-radius:100%;-moz-border-radius-topright:100%"> <img src="" width="50px" height="50px" style="border-bottom-left-radius:100%;-moz-border-radius-bottomleft:100%"><img src="" width="50px" height="50px" style="border-bottom-right-radius:100%;-moz-border-radius-bottomright:100%"></div></td> <td valign="middle"><div style="line-height:.5em;"><span style="font-family:times new roman; text-transform:uppercase; font-size:14pt;"><a href="" style="text-decoration:none; border-left:10px solid #000; padding-left:5px; color:#000;">name</a></span><br> <span style="font-family:geneva; font-size:8pt; text-transform:uppercase; padding-left:15px;">canon</span></div></td> </tr> <tr> <td colspan="2" style="padding-top:10px; vertical-align:top;"><div style="border:1px dashed #555; font-family: verdana; font-size:8pt; line-height:1em; padding:1em; text-align:justify;">texttext</div></td> </tr> <Tr><td style="text-align:right;" colspan="2"><span style="border-right:10px solid #000; padding-right:5px;font-size:8pt; font-family: courier new;"><a href="" style="text-decoration:none; color:#000;">1</a> <a href="" style="text-decoration:none; color:#000;">2</a> <a href="" style="text-decoration:none; color:#000;">3</a> </td> </tr> </table></td> </tr>
features.	name/journal link: #000 body text border: #000 squares/border next to interaction links and name: #000 interaction links: #000
credit.	credit is included in the code. please leave the last row in there!

Comments

[historyrabbit]

♥ I needed one for Glory.

[historyrabbit]

bb, need a bit of help. It's doing this. All the altering I've done:

<center><Table> <tr> <td><table width="350px"> <tr><td style="width:100px;"><div style="width:100px; height:100px;border-radius:50%; -moz-border-radius:50%; line-height:0em;"><img src="http://www.dreamwidth.org/userpic/1252754/1325532" width="50px" height="50px" style="border-top-left-radius:100%; -moz-border-radius-topleft:100%;"><img src="http://www.dreamwidth.org/userpic/1252763/1325532" width="50px" height="50px" style="border-top-right-radius:100%;-moz-border-radius-topright:100%"> <img src="http://www.dreamwidth.org/userpic/2677356/1325532" width="50px" height="50px" style="border-bottom-left-radius:100%;-moz-border-radius-bottomleft:100%"><img src="http://www.dreamwidth.org/userpic/2677363/1325532" width="50px" height="50px" style="border-bottom-right-radius:100%;-moz-border-radius-bottomright:100%"></div></td> <td valign="middle"><div style="line-height:.5em;"><span style="font-family:times new roman; text-transform:uppercase; font-size:14pt;"><a href="http://hidden-jedi.dreamwidth.org/profile" style="text-decoration:none; border-left:10px solid #000; padding-left:5px; color:#000;">Kale Delvar</a></span><br> <span style="font-family:geneva; font-size:8pt; text-transform:uppercase; padding-left:15px;">Star Wars (OC)</span></div></td> </tr> <Tr><td style="text-align:right;" colspan="2"><span style="border-right:10px solid #000; padding-right:5px;font-size:8pt; font-family: courier new;">☉ ☋</span> </td> </tr> </table></td> <tr><td><table width="350px"><tr><td style="width:100px;"><div style="width:100px; height:100px;border-radius:50%; -moz-border-radius:50%; line-height:0em;"><img src="http://www.dreamwidth.org/userpic/2606386/1524239" width="50px" height="50px" style="border-top-left-radius:100%; -moz-border-radius-topleft:100%;"><img src="http://www.dreamwidth.org/userpic/2606385/1524239" width="50px" height="50px" style="border-top-right-radius:100%;-moz-border-radius-topright:100%"> <img src="http://www.dreamwidth.org/userpic/2606395/1524239" width="50px" height="50px" style="border-bottom-left-radius:100%;-moz-border-radius-bottomleft:100%"><img src="http://www.dreamwidth.org/userpic/2606399/1524239" width="50px" height="50px" style="border-bottom-right-radius:100%;-moz-border-radius-bottomright:100%"></div></td> <td valign="middle"><div style="line-height:.5em;"><span style="font-family:times new roman; text-transform:uppercase; font-size:14pt;"><a href="http://tidal-trickster.dreamwidth.org/profile" style="text-decoration:none; border-left:10px solid #000; padding-left:5px; color:#000;">Fizz</a></span><br> <span style="font-family:geneva; font-size:8pt; text-transform:uppercase; padding-left:15px;">League of Legends (OU)</span></div></td> </tr> <Tr><td style="text-align:right;" colspan="2"><span style="border-right:10px solid #000; padding-right:5px;font-size:8pt; font-family: courier new;">☋ ✇</span> </td> </tr> </table></td> </tr>

[thirdchance]

NVM FIXED IT MYSELF

[tofindthesun]

OH OKAY sorry i was out ;A;

[bloodyscore]

IT'S ALRIGHT. I was a dope and needed to take a 'tr' out.

[tofindthesun]

dope ♥

[depend]

ugh i love your cr charts wah

[tofindthesun]

wah wah //// thank youu

[depend]

no problem!!

[lessandmorethanhuman]

Was directed to your CR charts when I was looking...I really like this one, but is there a way to have them in columns of 'one box each' rather than side-by-side? I know...nothing about code. You have some lovely charts, and I will of course be glad to credit.

[tofindthesun]

iff you mean so that it works like this instead of what's shown above, then yes! hi, hello, it's chimney, i'm too lazy to click some things and switch journals.

here's the code with just one box per row and the credit removed because it'd be a bit more complicated to explain otherwise
<table width="350px"> <tr> <td style="width:100px;"><div style="width:100px; height:100px;border-radius:50%; -moz-border-radius:50%; line-height:0em;"><img src="" width="50px" height="50px" style="border-top-left-radius:100%; -moz-border-radius-topleft:100%;"><img src="" width="50px" height="50px" style="border-top-right-radius:100%;-moz-border-radius-topright:100%"> <img src="" width="50px" height="50px" style="border-bottom-left-radius:100%;-moz-border-radius-bottomleft:100%"><img src="" width="50px" height="50px" style="border-bottom-right-radius:100%;-moz-border-radius-bottomright:100%"></div></td> <td valign="middle"><div style="line-height:.5em;"><span style="font-family:times new roman; text-transform:uppercase; font-size:14pt;"><a href="" style="text-decoration:none; border-left:10px solid #000; padding-left:5px; color:#000;">name</a></span><br> <span style="font-family:geneva; font-size:8pt; text-transform:uppercase; padding-left:15px;">canon</span></div></td> </tr> <tr> <td colspan="2" style="padding-top:10px; vertical-align:top;"><div style="border:1px dashed #555; font-family: verdana; font-size:8pt; line-height:1em; padding:1em; text-align:justify;">texttext</div></td> </tr> <Tr><td style="text-align:right;" colspan="2"><span style="border-right:10px solid #000; padding-right:5px;font-size:8pt; font-family: courier new;"><a href="" style="text-decoration:none; color:#000;">1</a> <a href="" style="text-decoration:none; color:#000;">2</a> <a href="" style="text-decoration:none; color:#000;">3</a> </td> </tr> </table>

to add another box, copy everything between and including the <tr> and </tr> tags at the very top and very bottom of the code chunk, and paste that chunk on a new line. i recommend putting an extra blank line between the two code chunks because it helps better indicate that they're separate entries (i have mistakenly edited the wrong character's cr info before because i couldn't tell which was who..), and that extra space doesn't show up when you post the entry anyway so. might as well. P:

[lessandmorethanhuman]

Yes! That is it exactly! Thank you!

Seriously, I appreciate this, and your layouts are awesome. :) Credit is still built into the table yes, so I can give appropriate props?

[tofindthesun]

i removed it for the sake of easier copying but!
<tr> <td><div style="text-align:right;"><span style="border-left:10px solid #000; padding-left:5px; font-size:8; font-family:courier new; text-transform:uppercase;">code by <span lj:user='pastries' style='white-space: nowrap;' class='ljuser'><a href='http://pastries.dreamwidth.org/profile'><img src='http://www.dreamwidth.org/img/silk/identity/community.png' alt='[community profile] ' width='16' height='16' style='vertical-align: text-bottom; border: 0; padding-right: 1px;' /></a><a href='http://pastries.dreamwidth.org/'><b>pastries</b></a></span></div></td> </tr> that's the snippet for the credit row if you want to add it to the end somewhere o/

you're welcome and enjoy!! 'u'

[lessandmorethanhuman]

Thank you! I think my one last question is, is it possible to remove the 'numbers'? I'm not sure I'll use 'em, as I'm still kind of new at actually laying OUT my CR. (I'm good at everything else with journal-RP -_-;;; )

Btw, much love for Legolas!

[tofindthesun]

ahah, yes, they areeee this highlighted chunk, so you can just delete that and continue on your merry way

aaahhh welcome to journal rp?? belatedly. it's great and lovely and frustrating, it's awesome. C8

awh, thanks ♥

[lessandmorethanhuman]

Heh...I've been dipping my toe in off/on for years, so finally felt like I needed to get smart about the CR. ^^ Currently, I'm only playing in The Station. ( http://thestation.dreamwidth.org/profile ) I've played a few other places too, but not with this account.

Thank you so much for your help. *bows in thanks!*