Anyone know how to do this? JS knoledge needed

Discussion in 'HTML & Website Design' started by harrymn, May 5, 2008.

  1. #1
    I am using this Imago script on a mockup of a new website, Giggi Gelateria. As you can see there is a huge horizontal scrollbar, and a link to the Imago website. What I need to do is move the link to the bottom, or just remove it for now. I have attached a zip file of the two js files involved.

    The person that helps me and removes the link gets a free banner design.
     

    Attached Files:

    harrymn, May 5, 2008 IP
  2. sentuken

    sentuken Peon

    Messages:
    8
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Hello! I found a way to fix this. Open imago.css

    Find:

    .imago_downloadLink {
      float: right;
      background-color: #000000;
    }
    .imago_downloadLink a {
      color: #FFFFFF;
      font-size: xx-small;
    }
    Code (markup):
    Replace with:

    .imago_downloadLink {
      display: none;
      float: right;
      background-color: #000000;
    }
    .imago_downloadLink a {
      display: none;
      color: #FFFFFF;
      font-size: xx-small;
    }
    Code (markup):
    It's really hard for me to edit this stuff, if I had direct access I'd clean all this up for sure.

    Do these as well:

    Find and replace the whole table.imago_currentThumbTable with:
    div.imago_thumbMenu {
    	width: 260px;
    	height: 300px;
    	position: absolute;
    	top: 50%;
    	left: 32px; /* I removed the margin */
    }
    Code (markup):
    Find and replace the whole: div.imago_cititle with:
    div.imago_cititle {
    display: none;
    	text-align: center;
    	font-weight: bold;
    	color: #FFFFFF;
    }
    Code (markup):
    Find and replace the whole: div.imago_thumbMenu with:
    div.imago_thumbMenu {
    	width: 260px;
    	position: absolute;
    	top: 50%;
    	left: 32px;
    	
    }
    Code (markup):
    Now, open up css/stylesheet.css find .gallery and replace it with:

    .gallery {
    	margin: 0; 
    	padding-left: 10px;
    	padding-right: 10px;
    	padding-top: 1px;
    	background: url(../images/box2.jpg) no-repeat;
    	width: 660px;
    	height: 530px; /* Play around with this, should be somewhere between 510px to 530px, I didn't have the graphics to try it out with */
    }
    Code (markup):
    This should for the most part clean everything up. Goodluck!
     
    sentuken, May 5, 2008 IP
  3. harrymn

    harrymn Guest

    Messages:
    120
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    thanks, you have hidden the link, but there is still the width of the page, and i need the width to be normal
     
    harrymn, May 6, 2008 IP