I need help.., I'm making a skin Options

[ginsay23]

alright well right now I am making a skin and well I have my codes in my custom module and everything and I was moving my blog so that it would fit in the box I made for it and it moved my background and now I cant see all of my background. How do I make it so that my whole background is where it's suppose to be?

[talcumpowder]

I need to see your codes. In a codebox, please.

[ginsay23]

okay here they are...

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><img src="http://i8.photobucket.com/albums/a12/joelstwin23/PATD.jpg"><br /><!-- end code provided by createblog.com --><br /><br /><div style="overflow: auto; width: 140px; height: 140px; margin-top: 100px; margin-left: 200px;">This is PANIC THAGHSKGHSKSkjk<br />sljsklgjs<br />sjlgsjkgsf<br />jlsgjslkgjslkj <br />ljaglsj<br />jklsjg<br />sgjlskjgs<br />lsjgsk<br />g<br />'sjglskgjslsjflgfjlskg<br />sjglsfjkgsfjlf</div><br /><br /><!-- begin code provided by createblog.com --><br /><div style="overflow: auto; width: 330px; height: 340px; margin-top: -200px; margin-left: -380px;"> <br /><!-- end code provided by createblog.com --><br /><br /><!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br />table.navigation, table.footer { display:none; }<br /></style><br /><br /><!-- end code provided by createblog.com --><br /><br /><br /><!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone,<br />/* width of the comment page */<br />{width:245px;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer <br />{display: none;} <br /></style><br /><br /><!-- end code provided by createblog.com --><br /><br /><br /><!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br />/* Name of Your Skin - PANIC! AT THE DISCO*/<br />body <br />{background-color: #000000;<br /><br />scrollbar-arrow-color: #FFFFFF;<br />scrollbar-track-color: #transparent;<br />scrollbar-shadow-color: #000000;<br />scrollbar-face-color: #083820;<br />scrollbar-highlight-color: #FFFF00;<br />scrollbar-darkshadow-color: #FFFFFF;<br />scrollbar-3dlight-color: #FFFF00;}<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: verdana;<br />text-transform:none;<br />font-size:12#px;<br />line-height:5#px;<br />font-weight:normal;<br />color:#FFFFFF;<br />letter-spacing:2px;<br />background-color:#000000;<br />text-align:center;<br />border:1px solid #FFFF00;}<br /><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color: #FFFFFF;}<br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: #px solid #FFFFFF;<br />font:normal #px FFFF00;<br />background-color: #000000;<br />font-color:#FFFF00;}<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:#FFFF00;<br />font-face: Verdana;<br />font-weight:normal;<br />font-size:10#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: verdana;<br />BORDER: #FFFFFf #2px solid;<br />width:315px;} /* <-- 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: #2pt; <br />font-family: verdana;<br />font-weight:normal; <br />color:#FFFF00; <br />text-transform:uppercase;<br />font-size:#9pt; <br />cursor:crosshair;}<br /><br />a:active<br />{font-family: verdana; <br />color:#004000; <br />text-transform:lowercase;<br />font-size:#9pt; <br />cursor:crosshair;}<br /><br />a:visited<br />{font-family: Verdana; <br />color:#888888; <br />text-transform:none;<br />text-decoration:strikeout;<br />font-size:#9pt;<br />cursor: crosshair;}<br /><br />A:hover {font-family:Verdana;<br />color:#FFFFFF;<br />text-transform: uppercase; <br />cursor: crosshair; <br />font-weight:bold;<br />font-size:#9pt}</style><br /><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

[talcumpowder]

Main images doesn't move.
If you really don't want it to move, define it as your background images, you don't have image mapping.

<!-- begin code provided by createblog.com --><br /><img src="http://i8.photobucket.com/albums/a12/joelstwin23/PATD.jpg"><br /><br /><div style="overflow: auto; width: 140px; height: 140px; margin-top: 100px; margin-left: 200px;">This is PANIC THAGHSKGHSKSkjk<br />sljsklgjs<br />sjlgsjkgsf<br />jlsgjslkgjslkj <br />ljaglsj<br />jklsjg<br />sgjlskjgs<br />lsjgskg<br />'sjglskgjslsjflgfjlskg<br />sjglsfjkgsfjlf<br /></div><br /><br /><style type="text/css"><br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone,<br />/* width of the comment page */<br />{width:245px;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer <br />{display: none;} <br /></style><br /><br /><style type="text/css"><br />/* Name of Your Skin - PANIC! AT THE DISCO*/<br />body <br />{background-color: #000000;<br /><br />scrollbar-arrow-color: #FFFFFF;<br />scrollbar-track-color: #transparent;<br />scrollbar-shadow-color: #000000;<br />scrollbar-face-color: #083820;<br />scrollbar-highlight-color: #FFFF00;<br />scrollbar-darkshadow-color: #FFFFFF;<br />scrollbar-3dlight-color: #FFFF00;}<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: verdana;<br />text-transform:none;<br />font-size:12#px;<br />line-height:5#px;<br />font-weight:normal;<br />color:#FFFFFF;<br />letter-spacing:2px;<br />background-color:#000000;<br />text-align:center;<br />border:1px solid #FFFF00;}<br /><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color: #FFFFFF;}<br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: #px solid #FFFFFF;<br />font:normal #px FFFF00;<br />background-color: #000000;<br />font-color:#FFFF00;}<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:#FFFF00;<br />font-face: Verdana;<br />font-weight:normal;<br />font-size:10#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: verdana;<br />BORDER: #FFFFFf #2px solid;<br />width:315px;} /* <-- 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: #2pt; <br />font-family: verdana;<br />font-weight:normal; <br />color:#FFFF00; <br />text-transform:uppercase;<br />font-size:#9pt; <br />cursor:crosshair;}<br /><br />a:active<br />{font-family: verdana; <br />color:#004000; <br />text-transform:lowercase;<br />font-size:#9pt; <br />cursor:crosshair;}<br /><br />a:visited<br />{font-family: Verdana; <br />color:#888888; <br />text-transform:none;<br />text-decoration:strikeout;<br />font-size:#9pt;<br />cursor: crosshair;}<br /><br />A:hover {font-family:Verdana;<br />color:#FFFFFF;<br />text-transform: uppercase; <br />cursor: crosshair; <br />font-weight:bold;<br />font-size:#9pt}<br /></style><br /><br /><div style="overflow: auto; width: 330px; height: 340px; margin-top: -700px; margin-left: -380px;"><br /><!-- end code provided by createblog.com -->

