Log In · Register

 
imagemap background without left module, help me please!
karen-x
post Oct 6 2007, 04:04 AM
Post #1


Newbie
*

Group: Member
Posts: 7
Joined: Oct 2007
Member No: 580,739
hello(:
i am a beginner in making layout for xanga,
and heres my site, currently with the layout i made.
my xanga.

the problem is, whenever i try to remove the left module,
(which makes everything looks much much better! :D)
the whole blog disappears.

folloing code is WITH the module removing code.
CODE
<script type='text/javascript'>
document.title = ('x. Scarlett Love .x');
</script>
<style type="text/css">
/* Scarlett Love*/
body
{background-color: #000000;

scrollbar-arrow-color: #000000;
scrollbar-track-color: #9e9898;
scrollbar-shadow-color: #9e9898;
scrollbar-face-color: #9e9898;
scrollbar-highlight-color: #9e9898;
scrollbar-darkshadow-color: #9e9898;
scrollbar-3dlight-color: #9e9898;}

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

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

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

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 8pt georgia;
text-transform: none;
text-align:center;
border: #000000 0px solid;}

table.left {
/* this edits the menu module */
width:180px;
color:transparent;
background-color:transparent;
BORDER: #COLOR CODE #px solid;}

font,td,p,xmp
{color:#FFFFFF;
font-face: Times New Roman;
font-weight:normal;
font-size:8pt;
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: Georgia;
BORDER: #COLOR CODE #px solid;
width:635px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */

a:link
{line-height: 15pt;
font-family: georgia;
font-weight:normal;
color:#FFFFFF;
text-transform:none;
font-size:10pt;
cursor:crosshair;}

a:active
{font-family: georgia;
color:#FFFFFF;
text-transform:none;
font-size:10pt;
cursor:crosshair;}

a:visited
{font-family: georgia;
color:#FFFFFF;
text-transform:none;
text-decoration:strikeout;
font-size:10pt;
cursor: crosshair;}

A:hover {font-family:arial;
color:#000000;
text-transform: uppercase;
cursor: crosshair;
font-weight:bold;
font-size:12pt}</style>
<html>
<!-- ImageReady Slices (scarlet11.jpg) -->
<img src="http://i21.tinypic.com/28bbd5k.jpg" width="750" height="900" border="0" alt="" usemap="#scarlet11_Map">
<map name="scarlet11_Map">
<area shape="rect" alt="" coords="382,422,393,432" href="http://www.xanga.com/logout.aspx" target="_parent">
<area shape="rect" alt="" coords="372,422,382,433" href="http://karen-x.createblog.com/" target="_blank">
<area shape="rect" alt="" coords="361,421,372,431" href="http://www.xanga.com/connect.aspx?user=YOURUSERNAME" target="_blank">
<area shape="rect" alt="" coords="350,421,361,431" href="http://www.xanga.com/Private/subs.aspx" target="_self">
<area shape="rect" alt="" coords="340,421,350,432" href="http://www.xanga.com/private/yourhome.aspx?user=YOURUSERNAME" target="_self">
</map>
<!-- End ImageReady Slices -->
</html>
<style type="text/css">
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone,
/* 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>
<style type="text/css">
table.navigation, table.footer { display:none; }
</style>
<div style="overflow: auto; width: 680px; height: 420px; margin-top: -450px; margin-left: 10px;">


yea. and it wont work:(


please help me?

thanks. xx
 
 
 Start new topic
Replies
*IVIike*
post Oct 7 2007, 03:09 PM
Post #2





Guest
http://www.xanga.com/star_princess1314

thats her xanga
 

Posts in this topic
karen-x   imagemap background without left module   Oct 6 2007, 04:04 AM
IVIike   use this code CODE<style type='text/css...   Oct 6 2007, 07:04 AM
karen-x   QUOTE(IVIike @ Oct 6 2007, 08:04 PM) use ...   Oct 6 2007, 08:59 AM
IVIike   I saw that you submitted the layout, and it looks ...   Oct 7 2007, 12:11 AM
karen-x   QUOTE(IVIike @ Oct 7 2007, 01:11 PM) I sa...   Oct 7 2007, 12:24 AM
IVIike   just use the code you posted on cB that will work   Oct 7 2007, 12:32 AM
karen-x   nope, it just somehow doesnt.   Oct 7 2007, 08:49 AM
digitalfragrance   Make sure you are viewing the "Public" v...   Oct 7 2007, 01:23 PM
IVIike   http://www.xanga.com/star_princess1314 thats her ...   Oct 7 2007, 03:09 PM
karen-x   omg guys(: i got it. its something in my profile t...   Oct 9 2007, 07:35 AM

« Next Oldest · Graphics Help Resolved Topics · Next Newest »
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Switch to: Standard · Switch to: Linear+ · Outline

Track this topic · Email this topic · Print this topic