skin Options

[xTINAA]

i`m trying to create a skin using this image:
i`m having trouble coding it and doing the alignment. if i change the alignment for the "about me" area, the alignment for the blog area changes too and it all messes up. and in the blog area there is a horizontal scrollbar and i don`t know how to get rid of it. also, in the "about me" area, the font looks bolded and is centered when i preview it, is there any way to get rid of that? well here is my code, if you could please alter those things in my code it would be appreciated

CODE

<MAP NAME='imgmap'>
<AREA SHAPE='rect' COORDS='22,321,104,350' HREF='http://www.xanga.com/signin.asp' ALT='SIGN IN'>
<AREA SHAPE='rect' COORDS='127,320,215,347' HREF='http://www.xanga.com/default.aspx?mode=logout' ALT='LOG OUT'>
<AREA SHAPE='rect' COORDS='22,359,93,389' HREF='http://www.xanga.com/guestbook.aspx?user=angelichrissy' ALT='GUEST BOOK'>
<AREA SHAPE='rect' COORDS='19,398,113,429' HREF='http://www.xanga.com/Private/SubscribeTo.aspx?user=angelichrissy' ALT='SUBSCRIBE TO ME'>
<AREA SHAPE='rect' COORDS='18,434,90,464' HREF='http://www.xanga.com' ALT='XANGA.COM'>
<AREA SHAPE='rect' COORDS='145,359,215,382' HREF='http://www.xanga.com/claf/Default.asp' ALT='LOOK & FEEL'>
<AREA SHAPE='rect' COORDS='131,395,220,423' HREF='http://www.xanga.com/private/home.aspx' ALT='YOUR XANGA'>
<AREA SHAPE='rect' COORDS='145,435,217,458' HREF='http://www.xanga.com/Private/subs.aspx?' ALT='YOUR SUBSCRIPTIONS'>
</MAP>

<IMG SRC='http://img140.exs.cx/img140/5001/sexylayout2tp.gif' border=0 width=690 height=470 USEMAP='#imgmap'>

<!-- begin code provided by createblog.com -->
<div style="overflow: auto; width: 150px; height: 200px; margin-top: -150px; margin-left: 450px;">Add info about yourself here</div>
<!-- end code provided by createblog.com -->

<!-- begin code provided by createblog.com -->
<div style="overflow: auto; width: 200px; height:150px; margin-top: -200px; margin-left:-5px;">
<!-- end code provided by createblog.com -->

<style type="text/css">
table.navigation, table.footer { display:none; }
</style>

<style type="text/css">
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops
/* width of the comment page */
{width:245px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer
{display: none;}
</style>

<!-- begin code provided by createblog.com -->
<style type="text/css">
/* SEXY - M1SSxCHR1SSY*/
body
{background-color: #FFFFFF;

scrollbar-arrow-color: #COLOR CODE;
scrollbar-track-color: #COLOR CODE;
scrollbar-shadow-color: #COLOR CODE;
scrollbar-face-color: #COLOR CODE;
scrollbar-highlight-color: #COLOR CODE;
scrollbar-darkshadow-color: #COLOR CODE;
scrollbar-3dlight-color: #COLOR CODE;}

/* edits the date */
div.blogheader, .caption
{background-image: url();
background-repeat:no-repeat;
background-position:center;
font-family: VErdana;
text-transform:none;
font-size:12px;
line-height:12px;
font-weight:normal;
color:#000000;
letter-spacing:2px;
background-color:#FFFFFF;
text-align:center;
border:1px solid #FFFFFF;}

.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: #000000;}

input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #000000;
font:normal 16px VERDANA;
background-color: #FFFFFF;
font-color:#000000;}

table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;}

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: url();
background-color:none;
color: #000000;
font: bold 12pt VERDANA;
text-transform: none;
text-align:center;
border: #000000 1px solid;}

table.left {
/* this edits the menu module */
width:180px;
color:000000;
background-color:#FFFFFF;
BORDER: #000000 1px solid;}

font,td,p,xmp
{color:#000000
font-face: VERDANA;
font-weight:normal;
font-size:12pt;
text-align:justify;}

table.blogbody tr td {
/* this edits the left margin of blog */
width:0px;
padding-left: 0px;}

table.blogbody {
/* this edits the other the place where the  blog is */
background-color:transparent;
family-font:Verdana;
BORDER: #FFFFFF 1px solid;
width:175px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */

a:link
{line-height: 10pt;
font-family: VERDANA;
font-weight:normal;
color:#000000;
text-transform:none;
font-size:12pt;
cursor:none;}

a:active
{font-family: VERDANA;
color:#000000;
text-transform:none;
font-size:12pt;
cursor:none;}

a:visited
{font-family:VERDANA;
color:#000000;
text-transform:none;
text-decoration:none;
font-size:12pt;
cursor: none;}

A:hover {font-family:verdana;
color:#FFFFFF;
text-transform: uppercase;
cursor:none;
font-weight:bold;
font-size:12pt}</style>
<!-- end code provided by createblog.com -->

<!-- begin code provided by createblog.com -->
<style type="text/css">
div {

filter:chroma(color=#00FF00); /* here you are defining which color you want to be transparent in your scrollbars */

scrollbar-arrow-color: #000000;
scrollbar-face-color: #00FF00; /* transparent */
scrollbar-3dlight-color: #00FF00; /* transparent */
scrollbar-darkshadow-color: #00FF00; /* transparent */
scrollbar-highlight-color: #00FF00;
scrollbar-shadow-color: #00FF00;
scrollbar-track-color: #00FF00; /* transparent */
}
</style>
<!-- end code provided by createblog.com -->

[EDIT]
Can no one help?? =(
[/EDIT]

This post has been edited by M1SSxCHR1SSY: Dec 22 2004, 02:24 AM

[xTINAA]

okay i really really don`t mean to double post but i didn`t want to start a whole nother topic asking the same questions. but is there no one that can help me or that knows what i`m talking about?? pleaseee help me. thank you so much in advance and sorry for the double post...

[gelionie]

Someone will answer when they can help you...
just be patient

[kellyannie]

just postition your "about me" div first, and when you finish that then do the blog part. that happened to me also but just let it mess up while your doing the about me and fix it when your done.

and for the horizontal scrollbar you can either make the width of you blog smaller in your stylesheet or take out the scrollbar completly, which i think you use something like this: overflow-x: none;

[*mona lisa*]

well, the alignment for the blog area shouldn't change if you change the one for about me. don't forget to use negative numbers too.

[xTINAA]

well thanks for the help. but i still don`t get what to change. because it looks liek the DIV for the about me area is before the blog`s DIV but it still messes up and i tried putting the outflow thing in there t omake no horizontal scrollbar but it still wouldn`t work. oh well. thank you though.