View Full Version : Help...bg image and header image.
rcrystal 08-07-2006, 06:20 PM I don't know why. But I can't seem to get the image header and bg to appear. The code just screws up and I end up with nothing. Also can someone give me the code for chanigng text color of the entry? Thanks in advance,
Jenn
amyaurora 08-07-2006, 06:21 PM What blog program are you useing?
rcrystal 08-07-2006, 07:46 PM Livejournal :)
amyaurora 08-07-2006, 08:05 PM Oh...that one I don't know. Sorry about that. But others here do.
bourdelson 08-07-2006, 10:11 PM Could you post your overrides, please? Thank you. :)
rcrystal 08-08-2006, 06:25 AM Yes of course :)
Sadly, I'm also having problems with positioning the entries and gettinig it to be invisible >.<. Thanks :)
Here's the overide
GLOBAL_HEAD<=
<style type="text/css" media="screen" platform="livejournal">
body {
background-color:#000000; background-image:url('http://www.boomspeed.com/jenny90p/ljplatekik.jpg'); background-repeat:repeat-y; margin-right:100%; margin-left:157px; overflow-x:hidden; overflow:-moz-scrollbars-vertical; margin-top:220px;}
table {width:300px; margin:0; border:0; text-align:justify;}
table table {width:100%;}
table table table {width:auto;}
p,div,font,td {font-family:'franklin gothic medium', sans-serif; font-size:7pt; color:#993300; text-align:justify;}
a {font-family:'georgia', serif; font-size:7pt; color:#993300; text-decoration:none; font-weight:bold;}
a:hover {border-top:2px solid #993300; text-decoration:none;}
div div {width:100%;}
a.index {font-size:1px;}
table table tr.caption td.index {position:absolute; font-size:1px; visibility:hidden; top:1px;}
table table tr.caption td.caption {position:absolute; font-size:1px; visibility:hidden; top:1px;}
.shadow td div {visibility:hidden; position:absolute;}
.reb {position:absolute; font-size:1px; position:absolute;}
table table table table .meta {visibility:hidden;position:absolute;top:1px;}
/*coding courtesy of ljlayouts.org */
</STYLE>
<=GLOBAL_HEAD
FRIENDS_WEBSITE<=
<DIV style="position:absolute; z-index:89; top:50; left:332; width:673px; height:283px;">
<IMG SRC="http://www.boomspeed.com/jenny90p/ljkik.jpg"></DIV>
<=FRIENDS_WEBSITE
bourdelson 08-08-2006, 04:26 PM The background image should show up, but the header image won't show becaues you're not allowed to use div tags in overrides. However, I do have the override to use for a header image, which I've put in here.
I read through your overrides and they all appear to be okay. Along with adding the header override, I cleaned them up appearance-wise, so that they'll be easier to edit if need be.
Try this and see if anything changes. :)
GLOBAL_HEAD<=
<style type="text/css">
body {
background-color:#000000;
background-image:url('http://www.boomspeed.com/jenny90p/ljplatekik.jpg');
background-repeat:repeat-y;
margin-right:100%;
margin-left:157px;
overflow-x:hidden;
overflow:-moz-scrollbars-vertical;
margin-top:220px;
}
img.headerimg, .headerimg{
position:absolute;
left:84px;
top:15px;
z-index:1;
}
table {
width:300px;
margin:0;
border:0;
text-align:justify;
}
table table {
width:100%;
}
table table table {
width:auto;
}
body, td, font, div, p {
font-family:'franklin gothic medium', sans-serif;
font-size:7pt;
color:#993300;
text-align:justify;
}
a {
font-family:'georgia', serif;
font-size:7pt;
color:#993300;
text-decoration:none;
font-weight:bold;
}
a:hover {
border-top:2px solid #993300;
text-decoration:none;
}
div div {
width:100%;
}
a.index {
font-size:1px;
}
table table tr.caption td.index {
position:absolute; font-size:1px;
visibility:hidden; top:1px;
}
table table tr.caption td.caption {
position:absolute;
font-size:1px;
visibility:hidden;
top:1px;
}
.shadow td div {
visibility:hidden;
position:absolute;
}
.reb {
position:absolute;
font-size:1px;
position:absolute;
}
table table table table .meta {
visibility:hidden;
position:absolute;
top:1px;
}
/*coding courtesy of ljlayouts.org */
</STYLE>
<=GLOBAL_HEAD
LASTN_WEBSITE<=
<tr>
<td class="meta" colspan="5">
<table>
<tr>
<td class="meta">
<img class="headerimg" src="http://www.boomspeed.com/jenny90p/ljkik.jpg" border="0" />
</td>
</tr>
</table>
</td>
</tr>
<caption style="font-size:8pt;"></caption>
<=LASTN_WEBSITE
FRIENDS_WEBSITE<=
<tr>
<td class="meta" colspan="5">
<table>
<tr>
<td class="meta">
<img class="headerimg" src="http://www.boomspeed.com/jenny90p/ljkik.jpg" border="0" />
</td>
</tr>
</table>
</td>
</tr>
<caption style="font-size:8pt;"></caption>
<=FRIENDS_WEBSITE
Also, what do you mean by "getting it to be invisible"? I'm a little confused, hehe.
rcrystal 08-08-2006, 06:20 PM Thanks for everything but keke...it still doesn't work? http://rcrystal.livejournal.com . And hmmm invisible entries as in transparent :)....heehz, and I've also been trying to figure out how to position the entries to be pushed to the right so it aligns with the header, but unfortunately, the header isn't showing up either >.< Kekez, thanks so much and so sorry for bothering you so much.
bourdelson 08-08-2006, 06:46 PM Add this in between the <style> tags of your global head for transparent entry boxes:
table, tr, td, .shadowed {
background: transparent;
}
To adjust your entries, put this in between the style tags, adjusting the numbers as necessary:
/* change these numbers, must add up to 95% or less*/
table table {
width: 505px;
margin-left: 50px;
margin-right: 40%;
}
/* do NOT change these numbers */
table table table {
width: 100%;
margin:0;
}
table table table table {
width: auto;
}
I don't know why your header image isn't showing-- I just checked boomspeed and it is uploaded. [This reminds me, though: you should go to the img.headerimg, .headerimg and adjust those pixel positions, because those are at my pixel positions right now, hehe.]
Try putting this in the LASTN_WEBSITE and FRIENDS_WEBSITE right underneath the image tag.
<style type="text/css">
.shadowed td div {
visibility: hidden;
position: absolute;
top: 1px;
}
</style>
Try adding these things in and see if anything changes. :)
rcrystal 08-08-2006, 09:51 PM Thank you so much. My lj looks alot better than it was before now :)
bourdelson 08-08-2006, 10:07 PM You're welcome. Glad I could help you out. :)
|