Can this be done?, Please help :) Options

[Fonzoman]

On my XANGA I have a bunch of iPod's going down the left of the screen. I was wondering if there is a way of doing that but putting it in a actual code and having it on both sides not just the left side.

I hope you undersand that.

Here is the code I used if that will help:

<!-- begin code provided by createblog.com --><br /> <MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='27,253,157,275' HREF='/' ALT='Xanga'><br /><AREA SHAPE='rect' COORDS='162,255,291,276' HREF='/profile.aspx?user=Fonzoman' ALT='Fonzomans Profile'><br /><AREA SHAPE='rect' COORDS='295,255,426,276' HREF='/guestbook.aspx?user=Fonzoman' ALT='Fonzomans Guestbook'><br /><AREA SHAPE='rect' COORDS='430,254,561,276' HREF='/Private/SubscribeTo.aspx?user=Fonzoman' ALT='Subscribe to Me'><br /><AREA SHAPE='rect' COORDS='564,254,696,276' HREF='/CLAF' ALT='Look & Feel'><br /><AREA SHAPE='rect' COORDS='38,297,695,427' HREF='/Fonzoman' ALT='Fonzoman's Xanga'><br /></MAP><br /><br /><IMG SRC='http://img217.exs.cx/img217/2308/ipodskin1bm.png' border=0 width=723 height=435 USEMAP='#imgmap'><br /><br /><!-- begin code provided by createblog.com --><br /><br /><div style="overflow: auto; width: 900px; height: ###px; margin-top: ###px; margin-left: -220px;"> <br /><br /><!-- end code provided by createblog.com --><br /><br /><!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br />table.navigation, table.footer { display:none; }<br /></style><br /><br /><!-- end code provided by createblog.com --><br /><br /><!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops <br />/* width of the comment page */<br />{width:245px;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer <br />{display: none;} <br /></style><br /><br /><!-- end code provided by createblog.com --><br /><br /><!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br />/* iPod Photo- By Ryan*/<br />body <br />{background-color: #COLOR CODE;<br /><br />scrollbar-arrow-color: #COLOR CODE;<br />scrollbar-track-color: #COLOR CODE;<br />scrollbar-shadow-color: #COLOR CODE;<br />scrollbar-face-color: #COLOR CODE;<br />scrollbar-highlight-color: #COLOR CODE;<br />scrollbar-darkshadow-color: #COLOR CODE;<br />scrollbar-3dlight-color: #COLOR CODE;}<br /><br />/* edits the date */<br />div.blogfooter, .caption <br />{background-image: url();<br />background-repeat:no-repeat;<br />background-position:center;<br />font-family: FONT FAMILY;<br />text-transform:none;<br />font-size:#px;<br />line-height:#px;<br />font-weight:normal;<br />color:#COLOR CODE;<br />letter-spacing:2px;<br />background-color:#COLOR CODE;<br />text-align:center;<br />border:1px solid #COLOR CODE;}<br /><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color: #COLOR CODE;}<br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: #px solid #COLOR CODE;<br />font:normal #px FONT FAMILY;<br />background-color: #COLOR CODE;<br />font-color:#COLOR CODE;}<br /><br /> table.footer TD {<br />/* this makes the footer at the bottom centered */<br />/* leave it alone unless you know what to do*/<br />text-align: center;}<br /><br />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br />background-image: url();<br />background-color:none;<br />color: #COLOR CODE;<br />font: bold #pt FONT FAMILY;<br />text-transform: none;<br />text-align:center;<br />border: #COLOR CODE #px solid;}<br /> <br />table.left { <br />/* this edits the menu module */<br />width:180px;<br />color:000000;<br />background-color:#COLOR CODE;<br />BORDER: #COLOR CODE #px solid;}<br /><br />font,td,p,xmp<br />{color:#COLOR CODE;<br />font-face: FONT FAMILY;<br />font-weight:normal;<br />font-size:#pt;<br />text-align: center;}<br /><br />table.blogbody tr td { <br />/* this edits the left margin of blog */ <br />width:0px; <br />padding-left: 0px;} <br /><br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-color:transparent;<br />family-font: FONT FAMILY;<br />BORDER: #COLOR CODE #px solid;<br />width:###px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */ <br /><br />a:link<br />{line-height: #pt; <br />font-family: FONT FAMILY;<br />font-weight:normal; <br />color:#COLOR CODE; <br />text-transform:none;<br />font-size:#pt; <br />cursor:crosshair;}<br /><br />a:active<br />{font-family: FONT FAMILY; <br />color:#COLOR CODE; <br />text-transform:none;<br />font-size:#pt; <br />cursor:crosshair;}<br /><br />a:visited<br />{font-family: FONT FAMILY; <br />color:#COLOR CODE; <br />text-transform:none;<br />text-decoration:strikeout;<br />font-size:#pt;<br />cursor: crosshair;}<br /><br />A:hover {font-family:FONT FAMILY;<br />color:#COLOR CODE;<br />text-transform: uppercase; <br />cursor: crosshair; <br />font-weight:bold;<br />font-size:#pt}</style><br /><br /><!-- end code provided by createblog.com --><br /><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-color:#FFFFFF;<br />family-font: trebuchet ms;<br />BORDER: #C2C2C2 1px solid;<br />width:400px;}</style><br /><!-- end code provided by createblog.com --><br /><br /><!-- begin code provided by createblog.com --><br /><script><br />function openpopup(){<br />var popurl="http://img217.exs.cx/img217/2308/ipodskin1bm.png"<br />winpops=window.open(popurl,"","width=380,height=250,scrollbars,")<br />}<br /></script><br /><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

[Pulchritude]

uhh maybe you could put it as your backround image
put the url here in your code

<!-- begin code provided by createblog.com --><br />/* edits the date */<br />div.blogfooter, .caption <br />{background-image: url();<br />background-repeat:no-repeat;<br />background-position:center;<br />font-family: FONT FAMILY;<br />text-transform:none;<br />font-size:#px;<br />line-height:#px;<br />font-weight:normal;<br />color:#COLOR CODE;<br />letter-spacing:2px;<br />background-color:#COLOR CODE;<br />text-align:center;<br />border:1px solid #COLOR CODE;}<br /><br /><!-- end code provided by createblog.com -->

[Fonzoman]

That code didn't work

[antix10_kos]

if u have a seperate image that is just the row of iPods, upload it to your own host and then put the code into custom header and use margins to move it to the far right. i'll probably edit this later to make it more clear but xanga's acting up right now so i can't go to my testsite and mess with code and give u the actual code i'm talking about.

[Fonzoman]

Please respond!!!

[talcumpowder]

Do what antix10_kos said.
Use a div layer to move the ipod-image to the right.

CODE

<div align="right"></div>

[largosama]

use one as a background image and another as a div layer on the right with a repeating background image.

yea server lag

This post has been edited by largosama: Mar 20 2005, 02:21 AM