diplaying an image Options

[pinayQT92]

how do i display and image in my xanga b/c i have this skin that wont allow pictures to go on it [with the background image url thingy] does anybody have a code instead?

[ladyxdiscord]

like can you show me the code of your skin?

[pinayQT92]

<!-- Created by CuteMAP -->
<!-- Visit us at <a href='http://www.globalscape.com' target='_blank'>http://www.globalscape.com</a> -->
<!-- Beginning of CSIM -->
<IMG SRC="http://img71.photobucket.com/albums/v216/M_yF_iNaLF_aNtasY/angelofhope.jpg" USEMAP="#skyangelcopy.jpg" WIDTH=654 HEIGHT=504 BORDER=0>
<MAP NAME="skyangelcopy.jpg">
<AREA SHAPE=RECT COORDS="68,3,158,35" HREF="http://www.xanga.com/signin.asp" ALT="sign in">
<AREA SHAPE=RECT COORDS="175,1,330,35" HREF="http://www.xanga.com/Private/SubscribeTo.aspx?user=YOURSNHERE" ALT="subscribe to me">
<AREA SHAPE=RECT COORDS="344,0,444,36" HREF="http://www.xanga.com/profile.aspx?user=YOURSNHERE" ALT="my profile">
<AREA SHAPE=RECT COORDS="456,0,565,37" HREF="http://www.xanga.com/CLAF/default.asp" ALT="look & feel">
<AREA SHAPE=RECT COORDS="57,458,147,495" HREF="http://www.xanga.com/contentlatest.asp?tab=reviews&user=YOURSNHERE" ALT="reviews">
<AREA SHAPE=RECT COORDS="163,458,240,495" HREF="http://www.xanga.com/contentlatest.asp?tab=events&user=YOURSNHERE" ALT="events">
<AREA SHAPE=RECT COORDS="254,458,328,496" HREF="http://www.xanga.com" ALT="xanga">
<AREA SHAPE=RECT COORDS="335,458,458,496" HREF="http://www.xanga.com/private/subscriptions.aspx" ALT="subscriptions">
<AREA SHAPE=RECT COORDS="467,458,553,497" HREF="http://www.xanga.com/logout.asp" ALT="sign out">
<AREA SHAPE=RECT COORDS="135,484,135,484">
</map>
<!-- End of CSIM -->



<STYLE TYPE="text/css">p {align=justify}
BODY{cursor: url(http://www3.telus.net/wilsoncheung/cursor.ani);}
a {cursor: url(http://www3.telus.net/wilsoncheung/cursor.ani);}
</style>


<script>document.title="Angel of Hope";</script>


<style type="text/css">
/* Angel of Hope */
/* by M_yF_iNaLF_aNtasY */
/* <a href='http://blogring' target='_blank'>http://blogring</a> */
body {
background-color: lightblue;
background-image: url('');
background-attachment: fixed;
background-repeat: no repeat;
scrollbar-arrow-color: lightblue;
scrollbar-track-color: black;
scrollbar-shadow-color: black;
scrollbar-face-color: black;
scrollbar-highlight-color: black;
scrollbar-darkshadow-color: black;
scrollbar-3dlight-color: black;
}

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 11px arial;
line-height: 12px;
color:black;
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;
}

div.blogheader, .caption {
/* edits the dates */
font-family:century gothic;
text-transform:lowercase;
font-size: 10pt;
line-height: 12px;
font-weight: normal;
color: #999999;
letter-spacing:0.5px;
background-color: transparent;
text-align: left;
filter: alpha (opacity=60; style=0);
}

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
font-family: arial;
font-size: 11px;
color:blue;
text-decoration: none;
}

a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
font-family: arial;
font-size:11px;
color: red;
text-decoration: none;
}

a:hover {
/* edits when user mouseovers the links */
font-family: arial;
font-size:11px;
color:red;
text-transform: bold;
cursor-type: crosshair;

}

input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid gray;
font:normal 11px arial;
background-color: #FFFFFF;
letter-spacing:0px;
color: #999999;
}


table.blogbody {
/* this edits the other the place where the blog is */
border: 1px solid gray;
background-color: #FFFFFF;
width: 218px;
filter: alpha(opacity=60, style=0);
}



table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
width: 90px;
background-color: #FFFFFF;
border: 1px solid gray;
filter: alpha (opacity=60, style=0);
}

table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 0px solid gray;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 70px;
}
hr {
/* horizontal divider */
border: 1px solid lightblue;
}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer {display: none;}
}

table.main, table.announcements {width:238;}
table.search TD, table.search {display:none;}
</style>



<div align=left><DIV style="margin-top: -430px;
margin-left:320px;
width:260px;
OVERFLOW: auto;
height:350px;
BACKGROUND-COLOR: transparent">

[pinayQT92]

i want the image on the bottom right corner

[ladyxdiscord]

<style type="text/css">
/* Angel of Hope */
/* by M_yF_iNaLF_aNtasY */
/* <a href='http://blogring' target='_blank'>http://blogring</a> */
body {
background-color: lightblue;
background-image: url('');
background-attachment: fixed;
background-repeat: no repeat;
scrollbar-arrow-color: lightblue;
scrollbar-track-color: black;
scrollbar-shadow-color: black;
scrollbar-face-color: black;
scrollbar-highlight-color: black;
scrollbar-darkshadow-color: black;
scrollbar-3dlight-color: black;
}


see where it says:

background-image: url('');

place the URL between '' so it would be like:

background-image: url('URL OF IMAGE');

This post has been edited by ladyxdiscord: Aug 26 2004, 04:15 PM

[pinayQT92]

thank you