Hyperlink from code block

Site URL: https://www.astriid-l2p.org/leaderboard

Hi - does anyone know how I can add a hyperlink to a code block.  On this page https://www.astriid-l2p.org/leaderboard I want to make all the 'team names' in this code block table, hyperlinks to an external web-page.  Any help greatly received.  Thanks AS89.

Edit your Code Block, I mean this code

Quote

<td scope="row" data-label="team">SZR Team</td>

to this

Quote

<td scope="row" data-label="team"><a href="https://beaverhero.com" target="_blank">SZR Team</a></td>

Do similar for other.

Thanks thats great!

Hi is there anyway on this page https://www.fitprintsforgood-mufgemea.com/ of combining the the two images

So you will see an image of a person tying up their pink trainers, is there any way when you  scroll over it shows the 'distance' image below?

Thanks

On 9/4/2020 at 6:05 PM, AS89 said:

Hi is there anyway on this page https://www.fitprintsforgood-mufgemea.com/ of combining the the two images

So you will see an image of a person tying up their pink trainers, is there any way when you  scroll over it shows the 'distance' image below?

 

Thanks

I din't get the notification. Do you still need help on this?

Thanks the above is ok now, but could you help with below.

Can you tell me how I can recode the table so the three activities columns on the code block are merged so they become a wider section to enter text into?

https://www.fitprintsforgood-mufgemea.com/events

Thanks

Arun

On 8/26/2020 at 7:18 PM, tuanphan said:

Edit your Code Block, I mean this code

to this

Do similar for other.

Hello Tuanphan,

I have just used this code to add a link in a table.

Thank you! Once again!

could you please include code to change the link to a different colour (currently it is the colour of setting)

Thank you

Paul

On 8/1/2023 at 11:41 PM, paultogether said:

Hello Tuanphan,

I have just used this code to add a link in a table.

Thank you! Once again!

could you please include code to change the link to a different colour (currently it is the colour of setting)

Thank you

Paul

  

If change one link only, you can use this

<td scope="row" data-label="team"><a href="https://beaverhero.com" target="_blank" style="color:#f1f !important;">SZR Team</a></td>

If you have many links need to change, please share link to page where you use code, we can give another code

6 hours ago, tuanphan said:

If change one link only, you can use this

<td scope="row" data-label="team"><a href="https://beaverhero.com" target="_blank" style="color:#f1f !important;">SZR Team</a></td>

If you have many links need to change, please share link to page where you use code, we can give another code

Thank you Tuanphan

the link is here Code Prac — Volunteering, Electives, & Gap Years (gafv.global)

it's a practice page, so I have made it live.

The whole last column is links only

I would like them all a different colour, and when they have been clicked, to change colour

I have found some code for this, but I do not know how to include it in my table html code, or the CSS code.

see below

HTML Link Colors (w3schools.com)

Add  hyperlinks with different colours

<style>
a:link {
  color: green;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: pink;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: red;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: yellow;
  background-color: transparent;
  text-decoration: underline;
}
</style>

Add this code to Code Block, under your table code

<style>
  table.projectTable a {
    color: #f1f;
}
table.projectTable a:visited {
    color: red;
}
table.projectTable a:hover {
    color: black;
}
</style>

brilliant thank you. I'll email you too