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
*digitalfragrance*
post Oct 7 2007, 01:23 PM
Post #2





Guest
Make sure you are viewing the "Public" view of your Xanga. Also, could you post the link to your Xanga so we can see what's going on besides the coding?
 

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