Back to the top button

CynthiaMCynthiaM Registered Users Posts: 364 Major grins
edited October 18, 2014 in SmugMug Customization
Could someone help me with code for a back to the top button? I would like to use this button:
i-7FZsMvc.png
which is located at this link; http://www.cynthiamerzerphotography.com/photos/i-7FZsMvc/0/O/i-7FZsMvc.png. I would like the button placed in the lower right corner.

Thanks!

Comments

  • bobbyherobobbyhero Registered Users Posts: 207 Major grins
    edited August 9, 2014
    Add this HTML to your site:
    <a href="#top"><img src="http://www.cynthiamerzerphotography.com/photos/i-7FZsMvc/0/O/i-7FZsMvc.png" border="none"></a>
    
  • MsMarnieceMsMarniece Registered Users Posts: 14 Big grins
    edited October 17, 2014
    hey! I would like the same thing!! I used the same code ( with the image in my own gallery) I put it in my Themes CSS and it is not shoqwing up
  • AllenAllen Registered Users Posts: 10,013 Major grins
    edited October 18, 2014
    bobbyhero wrote: »
    Add this HTML to your site:
    <a href="#top"><img src="http://www.cynthiamerzerphotography.com/photos/i-7FZsMvc/0/O/i-7FZsMvc.png" border="none"></a>
    
    This goes in an html content box as high as you want to return to. Like above breadcrumb.
    MsMarniece wrote: »
    hey! I would like the same thing!! I used the same code ( with the image in my own gallery) I put it in my Themes CSS and it is not showing up
    In that html box the CSS go in its CSS tab.
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • AllenAllen Registered Users Posts: 10,013 Major grins
    edited October 18, 2014
    MsMarniece wrote: »
    hey! I would like the same thing!! I used the same code ( with the image in my own gallery) I put it in my Themes CSS and it is not showing up
    This is the complete code that goes in the html box using an image.
    Notice the div ID, that's what is referenced in the CSS for formatting the button.

    <div id="topButton">
    <a href="#top"><a href="#top"><img src="http://www.cynthiamerzerphotography.com/photos/i-7FZsMvc/0/O/i-7FZsMvc.png&quot; border="none" /></a>
    </div>

    This CSS sets the placement of the button display at the screen bottom.

    #topButton {
    position: fixed;
    bottom: 0;
    left: 50%;
    ...
    ...
    }
    Al - Just a volunteer here having fun
    My Website index | My Blog
Sign In or Register to comment.