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 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Jul 2013
    Posts
    7
    Thanks
    1
    Thanked 0 Times in 0 Posts

    How to make a logo transparent and hover

    Hi Im not sure if this is possible but any comments appreciated on what im suggesting.

    The background is that im setting up a Sharethis button for my homepage

    Their wizard gives me
    Code:
    <span class=’st_sharethis_large’ displayText=’ShareThis’></span>
    This shows their image and when you hover it displays the options window.

    Please tell me if it is possible make their button completely transparent but hover it over my image so it appears to behave as required. The problem is im not sure how to convert the span into something invisible and how to hover over my existing image which is a different size

    Ideally there would be a way of tagging both images centers to dynamically align on the page.

    Thanks Rob

  • #2
    Senior Coder coothead's Avatar
    Join Date
    Jan 2004
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,694
    Thanks
    0
    Thanked 232 Times in 227 Posts
    Hi there javascriptyork,

    if you want help with your images, then you must give them to us.

    How else can we really understand your problems?

    coothead

  • Users who have thanked coothead for this post:

    javascriptyork (07-27-2013)

  • #3
    New Coder
    Join Date
    Apr 2013
    Posts
    16
    Thanks
    0
    Thanked 3 Times in 3 Posts
    try:
    Code:
    [div #ID or div .Class] {
    	opacity: .25;
    }
    [div #ID div .Class]:hover {
    	opacity: 1;
    }
    example: http://jsfiddle.net/xsQKZ/

  • #4
    New to the CF scene
    Join Date
    Jul 2013
    Posts
    7
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Hi Coot

    Thanks for getting back to me the image I have is at the top for example of the page on my site

    One page is robert-hargreaves.com so at the top it has the share this green icon. (aka... http://www.robert-hargreaves.com/img/1e.png) the icon is 128x128 and at the moment links in to just the share this website but doesnt deliver any functionality.

    To add the share this functionality they provide a wizard on their website, you place the following;

    in the body -

    Code:
    <span class='st_sharethis_large' displayText='ShareThis'></span>
    in the head -

    Code:
    <script type="text/javascript">var switchTo5x=true;</script>
    <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
    <script type="text/javascript">stLight.options({publisher: "0445e121-6e85-423b-a651-80cfd967b27f", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>
    So what Id like to be able to do is to make <span class='st_sharethis_large' displayText='ShareThis'></span> hidden and transparent completely but functional, and at the same time line up completely with my image.

    Hope this makes sense,

    Thanks

  • #5
    New to the CF scene
    Join Date
    Jul 2013
    Posts
    7
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Thanks for your help it worked :>


  •  

    Posting Permissions

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