InsaneJournal

Tweak says, "I'm too sweet to be sour!"

Aoife Gaelrohm (athaisce) wrote in rp_tutorials,
@ 2014-01-19 16:38:00

Entry tags:

coding: character profile

Coding for Dummies
I found this code on a journal that I absolutely adored and wanted to use, but I can't seem to make it show up in my journal. You can see it if you go to the page itself which isn't what I was going for.

Since I snagged the code from page source, I'm sure I got something wrong and don't have the journal's original code source to see where they got it and find a solution.

Any help would be appreciated, even if it's a point in the right direction.

<center><br><table cellpadding="0" cellspacing="0" style="-webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); transform: rotate(-2deg);"><tbody><tr><td><center><table cellpadding="0" cellspacing="0" style="background:white; padding: 6px 6px 6px; text-align: center; text-decoration: none; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .3); -moz-box-shadow: 0 2px 4px rgba(0,0,0,.3); box-shadow: 0 2px 4px rgba(0,0,0,.3);"><tbody><tr><td height="141" width="250" align="left" valign="top" background="https://31.media.tumblr.com/e5d661e903a00714352035dda82e0621/tumblr_mzb9swQVDU1qly9gho2_250.gif"></td></tr></tbody></table><font style="font-family: calibri;font-size: 6px;font-weight: lighter;letter-spacing: 1px;line-height: 14px;text-transform:uppercase;"><a href="http://airialanmod.insanejournal.com/">Airialan</a> ・ <a href="http://athaisce.insanejournal.com/2001/01/01/">customs</a> ・ <a href="http://asylums.insanejournal.com/airialanlines/">scenes</a> ・ awaiting production</font></center></td></tr><tr><td height="8"></td></tr></tbody></table></center> <center><br><table cellpadding="0" cellspacing="0" style="-webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); transform: rotate(-2deg);"><tbody><tr><td><center><table cellpadding="0" cellspacing="0" style="background:white; padding: 6px 6px 6px; text-align: center; text-decoration: none; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .3); -moz-box-shadow: 0 2px 4px rgba(0,0,0,.3); box-shadow: 0 2px 4px rgba(0,0,0,.3);"><tbody><tr><td height="141" width="250" align="left" valign="top" background="https://31.media.tumblr.com/cf639fd3bacb63b96981ee0ea3775bf1/tumblr_my9tu9Uo3J1qjnqapo1_500.gif"></td></tr></tbody></table><font style="font-family: calibri;font-size: 6px;font-weight: lighter;letter-spacing: 1px;line-height: 14px;text-transform:uppercase;"><a href="http://airialanmod.insanejournal.com/">Airialan</a> ・ <a href="http://athaisce.insanejournal.com/2001/01/01/">customs</a> ・ <a href="http://asylums.insanejournal.com/airialanlines/">scenes</a> ・ awaiting production</font></center></td></tr><tr><td height="8"></td></tr></tbody></table></center>

Edit: Picture!

Layout Code:

GLOBAL_HEAD<= <title>Elven Ward</title> <link href='http://fonts.googleapis.com/css?family=Seaweed+Script' rel='stylesheet' type='text/css'> <style type="text/css"> /* Layout credit: ~coding@insanejournal.com; join/contact with any questions! */ @font-face {font-family:"wideopen";src:url('http://static.tumblr.com/7glhdxz/K8Wmgevib/kgeyeswideopen.ttf');} body {background-color:#e1e1e1;} table {border:1px solid #FFA300; border-bottom: 2px dotted #AA891E;} table table {border:0;} td {font-family:arial; font-size:12px; line-height:12px; letter-spacing:1px;} body, td {color:#9b3326;} .shadowed, .ljshadowed, td, .entrybox {color:#df8383; background:#ffffff;} .shadowed img {border-radius:100px; border:1px dashed #ff5200; padding: 3px;} .shadowed {background-image:url(http://i.imgur.com/KTw0UNd.png);} td.caption {font-size:0px; line-height:0px;} /* link effects. */ a {color:#a66f00; text-decoration:none;} a:hover {color:#404040; cursor:default; text-decoration:none;} /* namefield. */ .shadowed td div {font-family:seaweed script; font-size:26pt; line-height:12pt; letter-spacing:0px; text-shadow:#a66f00 2px 2px 2px; color:#ffb6b6;} /* top right navigation links. */ .index {font-family:consolas, arial; font-size:8px; line-height:8px; text-transform:uppercase; color:#888888;} /* top banner main navigation links. */ table table table table td.meta {font-family:consolas, arial; font-size:8px; line-height:8px; text-transform:uppercase; color:#888888;} /* subject lines. */ p table table td.caption {font-family:seaweed script; font-size:22px; line-height:10px; letter-spacing:0px; text-transform:lowercase; color:#ffffff; text-shadow:#000000 0px 0px 1px; background-image:url(http://i.imgur.com/trWYK.jpg);} /* date & time. */ .entrybox td.index {font-family:arial; font-size:8pt; line-height:8px; letter-spacing:0px; text-transform:uppercase; color:#b98d46; background-image:url(http://i.imgur.com/trWYK.jpg);} /* mood & music. */ p table table table td.meta {font-family:consolas, arial; font-size:7px; line-height:9px; letter-spacing:1px; text-transform:uppercase; color:#888888;} /* comments. */ .comments {font-family:consolas, arial; font-size:8px; line-height:7px; text-transform:uppercase; color:#888888;} /* image opacity. */ img {opacity:0.6;} img:hover {opacity:1.0; -webkit-transition-duration:1s;} /* friends page icons & users. */ .entrybox a.index {background-color:#ffffff; color:#dddddd; font-size:8px; text-transform:uppercase;} /* usericons & locks. */ .ljuser img {display:none;} .ljuser:before {content: "★";} .caption img{width:8px; height:8px;} </style> <=GLOBAL_HEAD FRIENDS_TALK_LINKS=><tr><td align="right" valign="bottom" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">%%readlink%% <a href="%%urlpost%%">[Whisper]</a></td></tr> LASTN_TALK_READLINK=>[%%messagecount%% <a href="%%urlread%%">Whispered Words]</a> LASTN_DATE_FORMAT=><span style="color:#ffffff;">%%dayshort%%, %%dd%% %%monshort%% %%yyyy%% at %%12h%%:%%min%%%%ampm%%</span> FRIENDS_TALK_READLINK=>[%%messagecount%% <a href="%%urlread%%">Whispered Words]</a> FRIENDS_DATE_FORMAT=><span style="color:#ffffff;">%%dayshort%%, %%dd%% %%monshort%% %%yyyy%% at %%12h%%:%%min%%%%ampm%%</span> LASTN_TALK_LINKS=><tr><td align="right" valign="bottom" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">%%readlink%% <a href="%%urlpost%%">[Whisper]</a></td></tr>

(Post a new comment)

	stomps 2014-01-19 11:03 pm UTC (link)
	Might be something in your overall layout. When I cut and pasted the code into my journal, it showed up on the main page just fine. (Reply to this) (Thread)

	athaisce 2014-01-19 11:06 pm UTC (link)
	Eeeeeeeeeeeeeeeeek. That's a good start. Do you have any pointers where I can look in my layout to see what's causing the problem? (Reply to this) (Parent)

	athaisce 2014-01-19 11:10 pm UTC (link)
	I popped my layout code into the entry just on the off chance it'd help! (Reply to this) (Parent) (Thread)

stomps
2014-01-19 11:52 pm UTC (link)

WAIT, I think I got it! Don't change anything in the layout code, but edit the table code instead. Where it says

<td height="141" width="250" align="left" valign="top" background="https://31.media.tumblr.com/cf639fd3bacb63b96981ee0ea3775bf1/tumblr_my9tu9Uo3J1qjnqapo1_500.gif">

use an inline style instead of the background= value:

<td height="141" width="250" align="left" valign="top" style="background-image:url(https://31.media.tumblr.com/cf639fd3bacb63b96981ee0ea3775bf1/tumblr_my9tu9Uo3J1qjnqapo1_500.gif)">

I'm no HTML/CSS expert so maybe that's not a great way to do it, but it does show up on my Chrome browser.

(Reply to this) (Parent) (Thread)

stomps
2014-01-19 11:55 pm UTC (link)

Deleted my other comment to spare confusion and because I said something incorrect about CSS, but yeah, it was the layout CSS defining the td in the .shadowed, .ljshadowed, td, .entrybox {color:#df8383; background:#ffffff;} part that was making the table codes go blank, so if you need to put anything else in tables in the future, that's probably something to keep in mind.

(Reply to this) (Parent) (Thread)

athaisce
2014-01-19 11:59 pm UTC (link)

Was about to publish the changes when I saw the notification. Whew! :D I was trying to figure out how to get the .shadowed, .ljshadowed, td, .entrybox {color:#df8383; background:#ffffff;} to still do what I wanted without interrupting the table.

You're a lovely person for helping me with that! Anything else will be behind a cut, so I think your solution is for the best since I really love this layout. THANK YOU!

(Reply to this) (Parent) (Thread)

	stomps 2014-01-20 12:39 am UTC (link)
	You're welcome! And sorry for the double comment, that was my "testing rp-tutorial html questions" journal, whoops. (Reply to this) (Parent) (Thread)

	athaisce 2014-01-20 12:42 am UTC (link)
	:) Don't worry about it, I had a hunch! And again, really appreciate it! ❤ (Reply to this) (Parent)