Help - Search - Members - Calendar
Full Version: I need help with headers and borders!
Forums > Resource Center > Support Center > Livejournal Support > Livejournal Resolved Topics
tiffanyco
Dec 29 2006, 01:31 PM
Here's my journal: http://funkytownosaka.livejournal.com/

I need help on putting on headers and borders. Which codes am I supposed to use?? I want a border around the outside of my entries. I seriously have no idea. So, if you can, please help! You'd be a really big help. Thanks for taking the time to read this! Hope you guys help! ;)
Mulder
Dec 29 2006, 02:55 PM
border outside each entry or border outside all of your entries?

try adding a border: _px value to table { and see if you like the result.

as for header, i'm assuming you mean a header image?

in your LASTN_WEBSITE, add
CODE
<style type="text/css">
<!--
.x {
position:absolute; left:0; top:0; z-index: -10; }
-->
</style>
<img
src="" class="x" width="#" height="#">


also, make sure you have a webpage url listed in your profile (manage-info)
tiffanyco
Dec 29 2006, 04:14 PM
I meant a border outside all of my entries. Sorry for not being clear. I wasn't exactly sure on how to explain it. >.< And, yeah, I did mean a header image. Sorry on that too. I'm not very familiar with LJ.
Thanks for the code. I'm still a little confused on where to put it though. I can't find "LASTIN_WEBSITE" in my code. Here's the code that's pasted into my journal:

QUOTE
FRIENDS_OPT_ITEMS=>25

DAY_TALK_LINKS=><P ALIGN="RIGHT"><FONT FACE="arial" SIZE=1>(%%readlink%%<A HREF="%%urlpost%%">share your thoughts</A>)</FONT></P>

LASTN_TALK_LINKS<=
<P ALIGN="right" CLASS="comments"><FONT FACE="Verdana,Arial,Helvetica"
SIZE=1>(%%readlink%%<A HREF="%%urlpost%%">share your thoughts</A>)</FONT></P>
<=LASTN_TALK_LINKS

GLOBAL_HEAD<=
<style type="text/css">


<!--
body {
background-color: e3e3d7;
background-image: url(http://img241.imageshack.us/img241/5876/yellowstripefw7.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: bottom-left;
}
-->


<!--
body {
scrollbar-base-color: e3e3d7;
scrollbar-track-color: e3e3d7;
scrollbar-face-color: e3e3d7;
scrollbar-highlight-color: e3e3d7;
scrollbar-3dlight-color: 2b2b27;
scrollbar-darkshadow-color: 2b2b27;
scrollbar-shadow-color: e3e3d7;
scrollbar-arrow-color: #2b2b27;
}
-->


<!--
}
b, strong {color: 123e60;}
i, em {color: a41b55; font-family: Georgia;}
u {color: 2b2b27;border-bottom: 2px double; border-bottom-color:e4e398;}
}
-->


<!--
body, td, font, div, p {
font-family: "Arial", "Tahoma", "Georgia", sans-serif;
font-size: 10pt;
}
-->


<!--
/* change these numbers, make them add up to 100 or less*/
table {
width: 50%;
margin-left: 25%;
margin-right: 25%;
border-color: 2b2b27;
}
/* don't change these numbers */
table table {
width: 100%;
margin:0;
}
table table table {
width: 0;
}
>-->

<!--
a:hover {
cursor: s-resize;
{color: e4e398; text-decoration: border-bottom: 2px double; border-bottom-color:a41b55;}
}
-->


</style>
<=GLOBAL_HEAD

FRIENDS_TALK_LINKS=><P ALIGN="RIGHT"><FONT FACE="arial" SIZE=1>(%%readlink%%<A HREF="%%urlpost%%">comment</A>)</FONT></P>

LASTN_OPT_ITEMS=>20

LASTN_TALK_READLINK=><A HREF="%%urlread%%">%%messagecount%% thought%%mc-plural-s%%</A> <img src="http://www.example.com/username/image.jpg">

FRIENDS_TALK_READLINK=><A HREF="%%urlread%%">%%messagecount%% thought%%mc-plural-s%%</A> |

DAY_TALK_READLINK=><A HREF="%%urlread%%">%%messagecount%% thought%%mc-plural-s%%</A> |

Whenever I try to post the code into my code, it disappears. Why do codes disappear in LJ?? It's confusing. I recogzine HTML codes and everything, but LJ doesn't cooperate with me.

