my xanga site is boabawhales
and i got this html form the skin page, and i tried to modify it to suit me, but somehow there are problems... the mapping i am tring to do on the picture doesn't work... and also... i would like the body to have the width of the title pic (900 pix) but not the date bar, the lenght of the date bar is fine... another thing is... i'll like the scroll bar to be a normal one... not a modified one... thank you(>_<) *sigh* i know this is a lot of work to read through...but plz help me, thx. btw... plz tell me if you guyz think itz too much work and don't have time for it okay? so i don't sit here and wait for it^^" thx very very much
<!-- begin code provided by createblog.com -->
<!-- begin code provided by createblog.com -->
<div style="margin-top: -100px;margin-left:1px;">
<BGSOUND balance=0 src="http://webhd.yam.com/boabawhales/Music/07 My Love Will Be True.mp3"
volume=0 loop=infinite autostart="true">
<script language="JavaScript1.2">
<!--
/*
Screen resolution detection and notification Script-
?Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/
var correctwidth=1024
var correctheight=768
if (screen.width!=correctwidth||screen.height!=correctheight)
document.write("This webpage is bested viewed with screen resolution "+correctwidth+"*"+
correctheight+". Your current resolution is "+screen.width+"*"+screen.height+". Please change your
resolution to get the full effect of this site")
//-->
</script>
<!-- end code provided by createblog.com -->
<body link="9966cc" alink="ffff66" vlink="cc66cc">
<BR><BR><BR><BR><BR><BR><BR><BR><BR>
<img src="http://img55.photobucket.com/albums/v168/boabawhales/Ma%20work/xanga_title_pic.jpg">
<MAP NAME="akeys" WIDTH=900 HEIGHT=333 >
<AREA SHAPE="RECT" COORDS="12,330,119,320" HREF="http://www.xanga.com/home.aspx?user
=boabawhales" ALT="boabawhales" OnMouseOut="window.status=''; return true" OnMouseOver="
window.status=''; return true">
<AREA SHAPE="RECT" COORDS="51,113,115,103" HREF="http://www.xanga.com/contentlatest.
asp?tab=reviews&user=boabawhales" ALT="reviews" OnMouseOut="window.status=''; return true"
OnMouseOver="window.status=''; return true">
<AREA SHAPE="RECT" COORDS="143,271,224,207" HREF="http://www.xanga.com/private/
SubscribeTo.aspx?user=boabawhales" ALT="subscribe!" OnMouseOut="window.status=''; return true"
OnMouseOver="window.status=''; return true">
<AREA SHAPE="RECT" COORDS="284,142,338,131" http://www.xanga.com/contentlatest.asp?tab=
events&user=boabawhales" ALT="events" OnMouseOut="window.status=''; return true" OnMouseOve ="window.status=''; return true">
<AREA SHAPE="RECT" COORDS="493,34,542,44" HREF="http://www.xanga.com" ALT="Xanga"
OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true">
<AREA SHAPE="RECT" COORDS="522,236,630,246" HREF="http://www.xanga.com/private/home.
aspx?user=boabawhales" ALT="boabawhales" OnMouseOut="window.status=''; return true"
OnMouseOver="window.status=''; return true">
<AREA SHAPE="RECT" COORDS="647,187,678,177" HREF="http://www.xanga.com/register.aspx"
ALT="join" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return true">
<AREA SHAPE="RECT" COORDS="795,236,851,226" HREF="http://www.xanga.com/signin.aspx"
ALT="log in" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return
true">
<AREA SHAPE="RECT" COORDS="795,236,851,226" HREF="http://www.xanga.com/logout.aspx"
ALT="log out" OnMouseOut="window.status=''; return true" OnMouseOver="window.status=''; return
true">
</MAP>
<style type="text/css">
table.footer {display: none;}
body {
background-color: #ffffff;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #ffffff;
scrollbar-shadow-color: #A3D0E3;
scrollbar-face-color: #78B9D4;
scrollbar-highlight-color: #A3D0E3;
scrollbar-darkshadow-color: #78B9D4;
scrollbar-3dlight-color: #78B9D4;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 11px arial;
line-height:10px;
color:#000000
letter-spacing:0px;
text-align:justify;
}
table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;
}
.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: #000000;
}
div.blogheader, .caption {
/* edits the dates */
font-family:arial;
font-size:18pt;
line-height:justify;
width: 300;
font-weight:bold;
letter-spacing: -3px;
background-color:669966;
text-transform:lowercase;
color:#ffffff;
text-align: right;
padding-top:0pt;
padding-bottom:0pt;
padding-left:0pt;border:#000000 0px solid
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color: #9966cc
}
a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
color: #cc66cc;
}
a:hover {
/* edits when user mouseovers the links */
color:#ffff66;
}
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #000000;
font:normal 11px verdana;
background-color: #ffffff;
letter-spacing:0px;
color: #78B9D4;
}
table.left {
/* this edits the menu module */
width:180px;
background-color: #transparent;
}
table.blogbody {
/* this edits the other the place where the blog is */
border: none;
background-color: #transparent;
width:300px;
text-align: justify;
padding-left: 0px;
}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
{font-family:arial;
font-size:18pt;
line-height:justify;
font-weight:bold;
letter-spacing: -3px;
background-color:99cc66;
text-transform:lowercase;
color:#ffffff;
text-align: right;
padding-top:0pt;
padding-bottom:1pt;
padding-left:1pt;border:#000000 0px solid
}
table.left TD {
/* on your menu module, this edits the body part of it */
background-color: #000000;
border: none;
}
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: #transparent;
border: 1px solid #000000;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 1px solid #000000;
width: 300px;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 180;
text-align: right;
}
hr, .table.navigation, table.footer {display: none;}
</style>
<!-- end code provided by createblog.com -->
<!-- end code provided by createblog.com -->
(i copied the above into my "header html")
my email: boabawhales@hotmail.com
Full Version: more problems
hmm i think u dont put <img> u put something else leemme go check
thx for anyone who tried... i've got most of the things down... but i need to know how to get the body to the width of the image and (wider than the "date") and i need to get rid of the weird scroll bars.... here's the html now...
<!-- begin code provided by createblog.com -->
<!-- begin code provided by createblog.com -->
<div style="margin-top: -100px;margin-left:1px;">
<BGSOUND balance=0 src="http://webhd.yam.com/boabawhales/Music/07 My Love Will Be True.mp3"
volume=0 loop=infinite autostart="true">
<script language="JavaScript1.2">
<!--
/*
Screen resolution detection and notification Script-
?Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/
var correctwidth=1024
var correctheight=768
if (screen.width!=correctwidth||screen.height!=correctheight)
document.write("This webpage is bested viewed with screen resolution "+correctwidth+"*"+
correctheight+". Your current resolution is "+screen.width+"*"+screen.height+". Please change your
resolution to get the full effect of this site")
//-->
</script>
<!-- end code provided by createblog.com -->
<body link="9966cc" alink="ffff66" vlink="cc66cc">
<BR><BR><BR><BR><BR><BR><BR><BR><BR>
<img src="http://img55.photobucket.com/albums/v168/boabawhales/Ma%20work/xanga_title_pic.jpg" usemap="#akeys" border=0>
<MAP NAME="akeys">
<AREA SHAPE="RECT" COORDS="12,330,119,320" HREF="http://www.xanga.com/home.aspx?user=boabawhales" ALT="boabawhales">
<AREA SHAPE="RECT" COORDS="51,113,115,103" HREF="http://www.xanga.com/contentlatest.asp?tab=reviews&user=boabawhales" ALT="reviews">
<AREA SHAPE="RECT" COORDS="143,271,224,207" HREF="http://www.xanga.com/private/SubscribeTo.aspx?user=boabawhales" ALT="subscribe!">
<AREA SHAPE="RECT" COORDS="284,142,338,131" href="http://www.xanga.com/contentlatest.asp?tab=events&user=boabawhales" ALT="events">
<AREA SHAPE="RECT" COORDS="493,34,542,44" HREF="http://www.xanga.com" ALT="Xanga">
<AREA SHAPE="RECT" COORDS="522,236,630,246" HREF="http://www.xanga.com/private/home.aspx?user=boabawhales" ALT="boabawhales">
<AREA SHAPE="RECT" COORDS="647,187,678,177" HREF="http://www.xanga.com/register.aspx" ALT="join">
<AREA SHAPE="RECT" COORDS="795,236,851,226" HREF="http://www.xanga.com/signin.aspx" ALT="log in">
<AREA SHAPE="RECT" COORDS="823,251,893,242" HREF="http://www.xanga.com/logout.aspx" ALT="log out">
</MAP>
<style type="text/css">
table.footer {display: none;}
body {
background-color: #ffffff;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #ffffff;
scrollbar-shadow-color: #A3D0E3;
scrollbar-face-color: #78B9D4;
scrollbar-highlight-color: #A3D0E3;
scrollbar-darkshadow-color: #78B9D4;
scrollbar-3dlight-color: #78B9D4;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 11px arial;
line-height:10px;
color:#000000
letter-spacing:0px;
text-align:justify;
}
table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;
}
.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: #000000;
}
div.blogheader, .caption {
/* edits the dates */
font-family:arial;
font-size:18pt;
line-height:justify;
width: 300;
font-weight:bold;
letter-spacing: -3px;
background-color:669966;
text-transform:lowercase;
color:#ffffff;
text-align: right;
padding-top:0pt;
padding-bottom:0pt;
padding-left:0pt;border:#000000 0px solid
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color: #9966cc
}
a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
color: #cc66cc;
}
a:hover {
/* edits when user mouseovers the links */
color:#ffff66;
}
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #000000;
font:normal 11px verdana;
background-color: #ffffff;
letter-spacing:0px;
color: #78B9D4;
}
table.left {
/* this edits the menu module */
width:180px;
background-color: #transparent;
}
table.blogbody {
/* this edits the other the place where the blog is */
border: none;
background-color: #transparent;
width:300px;
text-align: justify;
padding-left: 0px;
}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
{font-family:arial;
font-size:18pt;
line-height:justify;
font-weight:bold;
letter-spacing: -3px;
background-color:99cc66;
text-transform:lowercase;
color:#ffffff;
text-align: right;
padding-top:0pt;
padding-bottom:1pt;
padding-left:1pt;border:#000000 0px solid
}
table.left TD {
/* on your menu module, this edits the body part of it */
background-color: #000000;
border: none;
}
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: #transparent;
border: 1px solid #000000;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 1px solid #000000;
width: 300px;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 180;
text-align: right;
}
hr, .table.navigation, table.footer {display: none;}
</style>
<!-- end code provided by createblog.com -->
<!-- end code provided by createblog.com -->
<!-- begin code provided by createblog.com -->
<!-- begin code provided by createblog.com -->
<div style="margin-top: -100px;margin-left:1px;">
<BGSOUND balance=0 src="http://webhd.yam.com/boabawhales/Music/07 My Love Will Be True.mp3"
volume=0 loop=infinite autostart="true">
<script language="JavaScript1.2">
<!--
/*
Screen resolution detection and notification Script-
?Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/
var correctwidth=1024
var correctheight=768
if (screen.width!=correctwidth||screen.height!=correctheight)
document.write("This webpage is bested viewed with screen resolution "+correctwidth+"*"+
correctheight+". Your current resolution is "+screen.width+"*"+screen.height+". Please change your
resolution to get the full effect of this site")
//-->
</script>
<!-- end code provided by createblog.com -->
<body link="9966cc" alink="ffff66" vlink="cc66cc">
<BR><BR><BR><BR><BR><BR><BR><BR><BR>
<img src="http://img55.photobucket.com/albums/v168/boabawhales/Ma%20work/xanga_title_pic.jpg" usemap="#akeys" border=0>
<MAP NAME="akeys">
<AREA SHAPE="RECT" COORDS="12,330,119,320" HREF="http://www.xanga.com/home.aspx?user=boabawhales" ALT="boabawhales">
<AREA SHAPE="RECT" COORDS="51,113,115,103" HREF="http://www.xanga.com/contentlatest.asp?tab=reviews&user=boabawhales" ALT="reviews">
<AREA SHAPE="RECT" COORDS="143,271,224,207" HREF="http://www.xanga.com/private/SubscribeTo.aspx?user=boabawhales" ALT="subscribe!">
<AREA SHAPE="RECT" COORDS="284,142,338,131" href="http://www.xanga.com/contentlatest.asp?tab=events&user=boabawhales" ALT="events">
<AREA SHAPE="RECT" COORDS="493,34,542,44" HREF="http://www.xanga.com" ALT="Xanga">
<AREA SHAPE="RECT" COORDS="522,236,630,246" HREF="http://www.xanga.com/private/home.aspx?user=boabawhales" ALT="boabawhales">
<AREA SHAPE="RECT" COORDS="647,187,678,177" HREF="http://www.xanga.com/register.aspx" ALT="join">
<AREA SHAPE="RECT" COORDS="795,236,851,226" HREF="http://www.xanga.com/signin.aspx" ALT="log in">
<AREA SHAPE="RECT" COORDS="823,251,893,242" HREF="http://www.xanga.com/logout.aspx" ALT="log out">
</MAP>
<style type="text/css">
table.footer {display: none;}
body {
background-color: #ffffff;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #ffffff;
scrollbar-shadow-color: #A3D0E3;
scrollbar-face-color: #78B9D4;
scrollbar-highlight-color: #A3D0E3;
scrollbar-darkshadow-color: #78B9D4;
scrollbar-3dlight-color: #78B9D4;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 11px arial;
line-height:10px;
color:#000000
letter-spacing:0px;
text-align:justify;
}
table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;
}
.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: #000000;
}
div.blogheader, .caption {
/* edits the dates */
font-family:arial;
font-size:18pt;
line-height:justify;
width: 300;
font-weight:bold;
letter-spacing: -3px;
background-color:669966;
text-transform:lowercase;
color:#ffffff;
text-align: right;
padding-top:0pt;
padding-bottom:0pt;
padding-left:0pt;border:#000000 0px solid
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color: #9966cc
}
a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
color: #cc66cc;
}
a:hover {
/* edits when user mouseovers the links */
color:#ffff66;
}
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #000000;
font:normal 11px verdana;
background-color: #ffffff;
letter-spacing:0px;
color: #78B9D4;
}
table.left {
/* this edits the menu module */
width:180px;
background-color: #transparent;
}
table.blogbody {
/* this edits the other the place where the blog is */
border: none;
background-color: #transparent;
width:300px;
text-align: justify;
padding-left: 0px;
}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
{font-family:arial;
font-size:18pt;
line-height:justify;
font-weight:bold;
letter-spacing: -3px;
background-color:99cc66;
text-transform:lowercase;
color:#ffffff;
text-align: right;
padding-top:0pt;
padding-bottom:1pt;
padding-left:1pt;border:#000000 0px solid
}
table.left TD {
/* on your menu module, this edits the body part of it */
background-color: #000000;
border: none;
}
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: #transparent;
border: 1px solid #000000;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 1px solid #000000;
width: 300px;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 180;
text-align: right;
}
hr, .table.navigation, table.footer {display: none;}
</style>
<!-- end code provided by createblog.com -->
<!-- end code provided by createblog.com -->
THX EVERYONE!!! I GOT EVERYTHING SOLVED^^" THANK YOU THANK YOU^^" I'LL TRY TO POST A SCREEN SHOT UP
Erm... maximum screenshots size is 550X500.
Just a reminder.
Just a reminder.
QUOTE
<script language="JavaScript1.2">
I thought that kind of js couldnt be used...
QUOTE
<script language="JavaScript1.2">
There needs 2 b a space between JavaScript and 1.2
QUOTE
<script language="JavaScript 1.2">
I dunno, @ least what I have/kno.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.