How do I make the links clickable?
5 posters
Page 1 of 1
How do I make the links clickable?
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!
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!
Cool-Guy- Forumember
- Posts : 295
Reputation : 0
Language : English
Re: How do I make the links clickable?
I am not too good at understanding what is being said there. Could anyone help here, step by step?
Cool-Guy- Forumember
- Posts : 295
Reputation : 0
Language : English
Re: How do I make the links clickable?
Hi,
You can add them seperatly from your background. Add the HTML to homebox or what ever like this:
And than add this to CSS to position them by your forum side. Change the settings to fit your forum.
Example, done on phpBB3, the small images next to my forum are clickable http://i.imm.io/akAF.png
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.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: How do I make the links clickable?
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.
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.
Cool-Guy- Forumember
- Posts : 295
Reputation : 0
Language : English
Re: How do I make the links clickable?
add this Code to your home page
ACP>>Display>>Generalities>Home page Message>Add code>save
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- Active Poster
- Posts : 1198
Reputation : 119
Language : English, F-Bombs
Location : Chicago
Re: How do I make the links clickable?
That was pretty cool. The bad thing is, that it looks like this:
https://2img.net/r/ihimizer/img204/5651/31498112.png
Ideas?
https://2img.net/r/ihimizer/img204/5651/31498112.png
Ideas?
Cool-Guy- Forumember
- Posts : 295
Reputation : 0
Language : English
Re: How do I make the links clickable?
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- Active Poster
- Posts : 1198
Reputation : 119
Language : English, F-Bombs
Location : Chicago
Re: How do I make the links clickable?
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?
Any ideas?
Cool-Guy- Forumember
- Posts : 295
Reputation : 0
Language : English
Re: How do I make the links clickable?
i edited my latest post. you just have to play with it until it meets your liking. trial and error buddy
WHITESABBATH- Active Poster
- Posts : 1198
Reputation : 119
Language : English, F-Bombs
Location : Chicago
Re: How do I make the links clickable?
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?
Hope you understand.
Solution, anyone?
Cool-Guy- Forumember
- Posts : 295
Reputation : 0
Language : English
Re: How do I make the links clickable?
you got me there buddy.
WHITESABBATH- Active Poster
- Posts : 1198
Reputation : 119
Language : English, F-Bombs
Location : Chicago
Re: How do I make the links clickable?
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.
Thanks, to everyone.
Cool-Guy- Forumember
- Posts : 295
Reputation : 0
Language : English
Re: How do I make the links clickable?
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?
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?
Cool-Guy- Forumember
- Posts : 295
Reputation : 0
Language : English
Re: How do I make the links clickable?
Mega-Bump.
Cool-Guy- Forumember
- Posts : 295
Reputation : 0
Language : English
Re: How do I make the links clickable?
Will be bumped forever.
Cool-Guy- Forumember
- Posts : 295
Reputation : 0
Language : English
Re: How do I make the links clickable?
... Forever.
Cool-Guy- Forumember
- Posts : 295
Reputation : 0
Language : English
Re: How do I make the links clickable?
Maybe it is possible to just attach them to the background?
Cool-Guy- Forumember
- Posts : 295
Reputation : 0
Language : English
Re: How do I make the links clickable?
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- Hyperactive
- Posts : 4255
Reputation : 471
Language : English, HTML, CSS
Location : Loveland, Colorado
Re: How do I make the links clickable?
So it is... impossible?
Cool-Guy- Forumember
- Posts : 295
Reputation : 0
Language : English
Similar topics
» clickable links
» Clickable Links/title
» Clickable Images (Links are Being Changed)
» Links not clickable for guests any more
» Url links not clickable for my guest, pls. help?
» Clickable Links/title
» Clickable Images (Links are Being Changed)
» Links not clickable for guests any more
» Url links not clickable for my guest, pls. help?
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum