InsaneJournal

Tweak says, "Everything is awesome!"

emily. (stonee) wrote in rp_tutorials,
@ 2013-04-28 13:29:00

Entry tags:

resources: layouts

hey, guys! so, i've been trying to implement this layout, but for some reason i can't get the background image for entries to show up? i am clueless as to why! here's the code i'm using (procured with many thanks from dazy):

FRIENDS_WEBSITE<= <style> table table table table .meta {visibility:hidden; position:absolute; top:1px;} table table table table table .meta {visibility:visible; position:relative; top:1px;} .shadowed {background-image:url(http://i.imgur.com/dOCLk1H.png); background-position:center; background-repeat:no-repeat;} tr.caption, .shadowed td div, .shadowed img {display:none;} .supguys {padding:1px; display:block; border-radius:2px; background-color:#eeeeee; text-shadow: 1px 1px 2px #c0c0c0; color:#111111; font-family:arial; font-size:8px; line-height:9px; letter-spacing:+1px; text-transform: uppercase;} .supdude {font-family:Sacramento; font-size:33px; letter-spacing:+1px; line-height:33px; text-shadow: 1px 1px 2px #c0c0c0; color:#f5f5f5; text-transform: lowercase;} .links { color:#ffffff; padding:1px; display:block; border-radius:2px; background-color:#111111; font-family:arial; font-size:14px; line-height:16px; letter-spacing:0px; text-transform: lowercase; font-weight:lighter; text-shadow:#c0c0c0 1px 0px 2px;} </style> <tr><td colspan="5" width="570"> <table width="300" height="242" align="center" cellspacing="0" border="0" cellpadding="0"> <tr><td width="0"></td> <td align="justify" valign="center"> <font class = "supguys"><center><a href = "http://stonee.insanejournal.com/profile" title="profile">profile</a> <a href = "http://stonee.insanejournal.com/" title="journal">journal</a> <a href = "http://stonee.insanejournal.com/friends" title="friends">friends</a> <a href ="http://stonee.insanejournal.com/1995/06/10/" title="customs">customs</a></center></font> <font class = "links"><center>for once in my life, let me get what i want</center></font></p> </td></tr></table></td></tr> <=FRIENDS_WEBSITE DAY_TALK_LINKS<= <tr> <td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"> %%readlink%%<a href="%%urlpost%%">&</a> </td> </tr> <=DAY_TALK_LINKS DAY_WEBSITE<= <style> table table table table .meta {visibility:hidden; position:absolute; top:1px;} table table table table table .meta {visibility:visible; position:relative; top:1px;} .shadowed {background-image:url(http://i.imgur.com/dOCLk1H.png);} tr.caption, .shadowed td div, .shadowed img {display:none;} .supguys {padding:1px; display:block; border-radius:2px; background-color:#b7f6fc; text-shadow: 1px 1px 2px #c0c0c0; color:#8aaeae; font-family:arial; font-size:8px; line-height:8.5px; letter-spacing:+1px; text-transform: uppercase;} .supdude {font-family:Sacramento; font-size:33px; letter-spacing:+1px; line-height:33px; text-shadow: 1px 1px 2px #c0c0c0; color:#f5f5f5; text-transform: lowercase;} .links { color:#ffffff; padding:1px; display:block; border-radius:2px; background-color:#111111; font-family:arial; font-size:14px; line-height:16px; letter-spacing:0px; text-transform: lowercase; font-weight:bold; text-shadow:#c0c0c0 1px 0px 2px;} </style> <tr><td colspan="5" width="570"> <table width="240" height="210" align="center" cellspacing="0" border="0" cellpadding="0"> <tr><td width="0"></td> <td align="justify" valign="center"> <font class = "supguys"><center><a href = "http://stonee.insanejournal.com/profile" title="profile">profile</a> <a href = "http://stonee.insanejournal.com/" title="journal">journal</a> <a href = "http://stonee.insanejournal.com/friends" title="friends">friends</a> <a href ="http://stonee.insanejournal.com/1995/06/10/" title="customs">customs</a></center></font> <font class = "links"><center>for once in my life, let me get what i want</center></font></p> </td></tr></table></td></tr> <=DAY_WEBSITE LASTN_TALK_LINKS<= <tr> <td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"> %%readlink%%<a href="%%urlpost%%">&</a> </td> </tr> <=LASTN_TALK_LINKS GLOBAL_HEAD<= <link href='http://fonts.googleapis.com/css?family=Codystar' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Raleway+Dots' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Sacramento' rel='stylesheet' type='text/css'> <title>http://stonee.insanejournal.com/</title> <style> /* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;} /* End http://www.cursors-4u.com */ /* Layout credit: ~coding@insanejournal.com; join/contact with any questions! */ body {background:#ffffff url() no-repeat top left fixed;} table {border:0; padding:0px; margin-bottom: -7px;} table table {border:0;} /* entrybox */ .entrybox {background-color:#dddddd; background-image:url(http://i.imgur.com/VW8g4Yn.jpg); width: 600px; padding: 0px; border-radius:5; box-shadow: #282828 0px 1px 5px;} body, td {color:#111111;} /* top bar background. */ .shadowed {background-image:url(http://i.imgur.com/dOCLk1H.png); padding-top:0px;} /* link effects. */ a {text-shadow: 1px 1px 2px #c0c0c0; color:#555555; text-decoration:none;} a:hover {-moz-transition: all 1.0s ease-out; -o-transition: all 1.0s ease-out; -webkit-transition: all 1.0s ease-out; transition: all 1.0s ease-out; -webkit-transition-duration: 1.5s; border-radius:5pt; padding:0px; text-shadow: 2px 2px 4px #c0c0c0; background-color:#def1f4; color:#eeeeee; text-decoration:none; -moz-transition: all 0.6s ease-out; /* FF3.7+ */ -o-transition: all 0.6s ease-out; /* Opera 10.5 */ -webkit-transition: all 0.6s ease-out; /* Saf3.2+, Chrome */ transition: all 0.6s ease-out;} img {border-radius: 2; opacity:0.7; filter:alpha(opacity=100); /* For IE8 and earlier */} img:hover {-moz-transition: all 1.0s ease-out; -o-transition: all 1.0s ease-out; -webkit-transition: all 1.0s ease-out; transition: all 1.0s ease-out; opacity:1.0;filter:alpha (opacity=500); -webkit-transition-duration: 1.5s; /* For IE8 and earlier */} /* top right navigation links. */ .index, .meta {background-color:none; border-radius:5pt; font-family:arial; font-size:6px; line-height:8px; text-transform:uppercase; text-shadow: 1px 0px 1px #a1a1a1; color:#111111; letter-spacing:+1px;} /* top banner main navigation links. */ table table table table td.meta {font-family:arial; font-size:8px; line-height:8.5px; letter-spacing:+1px; text-transform:uppercase; color:#111111; background-color:none;} /* mood & music. */ .entrybox td.meta {font-family:arial; font-size:7px; line-height:7.5px; letter-spacing:1px; text-transform:uppercase; color:#111111; background-color:none;} /* subject lines. */ p table table td.caption {border-radius:2px; background-color:none; text-shadow: 1px 1px 2px #c0c0c0; color:#111111; padding-left:8px; font-family:arial; font-size:8px; line-height:8.5px; letter-spacing:1px; text-transform:uppercase;} /* date & time. */ .entrybox td.index {display:none;} /* comments. */ .comments {padding-right:8px; padding-bottom:8px; background-color:none; text-shadow: 1px 0px 1px #a1a1a1; font-family:arial; font-size:8px; line-height:8.5px; letter-spacing:1px; text-transform:uppercase; text-decoration:none;-moz-transition: all 0.6s ease-out; /* FF3.7+ */ -o-transition: all 0.6s ease-out; /* Opera 10.5 */ -webkit-transition: all 0.6s ease-out; /* Saf3.2+, Chrome */ transition: all 0.6s ease-out;} /* friends page icons & users. */ .entrybox a.index {text-shadow: 1px 0px 1px #a1a1a1; color:#bbbbbb; font-family: arial; font-size:8px; line-height:8px; text-transform:uppercase; letter-spacing: 1px; padding:0px;} /* usericons & locks. */ .shadowed img {width:95px; height: 95px; background-color: #fbf4e2; padding: 7px!important; border-top: 1px dashed #374040; border-left: 1px dashed #374040; border-right: 1px dashed #374040; border-bottom: 1px dashed #374040;} .caption img[src="http://www.insanejournal.com/img/icon_private.gif"]{ width: 0; height: 0; padding: 0 9px 5px 0; background: url(http://i55.tinypic.com/a48qvq.png);} .caption img[src="http://www.insanejournal.com/img/icon_protected.gif"]{ width: 0; height: 0; padding: 0 9px 5px 0; background: url(http://i55.tinypic.com/ztuff4.png);} p table table td.caption img {height: 9pt; width: 9pt;} .ljuser img[src*="userinfo.gif"] {width: 0; height: 0; background-repeat: no-repeat; background-image: url("http://i51.tinypic.com/n6pz6p.gif") !important; padding: 7px 7px 0 0 !important;} .ljuser img[src*="community.gif"] {width:0; height: 0; background-repeat: no-repeat; background-image: url("http://i53.tinypic.com/1zyaqzr.gif") !important; padding: 9px 10px 0 0 !important;} </style> <=GLOBAL_HEAD FRIENDS_TALK_LINKS<= <tr> <td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"> %%readlink%%<a href="%%urlpost%%">&</a> </td> </tr> <=FRIENDS_TALK_LINKS LASTN_OPT_ITEMS=>2 LASTN_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a> FRIENDS_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a> FRIENDS_DATE_FORMAT=><span style="font-family: arial; font-size: 8px; line-height: 11pt; letter-spacing: 1px; text-transform: uppercase; font-weight: none;color: LASTN_WEBSITE<= <style> table table table table .meta {visibility:hidden; position:absolute; top:1px;} table table table table table .meta {visibility:visible; position:relative; top:1px;} .shadowed {background-image:url(http://i.imgur.com/dOCLk1H.png); background-repeat:no-repeat; background-position:center;} tr.caption, .shadowed td div, .shadowed img {display:none;} .supguys {padding:1px; display:block; border-radius:2px; background-color:#eeeeee; text-shadow: 1px 1px 2px #c0c0c0; color:#111111; font-family:arial; font-size:8px; line-height:9px; letter-spacing:+1px; text-transform: uppercase;} .supdude {font-family:Sacramento; font-size:33px; letter-spacing:+1px; line-height:33px; text-shadow: 1px 1px 2px #c0c0c0; color:#f5f5f5; text-transform: lowercase;} .links { color:#ffffff; padding:1px; display:block; border-radius:2px; background-color:#111111; font-family:arial; font-size:14px; line-height:16px; letter-spacing:0px; text-transform: lowercase; font-weight:lighter; text-shadow:#c0c0c0 1px 0px 2px;} </style> <tr><td colspan="5" width="570"> <table width="300" height="242" align="center" cellspacing="0" border="0" cellpadding="0"> <tr><td width="0"></td> <td align="justify" valign="center"> <font class = "supguys"><center><a href = "http://stonee.insanejournal.com/profile" title="profile">profile</a> <a href = "http://stonee.insanejournal.com/" title="journal">journal</a> <a href = "http://stonee.insanejournal.com/friends" title="friends">friends</a> <a href ="http://stonee.insanejournal.com/1995/06/10/" title="customs">customs</a></center></font> <font class = "links"><center>for once in my life, let me get what i want</center></font></p> </td></tr></table></td></tr> <=LASTN_WEBSITE DAY_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a>

if anyone can help out, i would really appreciate it!

(Post a new comment)

	corrupt 2013-04-28 08:08 pm UTC (link)
	Hey, I helped someone with this a few days ago. Try here, with removing the colors in look and feel and see if that works. If not, I'll look through your code. (Reply to this) (Thread)

	stonee 2013-04-29 12:56 am UTC (link)
	that worked! thank you so much! (Reply to this) (Parent) (Thread)

	corrupt 2013-04-29 01:20 am UTC (link)
	You're welcome! :) (Reply to this) (Parent)

	andraste 2013-04-28 08:16 pm UTC (link)
	After inspecting the elements on both journals, it seems like something is blocking the bg image from showing up because after unchecking the bg, even the bg color doesn't show, so I agree with the above! (Reply to this) (Thread)

	stonee 2013-04-29 12:57 am UTC (link)
	that worked!! thanks so much! (Reply to this) (Parent)