1
Dylan55468
Making a Link
  • 2005/12/3 20:05

  • Dylan55468

  • Just popping in

  • Posts: 10

  • Since: 2005/12/2


Hello.

On my site I am using XOOPS 2.0.13.2
I designed small images which I would like to have act as buttons by placing a link under them. How can i make a link and position it under one of these images so that it links me to another part of my site when i click it?

Thank You
-Dylan

2
gediminasbyt
Re: Making a Link

Are you refering to butons that you click on top or on a side as a navigation buttons?

You have to edit your xoopsdirectory/themes/themeyouareusing/theme.html file.

Gediminas

3
Dylan55468
Re: Making a Link
  • 2005/12/3 22:34

  • Dylan55468

  • Just popping in

  • Posts: 10

  • Since: 2005/12/2


These arent actually buttons. They are just images, however i would like to make it so that when you click on the image it links you to somewhere else on my site. What would i have to change in the theme.html file?

Thank You
-Dylan

4
Dylan55468
Re: Making a Link
  • 2005/12/3 22:35

  • Dylan55468

  • Just popping in

  • Posts: 10

  • Since: 2005/12/2


These arent actually buttons. They are just images, however i would like to make it so that when you click on the image it links you to somewhere else on my site. What would i have to change in the theme.html file?

Thank You
-Dylan

5
iHackCode
Re: Making a Link

are you talking about

something like this?

Resized Image
CBB / LatestNews / Publisher / XM-Spotlight

(ノ◕ヮ◕)ノ*:・゚✧

6
iHackCode
Re: Making a Link

i dont know your experience so. here is the html code to that will do the equivilent of what i did above with 'Xoops Code' since, html is disabled in the boards and it wouldnt show up.


<a href="https://xoops.org" target="_self"><img src="https://xoops.org/themes/xooriginal/logo.jpg"/></a>


"https://xoops.org" is where the person will go when they click the image "https://xoops.org/themes/xooriginal/logo.jpg", and target="_self" will make it open in ur current window but will usually do the same thing if not included.

http://www.w3schools.com has info on html tags and such. its a good place to look up tags.

and my above post i used:

Resized Image
CBB / LatestNews / Publisher / XM-Spotlight

(ノ◕ヮ◕)ノ*:・゚✧

7
SimonTheMime
Re: Making a Link

No, the navigation buttons as somebody said. He's got a weird theme on his site EClearly. They decided to go for the simplistic and clean cut look so they chose that theme.

Problem is, you have to add the buttons in through a graphics program, and the link in theme.html or something, but it isn't working out properly.

I've tried for a while to help him with this, and have had no success. If anybody wishes to try it out and help him - the theme is here.
RF Online

8
iHackCode
Re: Making a Link

it looks like it is using some CSS.

im not good with this stuff but. here is what u should do.

Edit. style.css that came with the theme
Replace
#accueil {position: absolute; left: 286px; top: 207px; width: 51px; height: 19px;}
#forum {position: absolute; left: 388px; top: 206px; width: 51px; height: 19px}
#annuaire {position: absolute; left: 339px; top: 206px; width: 51px; height: 19px}
#contact {position: absolute; left: 451px; top: 206px; width: 51px; height: 19px}

withL
#home {position: absolute; left: 158px; top: 206px; width: 47px; height: 19px;}
#abou {position: absolute; left: 208px; top: 206px; width: 62px; height: 19px;}
#sell {position: absolute; left: 273px; top: 206px; width: 88px; height: 19px;}
#ourb {position: absolute; left: 364px; top: 206px; width: 66px; height: 19px;}
#faqb {position: absolute; left: 433px; top: 206px; width: 36px; height: 19px;}
#foru {position: absolute; left: 472px; top: 206px; width: 45px; height: 19px;}
#memb {position: absolute; left: 520px; top: 206px; width: 62px; height: 19px;}
#cont {position: absolute; left: 584px; top: 206px; width: 58px; height: 19px;}


and in the theme.html file Replace
<div id="header">        
        <
a  id="accueil" href="<{$xoops_url}>" ></A>
        <
a  id="annuaire" href="<{$xoops_url}>/modules/mylinks/"></A>
        <
a  id="forum" href="<{$xoops_url}>/modules/newbb/" ></A>
        <
a  id="contact" href="<{$xoops_url}>/modules/contact/"></A></div>

With:
<div id="header">        
        <
a id="home" href="<{$xoops_url}>"></A>
        <
a id="abou" href="<{$xoops_url}>/about"></A>
        <
a id="sell" href="<{$xoops_url}>/sell"></A>
        <
a id="ourb" href="<{$xoops_url}>/our"></A>
        <
a id="faqb" href="<{$xoops_url}>/faq"></A>
        <
a id="foru" href="<{$xoops_url}>/modules/newbb/"></A>
        <
a id="memb" href="<{$xoops_url}>/members"></A>
        <
a id="cont" href="<{$xoops_url}>/modules/contact/"></A></div>


yea i know. i name things weird. hope that helps. . edit the links and i think some of those rectangles are off a pixel or two
CBB / LatestNews / Publisher / XM-Spotlight

(ノ◕ヮ◕)ノ*:・゚✧

Login

Who's Online

217 user(s) are online (142 user(s) are browsing Support Forums)


Members: 0


Guests: 217


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: May 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits