WordPress.com Forums » Tag: transparent gif or PNG - Recent Posts http://en.forums.wordpress.com/tags/transparent-gif-or-png WordPress.com Forums » Tag: transparent gif or PNG - Recent Posts en Thu, 23 May 2013 09:03:36 +0000 http://bbpress.org/?v=1.1-alpha-2539 jayc77 on "Transparent GIF or PNG foreground" http://en.forums.wordpress.com/topic/transparent-gif-or-png-foreground#post-1068755 Wed, 14 Nov 2012 12:01:25 +0000 jayc77 1068755@http://en.forums.wordpress.com/ Hi Guys,

I would like to apply a transparent GIF or PNG file on top of my image so if someone were to right click and save then all they get is the transparent layer. Could someone provide a link to a how to or provide instructions as how to do this as I gather there is no right click protection on wordpress.com! I am a novice so an idiots guide would be great :)

Thanks in advance

Jayc

]]> chrisfritz on "Linked Header Background Image with Titan Theme" http://en.forums.wordpress.com/topic/linked-header-background-image-with-titan-theme#post-647634 Fri, 15 Jul 2011 13:19:22 +0000 chrisfritz 647634@http://en.forums.wordpress.com/ Is there a problem with the way I'm trying to implement this? Or another solution that doesn't involve using a background image?

I'd really like to get that darn header image clickable! Many thanks in advance to anyone who might have a solution or idea to offer. :-)

]]> chrisfritz on "Linked Header Background Image with Titan Theme" http://en.forums.wordpress.com/topic/linked-header-background-image-with-titan-theme#post-646004 Wed, 13 Jul 2011 20:32:24 +0000 chrisfritz 646004@http://en.forums.wordpress.com/ Ok, the HTML didn't show up quite right. Let's try that again.

<div class="header"><br /> (<)a id="headerimg" href="http://poweronlansing.com/"(>)(<)/a(>)<br /> </div>

Parentheses above not included.

]]> chrisfritz on "Linked Header Background Image with Titan Theme" http://en.forums.wordpress.com/topic/linked-header-background-image-with-titan-theme#post-645998 Wed, 13 Jul 2011 20:29:45 +0000 chrisfritz 645998@http://en.forums.wordpress.com/ That's similar to one of the strategies I've tried, using code like this:

HTML:
<br /> <div class="header"><br /> <a href="http://poweronlansing.com/"></a><br /> </div><br />

CSS
<br /> #headerimg {<br /> position: absolute;<br /> top: 35px;<br /> left: 473px;<br /> width: 467px;<br /> height: 105px;<br /> background-color: transparent;<br /> border: 1px solid yellow;<br /> }<br />

The problem that I run into with that method is the absolute positioning is messed up if a WordPress user is logged in (and no matter what I do, it's always messed up in IE9). Any ideas?

]]> thesacredpath on "Linked Header Background Image with Titan Theme" http://en.forums.wordpress.com/topic/linked-header-background-image-with-titan-theme#post-645806 Wed, 13 Jul 2011 17:52:49 +0000 thesacredpath 645806@http://en.forums.wordpress.com/ The only way to do this is to create a transparent gif or PNG with no background color that is the same size as your header image and then you put it into a text widget, set the height and width of that specific widget to the same as the header image and then use positioning in the CSS to move that widget up and over the top of the header image.

]]> chrisfritz on "Linked Header Background Image with Titan Theme" http://en.forums.wordpress.com/topic/linked-header-background-image-with-titan-theme#post-645768 Wed, 13 Jul 2011 17:08:43 +0000 chrisfritz 645768@http://en.forums.wordpress.com/ I know there are other forum threads on making a background image linkable, but none of those solutions seem to work for me (odds are I'm just doing something stupid). I just want clicking on the header image to go to the main page. If anyone could help, I would be very grateful: http://poweronlansing.com

]]>