[ginsay23]

i know cause i dont have photo shop or anything like thta just paint...i didn't know that mattered but thank you for that code :-D

EDIT
alright now i have another problem...i edited the positioning of additional boxes and it moved the positioning of my blog body...is it doing this because of the mapping thing? if it is, is there a way to alter the code so it does move the blogbody and keeps it in place and still allows me to move around multiple add on modules? heres my codes now

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><img src="http://i8.photobucket.com/albums/a12/joelstwin23/PATD.jpg"><br /><br /><div style="overflow: auto; width: 140px; height: 140px; margin-top: 140px; margin-left: 140px;"><b>About Me</b><br>Name: John Smith<br>Age: 20<br>Birthday: January 1<br>Hobbies: Farting<Br>Expertise: Computer Programming</div><br /><br /><style type="text/css"><br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone,<br />/* width of the comment page */<br />{width:245px;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer <br />{display: none;} <br /></style><br /><br /><style type="text/css"><br />/* Name of Your Skin - PANIC! AT THE DISCO*/<br />body <br />{background-color: #000000;<br /><br />scrollbar-arrow-color: #FFFFFF;<br />scrollbar-track-color: #transparent;<br />scrollbar-shadow-color: #000000;<br />scrollbar-face-color: #083820;<br />scrollbar-highlight-color: #FFFF00;<br />scrollbar-darkshadow-color: #FFFFFF;<br />scrollbar-3dlight-color: #FFFF00;}<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: verdana;<br />text-transform:none;<br />font-size:12#px;<br />line-height:5#px;<br />font-weight:normal;<br />color:#FFFFFF;<br />letter-spacing:2px;<br />background-color:#000000;<br />text-align:center;<br />border:1px solid #FFFF00;}<br /><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color: #FFFFFF;}<br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: #px solid #FFFFFF;<br />font:normal #px FFFF00;<br />background-color: #000000;<br />font-color:#FFFF00;}<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:#FFFF00;<br />font-face: Verdana;<br />font-weight:normal;<br />font-size:10#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: verdana;<br />BORDER: #FFFFFf #2px solid;<br />width:315px;} /* <-- 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: #2pt; <br />font-family: verdana;<br />font-weight:normal; <br />color:#FFFF00; <br />text-transform:uppercase;<br />font-size:#9pt; <br />cursor:crosshair;}<br /><br />a:active<br />{font-family: verdana; <br />color:#004000; <br />text-transform:lowercase;<br />font-size:#9pt; <br />cursor:crosshair;}<br /><br />a:visited<br />{font-family: Verdana; <br />color:#888888; <br />text-transform:none;<br />text-decoration:strikeout;<br />font-size:#9pt;<br />cursor: crosshair;}<br /><br />A:hover {font-family:Verdana;<br />color:#FFFFFF;<br />text-transform: uppercase; <br />cursor: crosshair; <br />font-weight:bold;<br />font-size:#9pt}<br /></style><br /><br /><div style="overflow: auto; width: 350px; height: 300px; margin-top: -530px; margin-left: -330px;"><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

[ginsay23]

i dont know if anyone saw my edit from last night ^ sorry if it's against t he rules to bump

[talcumpowder]

Please read the rules.
[ http://www.createblog.com/forums/index.php?showtopic=6681 ]

BUMPING IN XANGA HELP
Bumping shall be permitted if and ONLY if...
A) Your topic has not been replied in for over three days, regardless of what page it's on.
B) You topic is past PAGE FOUR regardless of when the last post was.

So yeah.
And you always position your modules/sidebar whatever you wanna call it before the blog.

[ginsay23]

i do have that module before the blog positioning...the blogs all the way at the bottom and the module is at the top...does the module have to be right before the blog?

[talcumpowder]

No.... I mean you put it where you want it before you start moving around your blog. Then you adjust your blog.
And your modules/sidebar has to be anywhere before your blog positioning, doesn't particularly matter where.

[ginsay23]

alright well i did that, and now when i go and change where i want it positioned it doesnt move where i want it to go :-/ is this cause i dont have mapping?