The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

How do I make the links clickable?

5 posters

Go down

In progress How do I make the links clickable?

Post by Cool-Guy October 14th 2011, 4:11 pm

Hello,

This is my forum: http://crimson-butterfly.forumotion.com/

If you look to the left, you will see three icons. At the moment, they are just a part of the background, but I would like them clickable. Possible?

I do have the images saved, as well as the bar behind, without the background.

Thank you. This question is very important! Very Happy
avatar
Cool-Guy
Forumember

Posts : 295
Reputation : 0
Language : English

Back to top Go down

In progress Re: How do I make the links clickable?

Post by MrMario October 14th 2011, 6:22 pm

Hello,

Please take a look here http://www.w3schools.com/html/html_images.asp
MrMario
MrMario
Helper
Helper

Male Posts : 22186
Reputation : 1839
Language : test

Back to top Go down

In progress Re: How do I make the links clickable?

Post by Cool-Guy October 14th 2011, 11:23 pm

I am not too good at understanding what is being said there. Could anyone help here, step by step? ...
avatar
Cool-Guy
Forumember

Posts : 295
Reputation : 0
Language : English

Back to top Go down

In progress Re: How do I make the links clickable?

Post by Nera. October 15th 2011, 12:05 am

Hi,

You can add them seperatly from your background. Add the HTML to homebox or what ever like this:

Code:
<ul class="floating-menu">
<li>
<a href="TWITTER LINK HERE">
<img src="IMAGE LINK HERE" border="0" alt="NAME HERE"/>
</a>
</li>
<li>
<a href="FACEBOOK LINK HERE">
<img src="IMAGE LINK HERE" border="0" alt="NAME HERE"/>
</a>
</li>
</ul>

And than add this to CSS to position them by your forum side. Change the settings to fit your forum.

Code:
ul.floating-menu {
    left: 10px;
    padding: 4px;
    position: fixed;
    top: 35%;
}

Example, done on phpBB3, the small images next to my forum are clickable http://i.imm.io/akAF.png

Nera.
Nera.
Energetic

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

In progress Re: How do I make the links clickable?

Post by Cool-Guy October 15th 2011, 2:38 pm

I still don't get everything. Maybe someone here could "change the settings to fit my forum" for me? ... Then I can write the links to my other pages, like Facebook, myself.

Here you have an image of my background, and all the icons. The icons below should be at the exact same spot as on the background.

Background: https://2img.net/r/ihimizer/img850/6395/thetriumvirate.png
Facebook: https://2img.net/r/ihimizer/img651/7931/52303351.png
Twitter: https://2img.net/r/ihimizer/img213/7791/89563295.png
YouTube: https://2img.net/r/ihimizer/img404/7332/51978536.png

Thanky you, very much so.
avatar
Cool-Guy
Forumember

Posts : 295
Reputation : 0
Language : English

Back to top Go down

In progress Re: How do I make the links clickable?

Post by WHITESABBATH October 15th 2011, 3:07 pm

add this Code to your home page
ACP>>Display>>Generalities>Home page Message>Add code>save
Code:
<ul style="position:fixed;left:2%;top:70%;list-style:none;">
<a href="http://www.facebook.com"><img src="http://img651.imageshack.us/img651/7931/52303351.png"title=facebook "border="0" width="40px" /></a></li></ul>

<ul style="position:fixed;left:2%;top:60%;list-style:none;"><a href="http://www.youtube.com"><img src="http://img404.imageshack.us/img404/7332/51978536.png"title=youtube "border="0" width="40px" /></a></li></ul>

<ul style="position:fixed;left:2%;top:80%;list-style:none;"><a href="http://www.twitter.com"><img src="http://img213.imageshack.us/img213/7791/89563295.png"title=twitter "border="0" width="40px" /></a></li></ul>

WHITESABBATH
WHITESABBATH
Active Poster

Male Posts : 1198
Reputation : 119
Language : English, F-Bombs
Location : Chicago

Back to top Go down

In progress Re: How do I make the links clickable?

Post by Cool-Guy October 15th 2011, 3:22 pm

That was pretty cool. The bad thing is, that it looks like this:

https://2img.net/r/ihimizer/img204/5651/31498112.png

Ideas? :/
avatar
Cool-Guy
Forumember

Posts : 295
Reputation : 0
Language : English

Back to top Go down

In progress Re: How do I make the links clickable?

Post by WHITESABBATH October 15th 2011, 3:41 pm

where it says 2% on the code, increase the numbers on all 3 until they're where you want them. if you want them the same size you have displayed just remove the 40px on all 3(Leave quotations " " ), or adjust the px size to your liking. to adjust the height, change the % value on them(the 60,70,80).


Last edited by WHITESABBATH on October 15th 2011, 4:15 pm; edited 2 times in total
WHITESABBATH
WHITESABBATH
Active Poster

Male Posts : 1198
Reputation : 119
Language : English, F-Bombs
Location : Chicago

Back to top Go down

In progress Re: How do I make the links clickable?

Post by Cool-Guy October 15th 2011, 3:58 pm

I tried, and it worked. The thing is that they don't keep the same position when changing resolution, and that is a must.

Any ideas?
avatar
Cool-Guy
Forumember

Posts : 295
Reputation : 0
Language : English

Back to top Go down

In progress Re: How do I make the links clickable?

Post by WHITESABBATH October 15th 2011, 4:00 pm

i edited my latest post. you just have to play with it until it meets your liking. trial and error buddy
WHITESABBATH
WHITESABBATH
Active Poster

Male Posts : 1198
Reputation : 119
Language : English, F-Bombs
Location : Chicago

Back to top Go down

In progress Re: How do I make the links clickable?

Post by Cool-Guy October 15th 2011, 4:08 pm

I know, I got the icons to match the icons in the background perfectly. The problem is that when I change the resolution of my display/monitor, the icons move to another place. That is a very bad thing, becuase most people don't use the same resolution as I do, and I want all to see the same.

Hope you understand.

Solution, anyone?
avatar
Cool-Guy
Forumember

Posts : 295
Reputation : 0
Language : English

Back to top Go down

In progress Re: How do I make the links clickable?

Post by WHITESABBATH October 15th 2011, 4:13 pm

you got me there buddy.
WHITESABBATH
WHITESABBATH
Active Poster

Male Posts : 1198
Reputation : 119
Language : English, F-Bombs
Location : Chicago

Back to top Go down

In progress Re: How do I make the links clickable?

Post by Cool-Guy October 15th 2011, 4:22 pm

Not good. :/ We need a solution here. Maybe Nera's version will work, if explained more. Or maybe there is another way?

Thanks, to everyone.
avatar
Cool-Guy
Forumember

Posts : 295
Reputation : 0
Language : English

Back to top Go down

In progress Re: How do I make the links clickable?

Post by Cool-Guy October 16th 2011, 4:17 pm

OK. So here is what it looks like:

This is an image of the forum when I have moved the icons to (almost) correct place: https://2img.net/r/ihimizer/img844/4724/88304308.png

This is an image of the forum using the same code, but at a slightly lower resolution: https://2img.net/r/ihimizer/img717/108/fm2j.png

As you can see, the icons have clearly moved to the right.

I need them to remain at the same postion, no matter what resolution.

---

The only thing I know keeps them at the same place is if changing the word "left" in the code to "center". The problem with doing so is that the images will be positioned in the middle of the forum, and you can't move them to the left.

(Also, I tried with Nera's code, but the icons changed position there, too.)

What should I do, people? How do I make the links clickable? Mouais
avatar
Cool-Guy
Forumember

Posts : 295
Reputation : 0
Language : English

Back to top Go down

In progress Re: How do I make the links clickable?

Post by Cool-Guy October 17th 2011, 4:06 pm

Mega-Bump. king
avatar
Cool-Guy
Forumember

Posts : 295
Reputation : 0
Language : English

Back to top Go down

In progress Re: How do I make the links clickable?

Post by Cool-Guy October 18th 2011, 4:16 pm

Will be bumped forever. Smile
avatar
Cool-Guy
Forumember

Posts : 295
Reputation : 0
Language : English

Back to top Go down

In progress Re: How do I make the links clickable?

Post by Cool-Guy October 19th 2011, 5:26 pm

... Forever. bounce
avatar
Cool-Guy
Forumember

Posts : 295
Reputation : 0
Language : English

Back to top Go down

In progress Re: How do I make the links clickable?

Post by Cool-Guy October 20th 2011, 7:26 pm

Maybe it is possible to just attach them to the background?
avatar
Cool-Guy
Forumember

Posts : 295
Reputation : 0
Language : English

Back to top Go down

In progress Re: How do I make the links clickable?

Post by Cool-Guy October 27th 2011, 11:03 pm

bwi
avatar
Cool-Guy
Forumember

Posts : 295
Reputation : 0
Language : English

Back to top Go down

In progress Re: How do I make the links clickable?

Post by Mike October 27th 2011, 11:08 pm

If you background attach fix them, they will stay in the same place on the screen. They're going to mvoe with different resolutions otherwise some people wouldn't be able to see the icons.
Mike
Mike
Hyperactive

Male Posts : 4255
Reputation : 471
Language : English, HTML, CSS
Location : Loveland, Colorado

Back to top Go down

In progress Re: How do I make the links clickable?

Post by Cool-Guy October 27th 2011, 11:18 pm

So it is... impossible? TT
avatar
Cool-Guy
Forumember

Posts : 295
Reputation : 0
Language : English

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum