Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2

Thread: eBay Template

  1. #1
    New to the CF scene
    Join Date
    Mar 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    eBay Template

    Hi Guys

    Having no coding experience at all but not wanting to pay to have an eBay template made up I decided to have a crack at doing one myself. I've peiced together some code and got it looking how I want and I'm pretty happy with how it looks.

    I'm using Imageshack to host it for now but will look to get some proper hosting when its finished.

    That said I'm having an issue I'm hoping someone would be kind enough to help me out with, the DIV lines are showing on the template for some reason?

    The link to my template is here:

    http://cgi.ebay.co.uk/ws/eBayISAPI.d...e=STRK:MESE:IT
    Last edited by A2H GO; 03-05-2012 at 05:27 PM.

  • #2
    New to the CF scene
    Join Date
    Mar 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Second half of code here:

    Code:
    </STYLE>
    <STYLE type=text/css>
    div, td {border-style: dotted; border-color: gray; border-width: 1px;}
    /*JS Container CSS Properties For MultiPage Gallery*/
    .slideshow{ /*CSS for DIV containing each image*/
    /*margin: 0 auto; */
    }
    .slideshow img{ /*Change "auto" below to a number (ie: 200px) to hard code dimensions of album images*/
    }
    #PicCage{ 
    float: left; 
    margin: 10;
    } 
     
    #navlinks{ /*CSS for DIV containing the navigational links*/
    text-decoration: none;
    }
    #navlinks a{ /*CSS for each navigational link*/
    a:link, a:visited:text-decoration:underline; a:hover:text-decoration:none;
    margin-right: 2px;
    margin-bottom: 3px;
    padding: 1px;
    background-color: white;
    color: black;
    border: 1px Solid white;
    font-size: 110%;
    text-decoration: none;
    }
    #navlinks a.current{ /*CSS for currently selected navigational link*/
    padding: 5px;
    background-color: black;
    color: white;
    text-decoration: none;
    }
    #ThumbCage{ 
    } 
    .1c1f0a2Y3r5o-7t1c6-a3F8G-6n2i4-t7s8i-9L9T3-h7g6i-2r4y8-p5o9C {
    color: #ccc;
    text-align: center;
    }
    </STYLE>
    <SCRIPT type=text/javascript>
    /***********************************************
    * Image Thumbnail viewer- © Dynamic Drive (www.dynamicdrive.com)
    * Last updated Sept 26th, 03'. This notice must stay intact for use
    * Visit http://www.dynamicdrive.com/ for full source code
    * Full Permission has been granted by Dinamic Drive for use of upto 10 scripts by Listing Factory
    ***********************************************/
    var ie=document.all
    var ns6=document.getElementById&&!document.all
    function ietruebody(){
    return (document.compatMode && document.compatMode!="BackCompat" && !window.opera)? document.documentElement : document.body
    }
    function enlarge(which, e, position, imgwidth, imgheight, thumbwidth, thumbheight){
    if (ie||ns6){
    crossobj=document.getElementById? document.getElementById("showimage") : document.all.showimage
    if (position=="center"){
    pgyoffset=ns6? parseInt(pageYOffset) : parseInt(ietruebody().scrollTop)
    horzpos=ns6? pageXOffset+window.innerWidth/2-imgwidth/2 : ietruebody().scrollLeft+ietruebody().clientWidth/2-imgwidth/2
    vertpos=ns6? pgyoffset+window.innerHeight/2-imgheight/2 : pgyoffset+ietruebody().clientHeight/2-imgheight/2
    if (parent.frames.length==0)
    {
        //vertpos=ns6? pgyoffset+window.innerHeight/2-imgheight/2 : pgyoffset+ietruebody().clientHeight/2-imgheight/2
        
    }
    else
    {
    e = e || window.event;
    vertpos= (e.clientY+document.body.scrollTop-imgheight/2);
    } 
     
    if (window.opera && window.innerHeight) //compensate for Opera toolbar
    vertpos=pgyoffset+window.innerHeight/2-imgheight/2
    vertpos=Math.max(pgyoffset, vertpos)
    }
    else{
    var horzpos=ns6? pageXOffset+e.clientX : ietruebody().scrollLeft+event.clientX
    var vertpos=ns6? pageYOffset+e.clientY : ietruebody().scrollTop+event.clientY
    }
    crossobj.style.left=horzpos+"px"
    crossobj.style.top=vertpos+"px"
    crossobj.innerHTML='<div align="right" id="dragbar"><span id="closetext" onClick="closepreview()"><img src="http://img854.imageshack.us/img854/6535/closexbutton.gif"></span> </div><img src="'+which+'" width="'+imgwidth+'" height="'+imgheight+'" onClick="closepreview()">'
    crossobj.style.visibility="visible"
    return false
    }
    else //if NOT IE 4+ or NS 6+, simply display image in full browser window
    return true
    }
    function closepreview(){
    crossobj.style.visibility="hidden"
    }
    function drag_drop(e){
    if (ie&&dragapproved){
    crossobj.style.left=tempx+event.clientX-offsetx+"px"
    crossobj.style.top=tempy+event.clientY-offsety+"px"
    }
    else if (ns6&&dragapproved){
    crossobj.style.left=tempx+e.clientX-offsetx+"px"
    crossobj.style.top=tempy+e.clientY-offsety+"px"
    }
    return false
    }
    function initializedrag(e){
    if (ie&&event.srcElement.id=="dragbar"||ns6&&e.target.id=="dragbar"){
    offsetx=ie? event.clientX : e.clientX
    offsety=ie? event.clientY : e.clientY
    tempx=parseInt(crossobj.style.left)
    tempy=parseInt(crossobj.style.top)
    dragapproved=true
    document.onmousemove=drag_drop
    }
    }
    document.onmousedown=initializedrag
    document.onmouseup=new Function("dragapproved=false")
    </SCRIPT>
    <DIV id=showimage></DIV>
    <TABLE id=table1 border=0 cellSpacing=0 cellPadding=0 width=100 align=center>
    <TBODY>
    <TR>
    <TD>
    <TABLE>
    <TBODY>
    <TR align=center>
    <SCRIPT type=text/javascript>
    /*********************************************** 
    * Photo Album script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
    * This notice must stay intact for legal use
    * Full Permission has been granted by Dinamic Drive for use of upto 10 scripts by Listing Factory
    ***********************************************/
    var dimension="3x2" //Specify dimension of gallery (number of images shown), such as 4x2, 3x1 etc
    //Specify images:
    //galleryarray[x]=["path_to_image", "optional_title_attribute", "optional_text_description", "optional_link"]
    var galleryarray=new Array()
    galleryarray[0]=["http://img38.imageshack.us/img38/6070/784655058thumb.jpg", "", "", "http://img848.imageshack.us/img848/4949/589470338large.jpg", "448", "600" , "112", "150"]
    galleryarray[1]=["http://img846.imageshack.us/img846/3290/690845915thumb.jpg", "", "", "http://img269.imageshack.us/img269/3179/136856204large.jpg", "448", "600" , "112", "150"]
    galleryarray[2]=["http://img33.imageshack.us/img33/5961/823785942thumb.jpg", "", "", "http://img23.imageshack.us/img23/534/628601222large.jpg", "448", "600" , "112", "150"]
    galleryarray[3]=["http://img19.imageshack.us/img19/466/photo280220121737308171.jpg", "", "", "http://img857.imageshack.us/img857/6858/photo280220121737306219.jpg", "600", "448" , "150", "112"]
    galleryarray[4]=["http://img864.imageshack.us/img864/4470/photo280220121737558662.jpg", "", "", "http://img62.imageshack.us/img62/7862/photo280220121737556710.jpg", "600", "448" , "150", "112"]
    galleryarray[5]=["http://img198.imageshack.us/img198/6914/photo280220121739038072.jpg", "", "", "http://img819.imageshack.us/img819/9350/photo280220121739036120.jpg", "600", "448" , "150", "112"]
    var href_target=""
    var totalslots=dimension.split("x")[0]*dimension.split("x")[1]
    function buildimage(i){
    var tempcontainer=""
    tempcontainer+=galleryarray[i][3]!=""?
    tempcontainer+='<a href=" '+galleryarray[i][3]+'" onClick="return enlarge(\''+galleryarray[i][3]+'\',event,\'center\','+galleryarray[i][4]+','+galleryarray[i][5]+')">' : ""
    tempcontainer+='<div class="imageborder"><img src=" '+galleryarray[i][0]+'" alt="" width="'+galleryarray[i][6]+'" height="'+galleryarray[i][7]+'" border="0" title="'+galleryarray[i][1]+'"></div>';
    tempcontainer=galleryarray[i][3]!=""? tempcontainer+'</a>' : tempcontainer
    tempcontainer+='<div class="phototitle">';
    if (galleryarray[i][1] != ""){
    tempcontainer+=' <div style="width: '+galdleryarray[i][6]+'px">';
    tempcontainer=galleryarray[i][1]!=""? tempcontainer+galleryarray[i][1] : tempcontainer
    tempcontainer+=' </div>';
    }
    tempcontainer+=' </div>';
    //tempcontainer+='<div class="phototitle">';
    //tempcontainer=galleryarray[i][2]!=""? tempcontainer+galleryarray[i][2] : tempcontainer
    //tempcontainer+=' </div>';
    tempcontainer+='';
    return tempcontainer
    }
    function jumptopage(p){
    var startpoint=(p-1)*totalslots
    var y=1;
    for (i=0; i<totalslots; i++){
    document.getElementById("slide"+i).innerHTML=(typeof galleryarray[startpoint+i]!="undefined")? buildimage(startpoint+i) : ""
    }
    while(document.getElementById("navlink"+y)!=null){
    document.getElementById("navlink"+y).className=""
    y++
    }
    document.getElementById("navlink"+p).className="current"
    //initLightbox();
    }
    var curimage=0
    for (y=0; y<dimension.split("x")[1]; y++){
    for (x=0; x<dimension.split("x")[0]; x++){
    if (curimage<galleryarray.length)
    //document.write('<div id="PicCage"><div id="slide'+curimage+'" class="slideshow" style="margin: 0px auto;">'+buildimage(curimage)+'</div></div>')
    //document.write('<div id="PicCage"><div id="slide'+curimage+'" class="slideshow" style="margin: 0px auto;">'+buildimage(curimage)+'</div></div>')
    //document.write('<div id="PicCage"><div id="slide'+curimage+'" class="slideshow" style="margin: 0px auto;">'+buildimage(curimage)+'</div></div>')
    //document.write('<td align="center" valign="middle"><div class="dropshadow2"><div class="innerbox"><div id="slide'+curimage+'" class="slideshow" style="margin: 0px auto;">'+buildimage(curimage)+'</div></div></div></td>')
    //style="margin: 0px auto;"
    document.write('<td align="center" valign="middle"><div id="slide'+curimage+'" class="slideshow">'+buildimage(curimage)+'</div></td>')
    //<div style="margin-left: auto; width: '+galleryarray[curimage][6]+'px; height: '+galleryarray[curimage][7]+'px;>
    curimage++
    }
    document.write('</tr><tr>')
    //document.write('<br style="clear: left" />')
    }
    </SCRIPT>
    </TR></TBODY></TABLE></TD></TR></TBODY></TABLE></CENTER>
    <CENTER>&nbsp;</CENTER></DIV>
    <DIV class=post><SPAN>Trending Trader</SPAN><BR><A name=payment></A>
    <H5>Payment</H5><A href="#"><IMG alt="" src="http://img27.imageshack.us/img27/2960/pic1hfv.jpg" width=269 height=101></A><BR>
    <P>All that we ask is that you pay though PayPal. On Buy it Now listings you will be required to pay straight away and for auctions we ask that you pay a soon as the auction ends. This allows us to get your new item to you as quickly as possible.</P><A class=more href="#"></A></DIV>
    <DIV class=post><SPAN>Trending Trader</SPAN><BR><A name=shipping></A>
    <H5>Shipping</H5><A href="#"><IMG alt="" src="http://img703.imageshack.us/img703/2718/pic2sp.jpg" width=269 height=101></A><BR>
    <P>Because we know you don't like to pay for postage we aim to offer FREE postage on all of items and try to absorb this cost. If you're not in the UK hopefully you'll still find our postage is reasonable. All of our items are sent 1st Class and some are sent recorded. Please check the listing to see whats offered.</P><A class=more href="#"></A></DIV>
    <DIV class=post><SPAN>Trending Trader</SPAN><BR><A name=returns></A>
    <H5>Returns</H5><A href="#"><IMG alt="" src="http://img39.imageshack.us/img39/4549/pic3ow.jpg" width=269 height=101></A><BR>
    <P>We're sure you'll be over the moon with your item however if you're still not happy we're happy for you to return it for a full refund within 7 days. All returns must be sent to us in their original packaging, please email us in advance to arrange. If you're not happy in any way, please email us so we can resolve any issues before leaving feedback. </P><A class=more href="#"></A></DIV>
    <DIV class=post><SPAN>Trending Trader</SPAN><BR><A name=aboutus></A>
    <H5>About Us</H5><A href="#"><IMG alt="" src="http://img842.imageshack.us/img842/9279/pic4iq.jpg" width=269 height=101></A><BR>
    <P>Being a small UK based company we're able to offer desirable, niche, trending products at affordable prices. We're always looking for ways to expand our range and offer more great products backed up by a personalised service with every sale.</P><A class=more href="#"></A></DIV></DIV>
    <DIV id=sidebar>
    <DIV class=block>
    <DIV class=news>
    <DIV>
    <P>&nbsp;<STRONG><FONT size=3>iPhone 4 24ct Gold Polished Bezel and 24ct Gold Rear Housing</FONT></STRONG></P>
    <P>Want to save some money? Buy this highly polished 24ct Gold Bezel with matching 24ct Gold Lamborghini rear housing and save £15 over buying separately.</P>
    <P>Not sold in this country, this rare&nbsp;combo would normally be hard to come by however we at Trending Trading are proud to be able to offer you this product and at a great price. </P>
    <P><STRONG>Compatible: </STRONG>iPhone 4 8GB,16GB &amp; 32 GB.&nbsp;&nbsp;</P></DIV></DIV></DIV>
    <DIV class=sponsors><IMG alt="" src="http://img40.imageshack.us/img40/594/title1z.jpg" width=274 height=37> <A href="#" target=_blank><IMG alt="Best Free Templates" src="http://img820.imageshack.us/img820/112/bannerlnw.jpg" width=231 height=214></A> </DIV>
    <DIV><IMG alt="" src="http://img40.imageshack.us/img40/4914/title2bx.jpg" width=274 height=37> 
    <UL class=popular>
    <LI><A href="#">"Arrived Next day, Excellent Seller, A+"</A></LI>
    <LI><A href="#">"Awesome Cover, Thank you"</A></LI>
    <LI><A href="#">"A pleasure to do business with!"</A></LI>
    <LI><A href="#">"Good Seller and Fast Shipping"</A></LI>
    <LI><A href="#">"Strongly Recommended"</A></LI>
    <LI><A href="#">"Quality Item, logo looks great"</A></LI>
    <LI><A href="#">"Super fast delivery, thanks!"</A></LI>
    <LI><A href="#">"I'll be back soon!"</A></LI></UL></DIV></DIV></DIV></DIV>
    <DIV id=footer>
    <DIV class=inner_copy><A href="#">directories</A><A href="#">free website templates</A></DIV>
    <DIV>&nbsp;</DIV></DIV></TD></TR></TBODY></TABLE>


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •