Support Forum
Welcome to our community! Browse the forums, share a tip, give your feedback, ask a question, and search to find answers.

How do i add links on top of an image?

Final result will be a screen size image covered in about 30 links to other websites.

Is that doable in ucraft? If not which free site can do this. Most cannot.

NOTHING else will be on the site

Thanks fellow sufferers!

8replies Oldest first
  • Oldest first
  • Newest first
  • Active threads
  • Popular
    • Armine
    • Armine_z
    • 2 yrs ago
    • Answer
    • Reported - view
    1. You can add title or paragraph elements on image and set inks on them. On actual image you can add only one url. 
    2. You can write a custom code in site settings and add links on image in that way. Custom code will work on your custom domain. 
    Like 1
    • xx
    • pink_feather
    • 2 yrs ago
    • Reported - view

    free sites are allowed 15 pages.

    how do i add a page?

    Like
    • xx
    • pink_feather
    • 2 yrs ago
    • Reported - view

    can each page have its own address?

    Like
  • To create a new page. Simply navigate to your Dashboard > Pages App > Click on the + icon and select the type of page you'd like to create. 

    You can look through this article to get more familiar. 

    Like
    • xx
    • pink_feather
    • 2 yrs ago
    • Reported - view

    thanks can each page have its own address?

    Like
    • xx
    • pink_feather
    • 2 yrs ago
    • Reported - view

    sadly ucraft cannot make my simple website.

    it has 30 links on a page, some have 5 in a row,

    ucraft cannot do this.

    can anyone reccommend a good website provider- free for about a year?

    Like
  • To add links on top of an image, you can use HTML and CSS code. Here's an example code snippet that includes an image and a link to Pinterest:

    <div style="position:relative;">
      <img src="image.jpg" alt="example image" width="500" height="300">
      <a href="https://www.pinterest.com" style="position:absolute;top:0;left:0;width:100%;height:100%;"></a>
    </div>
    
    

    In the code above, the div element is set to position:relative to allow positioning of its child elements. The img element is used to display the Pinterest  image, and its source, width, and height are specified. The a element is used to create the link to Pinterest. It is set to position:absolute and its top, left, width, and height are set to 0, 0, 100%, and 100%, respectively. This makes the link cover the entire image.

    You can modify the code to include your own image and link. Simply replace the src attribute of the img element with the URL of your image, and replace the href attribute of the a element with the URL of your link.

    Note that this is just one way to add links on top of an image using HTML and CSS. There are other ways to achieve the same effect, depending on your specific requirements and preferences.

    Like
  • You can use plugin ....

    Like
Like Follow
  • Status Answered
  • 1 yr agoLast active
  • 8Replies
  • 75Views
  • 5 Following