Jump to content


Photo
- - - - -

Transparent Background Tutorial


  • Please log in to reply
2 replies to this topic

#1 bryan-hadaway

bryan-hadaway

    Advocate

  • Members
  • PipPipPipPipPip
  • 3697 posts

Posted 22 February 2011 - 12:03 AM

- Download this file:

Please Login or Register to see this Hidden Content

- something I created and use personally.

- Unzip it and upload trans.php to your site, not sure if the Media upload will allow it or if you'll have to use FTP.

- However you upload it, note the URL.

- Now use the following CSS (changing the URL to the actual)

`.whatever{background:url(

Please Login or Register to see this Hidden Content

)}`

of course leaving `?color=FFFFFF&trans=50` on the end. As you can see you can adjust the color and transparent level, you can use this technique over and over for anything else too.

- Add to Custom Code > Custom CSS.

Thanks, Bryan

#2 renderinnovations

renderinnovations

    Super Member

  • Members


  • 123 posts
  • LocationHarrisburg, PA
  • Country: Country Flag

Posted 28 February 2011 - 08:09 PM

Hi Bryan I tried to do this, but it's not working. The "whatever" I have to type .thecarousel correct? Thanks, Adam B

#3 bryan-hadaway

bryan-hadaway

    Advocate

  • Members
  • PipPipPipPipPip
  • 3697 posts

Posted 01 March 2011 - 03:34 AM

You have to make sure that there is nothing else in the way, solid colors or images of other containing divs. Also, you'll never know if you set a transparent image correctly unless of course there is something behind to reference. I'm assuming you're using Firebug:

Please Login or Register to see this Hidden Content

and are at least somewhat familiar with CSS?:

Please Login or Register to see this Hidden Content

Thanks, Bryan