TABLE CODES 001

[chimney]

ha! reworked some of my charts from lj to work on dw. a good day's effort, i'd say. these charts may be used to list journals or as CR charts! however, they will not work on your profile.

comments not necessary, but if you have questions, feel free to ask me!

EDIT: updated for long commentary.

EDIT 2: currently only works with custom journal pages. everything should be fixed now.

obscura

code.	<center><table width="400px"> <tr> <td style="vertical-align:top;">◆ acquaintances ● friends ☼ "friends" ❈ haha</td> <td style="vertical-align:top;">☀ the sun to my cloudy day ☁ don't rain on my parade ♥ love ★ cares for</td> <td style="vertical-align:top;">Φ target ❦ despise ❡ kill ✦ avoid</Td> </tr> </table> <table width="500px"> <tr> <td style="vertical-align:top;" rowspan="2"><img style="border:1px dashed #ddd; padding:15px;" src="IMGURL" height="80px" width="80px"></td> <td style="vertical-align:top;"><div style="width:390px; padding: 10px 0px 5px 10px; border-bottom: 1px dashed #ddd; margin:-10px 0px 0px -10px;"><font color="#999">[name]</font> <small><a href="PROFILELINKURL" style="text-decoration:none;"><font color="#000">✠</font></a> <a href="JOURNALLINKURL" style="text-decoration:none;"><b><font color="#b32120">journalname</font></b></a></small></div> <div style="padding:0px 0px 0px 10px;">interaction links <a href="LINKURL" style="text-decoration:none;"><font color="#b32120">▲</font></a> <font color="#666">☁♥✦ commentary</font></div></td> </tr> </Table>
features.	border: style="border-bottom:1px dashed #ddd" name: #999 commentary: #666 links: #b32120
credit.	please credit pastries somewhere!

charted

code.	<center><table width="450px" style="border-bottom:5px solid transparent;" cellspacing="0"> <tr> <td height="100px" width="100px" style="vertical-align:top;" bgcolor="#111111" rowspan="2"><center><img style="padding:10px 10px 0px 10px;" src="IMGURL" width="80px" height="80px"></div></td> <td><div style="padding:0px 0px 0px 5px; margin:-2px 0px 0px -5px; background:#eee;">► <font face="courier new">name</font></div> <div style="padding: 0px 15px 15px 15px; margin-top:-10px;"><small><font color="#444444">description!!</div></td></tr> </table> </center>
features.	icon background: #111111 name background: #eeeeee description: #444444
credit.	please credit pastries somewhere!

Comments

[auger]

Hello! I have something that might be a silly question. I'm using the first code as a CR chart in this entry, but all the text is slightly lower than the userpic to the left of it. I tried re-c&ping the raw code given above, too, but the problem persisted. Do you know what's up, or is it because I'm viewing it as a non-custom comment page?

[tofindthesun]

does it look like this? that's what i'm seeing and it looks right. otherwise i'm not sure what could be wrong if the code isn't modified beyond that should be..

[auger]

It looks like this! Though, I went and checked out the page in Chrome (I hadn't thought of doing that before, oops) and it looks just fine. So it looks like the issue might just be with Firefox? Sorry about that!

[tofindthesun]

aahh that awkward space thing again that dw tables are notorious for. try this:

<table width="500px"> <tr> <td style="vertical-align:top;" width="110px" rowspan="2"><img style="border:1px dashed #ddd; padding:15px;" src="http://www.dreamwidth.org/userpic/668594/667377" height="80px" width="80px"></td> <td style="vertical-align:top;"><div style="width:390px; padding: 10px 0px 5px 10px; border-bottom: 1px dashed #ddd; margin:-10px 0px 0px -10px;"><font color="#999">[name]</font> <small><a href="PROFILELINKURL" style="text-decoration:none;"><font color="#000">✠</font></a> <a href="JOURNALLINKURL" style="text-decoration:none;"><b><font color="#b32120">journalname</font></b></a></small></div> <div style="padding:0px 0px 0px 10px;">interaction links <a href="LINKURL" style="text-decoration:none;"><font color="#b32120">▲</font></a> <font color="#666">☁♥✦ commentary</font></div></td> </tr> </Table>

just a problem with the ff not recognizing the valign code, i guess, so this should fix it P:

[neverwounda]

Thank you so much for your time! Though, in your code, there's some weird bits (such as src="<a href="http://www.dreamwidth.org/userpic/668594/667377" target="_blank">http://www.dreamwidth.<WBR>org/userpic/668594/667377</a>) which dw can't read ;; I tried fiddling with it myself since you went through a lot of trouble already, but it still looks a little off.

[tofindthesun]

..woah that's not in the code. o_o; if you copied it directly from what i put in the box in the previous comment that shouldn't show up. what part is that showing up in?

and dont' worry lakjsf i'm happy to help! .u.

[neverwounda]

omg I'm so sorry it's something that Chrome was doing apparently?? I cleared my cookies and I got the normal code. It works perfectly on FF! Thank you so much ♥!!

Also, just while I'm here, I'm using this layout -- is there a way to show icons when viewing your flist?

[nightshades]

HI IT'S ME AGAIN and all my journals ljslfas CHROME STOP BEING WEIRD GOSH. it. might have been something on my end since i'm using chrome?? whatevs chrome we do what we want X(

as for the layout-- there is! find .entry .userpic and replace it with this:
.entry .userpic {
margin-right: -70px;
display: inline-block;
float: right;}

and in case you want to, or anyone else does--
to change the icon size, find .entry .userpic img which should be right under .entry .userpic and change the height and width to what you'd like. if you do this though you'll want to go back to .entry .userpic and change the margin to at least 10px more than the icon size.

and! if you want round icons because round icons are nice, in .entry .userpic img you can add:
-webkit-border-radius: ##px;
-moz-border-radius: ##px;
border-radius: ##px;
with ## being at least half the size of the icon.

iii hope this all makes sense! P:

[neverwounda]

chrome o9

THANK YOU VERY MUCH it all works and it makes sense now! thank you for your patience aaa ;u;

[tofindthesun]

NO PROBLEMOS I AM GLAD TO HELP 8>