Rp Tutorials

S	M	T	W	T	F	S
				1	2	3
4	5	6	7	8	9	10
11	12	13	14	15	16	17
18	19	20	21	22	23	24
25	26	27	28	29	30	31

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>

/* 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;}

DAY_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a>

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

Tags: resources: layouts

Profile

Navigation

July 2021

Tags

April 28th, 2013

[No Subject]

[No Subject]