not sure where this is supposed to go..., but I need some help! Options

[kayleigh]

Yeah, like the title says, I'm not sure which Xanga area this is supposed to go in, but... hey, at least I'm in the right general area! :oD

Anyway... ok, I don't have Premium, but I know there's a way to put a background image in my entry box, I just don't know how to do it... if anyone could give me a code, I'd appreciate it. I've been searching around here, and I've come up with nothing useful--just a headache.

I'm not sure if I'm being specific enough... ummm I can provide a link to my xanga, if necessary..?? But, basically, I have my xanga entries boxed in so the entire page is one background image and then my entries are just a separate color... but, I'd like to make the entries an image, I just don't know how to do that. Make sense?? :o\

[Kenado]

Try this

CODE

<style type="text/css">table.blogbody {
/* this edits the other the place where the  blog is */
background-image: url (Url here);
}</style>

[kayleigh]

Didn't work... should I delete the background color that I have on there now? Will that make a difference?

[talcumpowder]

Lemme see if I understand this... I do suffer from temporary brain lapses sometimes. You have your entries in a scrollbox kind of boxed in or just you have borders on them? Because if you have them in a scrollbox, then you can have a background for the entire box.

[kayleigh]

I just.... have it in a box... not a scrollbox, I just have a dashed line around it. I'm no html genius, I don't do scrollboxes and fancy stuff. Here... http://www.xanga.com/MissKay37 <--That's my site, simple and boring. I just wanted to know if I could put an image inside the box where my entry is...

...and, while I'm at it, if I could even put one behind where my profile pic and info is.... although I can save that for another day if I have to. :o)

[kayleigh]

I just.... have it in a box... not a scrollbox, I just have a dashed line around it. I'm no html genius, I don't do scrollboxes and fancy stuff. Here... http://www.xanga.com/MissKay37 <--That's my site, simple and boring. I just wanted to know if I could put an image inside the box where my entry is...

...and, while I'm at it, if I could even put one behind where my profile pic and info is.... although I can save that for another day if I have to. :o)


//Edit :: Oops!! I didn't mean to double post this!! Sorry!! :oX

[Kenado]

Try this one

CODE

<style type="text/css">
table.blogbody{background-image: url(URL);
background-repeat: repeat;
background-position: center;}</style>

[kayleigh]

That worked--yay, thanks!

Now, is there a simple way to also get it to work for the left module? :oD Hehe...

If not, no big deal, I'll live!

[Mulder]

use a stylesheet

you can customize almost everything

but for the modules, you're looking for this

CODE

<style type='text/css'>
table.left {
/* this edits the menu module */
width:180px;
color:000000;
background-color:#COLOR CODE;
BORDER: #COLOR CODE #px solid;}
</style>

heres the full stylesheet

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br />/* Name of Your Skin - By You*/<br />body <br />{background-color: #COLOR CODE;<br /><br />scrollbar-arrow-color: #COLOR CODE;<br />scrollbar-track-color: #COLOR CODE;<br />scrollbar-shadow-color: #COLOR CODE;<br />scrollbar-face-color: #COLOR CODE;<br />scrollbar-highlight-color: #COLOR CODE;<br />scrollbar-darkshadow-color: #COLOR CODE;<br />scrollbar-3dlight-color: #COLOR CODE;}<br /><br />/* edits the date */<br />div.blogheader, .caption <br />{background-image: url();<br />background-repeat:no-repeat;<br />background-position:center;<br />font-family: FONT FAMILY;<br />text-transform:none;<br />font-size:#px;<br />line-height:#px;<br />font-weight:normal;<br />color:#COLOR CODE;<br />letter-spacing:2px;<br />background-color:#COLOR CODE;<br />text-align:center;<br />border:1px solid #COLOR CODE;}<br /><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color: #COLOR CODE;}<br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: #px solid #COLOR CODE;<br />font:normal #px FONT FAMILY;<br />background-color: #COLOR CODE;<br />font-color:#COLOR CODE;}<br /><br /> table.footer TD {<br />/* this makes the footer at the bottom centered */<br />/* leave it alone unless you know what to do*/<br />text-align: center;}<br /><br />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br />background-image: url();<br />background-color:none;<br />color: #COLOR CODE;<br />font: bold #pt FONT FAMILY;<br />text-transform: none;<br />text-align:center;<br />border: #COLOR CODE #px solid;}<br /> <br />table.left { <br />/* this edits the menu module */<br />width:180px;<br />color:000000;<br />background-color:#COLOR CODE;<br />BORDER: #COLOR CODE #px solid;}<br /><br />font,td,p,xmp<br />{color:#COLOR CODE;<br />font-face: FONT FAMILY;<br />font-weight:normal;<br />font-size:#pt;<br />text-align:justify;}<br /><br />table.blogbody tr td { <br />/* this edits the left margin of blog */ <br />width:0px; <br />padding-left: 0px;} <br /><br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-color:transparent;<br />family-font: FONT FAMILY;<br />BORDER: #COLOR CODE #px solid;<br />width:###px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */ <br /><br />a:link<br />{line-height: #pt; <br />font-family: FONT FAMILY;<br />font-weight:normal; <br />color:#COLOR CODE; <br />text-transform:none;<br />font-size:#pt; <br />cursor:crosshair;}<br /><br />a:active<br />{font-family: FONT FAMILY; <br />color:#COLOR CODE; <br />text-transform:none;<br />font-size:#pt; <br />cursor:crosshair;}<br /><br />a:visited<br />{font-family: FONT FAMILY; <br />color:#COLOR CODE; <br />text-transform:none;<br />text-decoration:strikeout;<br />font-size:#pt;<br />cursor: crosshair;}<br /><br />A:hover {font-family:FONT FAMILY;<br />color:#COLOR CODE;<br />text-transform: uppercase; <br />cursor: crosshair; <br />font-weight:bold;<br />font-size:#pt}</style><br /><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

[kayleigh]

Ummm yeah, I have no clue about style sheets 8-\

Just a simple way to put an image on the menu side...? If "simple" is possible.

[Kenado]

CODE

<style type='text/css'>
table.left
/* this edits the menu module */
{background-image: url(URL);
background-repeat: repeat;
background-position: center;}</
</style>

Here try this for the module.