Member Offer
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  1. Stationery Direct

    Stationery Direct Administrator Staff Member

    Hi guys...

    Take a look at this website > Widgets

    Do you see the feedback link to the right of the page and how it stays in position when scrolling up and down? How would I do something similar, basically just a little image that does exactly the same with regards to position, no link or anything just some alt text when hovered over.

    Any ideas?
     
  2. Stationery Direct

    Stationery Direct Administrator Staff Member

    Just tried following this tutorial > Add a Floating Follow Me/US on Twitter Button To Your Website Easily

    ...however, wasn't sure where to add the second part of the code to my website, I added it to an include file that I have for the right handside banners in order for it to be visible on all pages, but the image displayed within that section below the banners, not floating over to the far right handside, any ideas?
     
  3. matobo

    matobo Member

    Bosshog it sounds like you are adding the code to the wrong part. Just asked my hubby to read this and he reckons that it would probably be best to insert it into the header or footer template (which transfers across all the pages sitewide anyway and includes the site's boundaries) then all you need to do is adjust the css accordingly for the positioning (This is assuming you are talking about coding a vB forum, you haven't said...).

    The banner table/template on the right hand side that you mentioned will have it's own css code that wouldn't reach to the edge of the forum that you are looking for - ie it would position itself within the limits of that table/template.

    Hope that makes sense.
     
  4. Stationery Direct

    Stationery Direct Administrator Staff Member

    Thanks for that, still no joy, it was for my website not the forum, will have to keep looking for a solution.

    Thanks again...
     
  5. matobo

    matobo Member

    I am a bit of a hacker that fiddles with things like that until they come right - I am sure you will figure it out ;0)
     
  6. Stationery Direct

    Stationery Direct Administrator Staff Member

    All sorted, it's easy when you know how :icon_biggrin:
     
  7. Wrams

    Wrams New Member

    You want a static image...? Use your CSS to make the image fixed. So you would do something like this.

    Code:
    #Blah {
    image-position: fixed; 
    }
    
    Something along those lines.

    that way even when your website is scrolling that image will remain fixed. Without the HTML and CSS of your site I can't really go into much more detail.

    What I will say is if you have any problems with coding again. it's best practice to add your HTML and CSS to the forums. That way we can view what your problem is straight away. Hope that helps.
     
    Last edited: Aug 30, 2009

Share This Page