Linked background image

Started by fox1987, October 06, 2012, 10:48:06 AM

Previous topic - Next topic

fox1987

I know how to add forum background image,but can that image be clickable (linked) ?

Quotebody
{
   background-color: transparent;
   background-image: url(../images/theme/background.jpg);
   font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
   background-position: top;
   background-attachment: fixed;
   background-repeat: no-repeat;
}

MovedGoalPosts

You can't make an image clickable from css code.  You'd have do do something from within your html templates.

fox1987

ok,can i make this from index.template.php ???

ARG01

You would need to find out where to add a link for your background image but the code could be something like this:

<div id="background"><a href="LINK URL HERE" target="_self"><img title="TITLE OPTIONAL" src="IMAGE LOCATION HERE" alt=""></a>
No, I will not offer free downloads to Premium DzinerStuido themes. Please stop asking.

fox1987


mashby

The body is certainly something that cannot be linked. What exactly are you trying to achieve here?
Always be a little kinder than necessary.
- James M. Barrie

fox1987

Quote from: mashby on October 07, 2012, 10:10:01 AM
The body is certainly something that cannot be linked. What exactly are you trying to achieve here?

to make atomic bomb  :P ,to link background image ofcurse
I find it hard to believe that it is impossible to do

mashby

It's not impossible to do though. Can you possibly give us a visual or a URL to the thing you are trying to make clickable? Thanks.
Always be a little kinder than necessary.
- James M. Barrie

fox1987

i want to be like this forum http://forum.burek.com/ ,you see,on left and right side is a picture that is linked to a fb

Hj Ahmad Rasyid Hj Ismail

Isn't that what you have right now? If the image is click it will link to FB right?

Colin

Quote from: ahrasis on October 08, 2012, 10:59:38 PM
Isn't that what you have right now? If the image is click it will link to FB right?
That is not his website. That is the site he wants to mimic :).
"If everybody is thinking alike, then somebody is not thinking." - Gen. George S. Patton Jr.

Colin

Hj Ahmad Rasyid Hj Ismail

I think that should be easy because IMHO they are not really in its background. It is a fixed position image, with link to FB.

fox1987

Quote from: ahrasis on October 09, 2012, 12:42:13 AM
I think that should be easy because IMHO they are not really in its background. It is a fixed position image, with link to FB.

ok,but how? i do not have any idea ,iframe maybe ,and where to put it  ???

Branko.

Quote from: Colin on October 08, 2012, 11:54:33 PM
That is not his website. That is the site he wants to mimic
First open your website for guests...
Strong people don't put others down, they lift them up.
A clever person solves a problem. A wise person avoids it.

fox1987

Quote from: Branko. on October 09, 2012, 11:45:24 AM
First open your website for guests...

I do not understand ???

Find a solution,in index.template on bottom after ?> i need to add
<a href="site url"  >
<IMG STYLE="  WIDTH:200px; HEIGHT:400px" src="image link"  alt=""  />
</a>


but now i have trouble to set image position,i try with position:fixed and margin-left: but if i set on my resolution ,on another image is shifted

Hj Ahmad Rasyid Hj Ismail

http://www.simplemachines.org/community/index.php?topic=444605.msg3123536#msg3123536

See my post on moving menu to top. The css should be something like that. Except to make stay left, left must be equal to 0. Similarly for the right or bottom or any corner combination.

fox1987

I think the problem here is that image determines his position depending on screen edges and not of the forum block edges
Maybe problem is destination of code, because it is not in parent file for forum block ,any logical path is  index.template  and it is work in there

Hj Ahmad Rasyid Hj Ismail

That should be adjusted accordingly. That is only some of the techniques.

fox1987

#18
SOLUTION  :D

CSS
#logolink
         {
                 
                 height: 1440px;
                 width: 1920px;
                 background-image: url(../images/theme/pozadina.jpg);
z-index:-1;
position:fixed;
                background-attachment:fixed;
                background-position:center ;
                background-repeat:no-repeat;
         }


display.template (in head tag)
<a id="logolink"  href="http://www.site.com/ " title=" "> </a>

Hj Ahmad Rasyid Hj Ismail

Great to hear that. I know you can do it.  ;D

Advertisement: