The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How do I make the links clickable?

View previous topic View next topic Go down

In progress How do I make the links clickable?

Post by Cool-Guy on 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

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 on October 14th 2011, 6:22 pm

Hello,

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

MrMario
Helper
Helper

Male Posts : 22186
Reputation : 1830
Language : test

http://test.com

Back to top Go down

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

Post by Cool-Guy on 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? ...

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. on 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.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

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

Post by Cool-Guy on 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: http://img850.imageshack.us/img850/6395/thetriumvirate.png
Facebook: http://img651.imageshack.us/img651/7931/52303351.png
Twitter: http://img213.imageshack.us/img213/7791/89563295.png
YouTube: http://img404.imageshack.us/img404/7332/51978536.png

Thanky you, very much so.

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 on 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
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 on October 15th 2011, 3:22 pm

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

http://img204.imageshack.us/img204/5651/31498112.png

Ideas? :/

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 on 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
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 on 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?

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 on 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
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 on 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?

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 on October 15th 2011, 4:13 pm

you got me there buddy.

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 on 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.

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 on 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: http://img844.imageshack.us/img844/4724/88304308.png

This is an image of the forum using the same code, but at a slightly lower resolution: http://img717.imageshack.us/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

Back to top Go down

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

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

Mega-Bump. king

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 on October 18th 2011, 4:16 pm

Will be bumped forever. Smile

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 on October 19th 2011, 5:26 pm

... Forever. bounce

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 on October 20th 2011, 7:26 pm

Maybe it is possible to just attach them to the background?

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 on October 27th 2011, 11:03 pm

bwi

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 on 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
Hyperactive

Male Posts : 4242
Reputation : 466
Language : English, HTML, CSS
Location : Bozeman, Montana

Back to top Go down

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

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

So it is... impossible? TT

Cool-Guy
Forumember

Posts : 295
Reputation : 0
Language : English

Back to top Go down

View previous topic View next topic Back to top


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