QUOTE
<style type="text/css">
<!--
.x {
position:absolute; left:0; top:0; z-index: -10; }
-->
</style>
<xx-img
src="http://i130.photobucket.com/albums/p270/funkytownosaka/banner01.jpg" class="x" width="623" height="354">

Did I fill it in right?? Please continue to help me. Thankss. ;)
Mulder
Dec 29 2006, 11:03 PM
then just make a LASTN_WEBSITE

so, just paste this at the bottom:

CODE
LASTN_WEBSITE<=
<style type="text/css">
<!--
.x {
position:absolute; left:0; top:0; z-index: -10; }
-->
</style>
<xx-img
src="http://i130.photobucket.com/albums/p270/funkytownosaka/banner01.jpg" class="x" width="623" height="354">
<=LASTN_WEBSITE


ok, try this for the border
CODE
.entrybox {
border: 1px solid #DCDCDC;
}


see if thats what you want


---
i see you've switched to a plus account. in that case, you should use
CODE
table table {
border: 2px dotted #FFFFFF;
}
tiffanyco
Dec 30 2006, 04:25 AM
Thanks for the codes!!! ;D But...it still doesn't work. I have no idea what's going wrong. >.<
LJ hates me!! Ugh. Will you please see if there is anything wrong with my code?? I'm so confused. Thank you so much for helping me!!! Please continue. You're a really big help!!

CODE
FRIENDS_OPT_ITEMS=>25

DAY_TALK_LINKS=><P ALIGN="RIGHT"><FONT FACE="arial" SIZE=1>(%%readlink%%<A HREF="%%urlpost%%">share your thoughts</A>)</FONT></P>

LASTN_TALK_LINKS<=
<P ALIGN="right" CLASS="comments"><FONT FACE="Verdana,Arial,Helvetica"
SIZE=1>(%%readlink%%<A HREF="%%urlpost%%">share your thoughts</A>)</FONT></P>
<=LASTN_TALK_LINKS

GLOBAL_HEAD<=
<style type="text/css">


<!--
body {
background-color: e3e3d7;
background-image: url(http://img241.imageshack.us/img241/5876/yellowstripefw7.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: bottom-left;
}
-->


<!--
body {
scrollbar-base-color: e3e3d7;
scrollbar-track-color: e3e3d7;
scrollbar-face-color: e3e3d7;
scrollbar-highlight-color: e3e3d7;
scrollbar-3dlight-color: 2b2b27;
scrollbar-darkshadow-color: 2b2b27;
scrollbar-shadow-color: e3e3d7;
scrollbar-arrow-color: #2b2b27;
}
-->


<!--
}  
b, strong {color: 123e60;}
i, em {color: a41b55; font-family: Georgia;}
u {color: 2b2b27;border-bottom: 2px double; border-bottom-color:e4e398;}
}
-->

<!--
table table {
border: 2px dotted #2b2b27;
}
-->

<!--
body, td, font, div, p {
font-family: "Arial", "Tahoma", "Georgia", sans-serif;
font-size: 10pt;
}
-->


<!--
/* change these numbers, make them add up to 100 or less*/
table {
width: 50%;
margin-left: 25%;
margin-right: 25%;
border-color: 2b2b27;
}
/* don't change these numbers */
table table {
width: 100%;
margin:0;
}
table table table {
width: 0;
}
>-->

<!--
a:hover {
cursor: s-resize;
{color: e4e398; text-decoration: border-bottom: 2px double; border-bottom-color:a41b55;}
}
-->


</style>
<=GLOBAL_HEAD

FRIENDS_TALK_LINKS=><P ALIGN="RIGHT"><FONT FACE="arial" SIZE=1>(%%readlink%%<A HREF="%%urlpost%%">comment</A>)</FONT></P>

LASTN_OPT_ITEMS=>20

LASTN_TALK_READLINK=><A HREF="%%urlread%%">%%messagecount%% thought%%mc-plural-s%%</A> <img src="http://www.example.com/username/image.jpg">

FRIENDS_TALK_READLINK=><A HREF="%%urlread%%">%%messagecount%% thought%%mc-plural-s%%</A> |

LASTN_WEBSITE<=
<style type="text/css">
<!--
.x {
position:absolute; left:0; top:0; z-index: -10; }
-->
</style>
<xx-img
src="http://i130.photobucket.com/albums/p270/funkytownosaka/banner01.jpg" class="x" width="623" height="354">
<=LASTN_WEBSITE

DAY_TALK_READLINK=><A HREF="%%urlread%%">%%messagecount%% thought%%mc-plural-s%%</A> |
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.