Add an URL to the background?
-
Hi again,
Yesterday I got some great help, so I decided to use this forum again to get some more advice:I have a custom background image for my blog. Now I want the user to be directed to another page (URL), when he klicks at this background. Is it possible to do this using CSS?
This is not an adervisment. I know I am not allowed to put adverstings on my wordpress.com blog. By the way I already belong to the AdControl Beta.
It would also be great if i could get round corners at the borders of my posts. Some CSS-code-examples would be great.
The Theme I am using is Bold News.
The blog I need help with is: (visible only to logged in users)
-
Your theme is a premium theme and we Volunteers answering questions on this forum have no knowledge of how they are designed to operate. When you purchased your premium theme what came with that purchase was support directly from the theme designer in the Premium Theme Support Forum. When you purchased the custom design upgrade you also purchased Staff support. There is a link for the specific Premium Theme support forum under Appearance -> Themes in your blog’s Dashboard, but do note that the premium theme must be active and you must be signed in as the user who purchased it in order to see it.
-
Having said that I would like to share with you exactly what I do when I click a background image and I’m directed to another site. I never ever return to that blog again.
-
-
I’m still new to WordPress.com but could you not simply use an <img src=”your background image”></img>
I’ll have to investigate more, but of course this is html, and you’d need to convert that code within CSS.
Maybe within a Class or Division than as an A selector.
I need to look more into the CSS section of wordpress.
-
-
You cannot put HTML (markup) into CSS, no can you put javascript, flash, PHP scripting or any other “programming” language. CSS is simply a styling document that browsers use to position and style the different elements of a web page.
-
A clickable bg is possible (via other means), but I won’t say how you can do it. As timethief implied, making the bg link elsewhere is deception.
-
-
-
So i finally made a transparent image-widget and moved it to the part of the backgound image, where i wanted it to be using CSS.
But now there is another problem. In FireFox you can’t click on the content of the page! You can just click on the background.
It works with the internet explorer but not with firefox. What’s wrong?
-
this is the code I used:
#image-4 { position:absolute; top:XYpx; left:XYpx; }
Instead of XY i used the right coordiantes. -
“It works with the internet explorer but not with firefox.”
Now that’s a phrase I couldn’t ever imagine I would see!“What’s wrong?”
Your intention to make the bg clickable. -
Don’t know what you mean exactly. It works, how I think it should be woking with the IE. But does not work the way i want it in FireFox.
I just asked for some help, but all I get is people telling me, what I should do. I want a clickable background, because it is really important at this time for me. So some more “content-richer” help would be great…
-
What exactly don’t you understand? Raincoaster, thesacredpath, timethief and me are four of the most experienced volunteers here, and as you saw we’re clearly not willing to help with this – certainly not without knowing why you want to do it and what the URL you want to link to is.
Users who’ve bought the Custom Design upgrade are entitled to staff support. You can wait for a staff reply.
-
I’m just wondering why you don’t want to help me. I know I am not allowed to put advertisemnts on my WordPress.com Blog. I want to have a clickable bg and I kindly aksed for your help.
However I will look somewhere else for advice. Whoever has the permission to can close this question. Even if my problem is finally not solved…
-
It’s correct that you can’t make a background image itself clickable just using CSS, but you still may have some other options. Clicking a background image to point to another site isn’t necessarily a bad thing, but I do think it totally depends on the context. But let’s talk about CSS instead of that:
I agree with @panaghiotisadam that it would be helpful if you provided a little more detail. Your code example shows “#image-4” but I don’t see that anywhere in the source code for your home page right now. Did you move it? Could you maybe describe which image it is you’re trying to link? Note that to use absolute positioning, you may also need to set the parent element to have relative positioning.
To give the main content area that you have right now rounded corners, try this:
#content { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } -
@portableplaying, I hope you stick around! http://portableplaying.com/ looks fantastic so far.
-
Thanks for your round corners code, it works.
Now I inserted #image4 again.
This is what I want:
When the user clicks onto the “PS Vita” Logo on the left, he to directed to http://portableplaying.com/category/ps-vita/But the problem is:
When I put the transparent widegt image (#image4) at the left side, you can not click on the posts, which are in the middle of the site. I hope you understand the problem. Try to click on on of the two posts at the top in FireFox. It won’t work.
- The topic ‘Add an URL to the background?’ is closed to new replies.
WordPress.com Forums 