I need to create a slider shortcut that allows the inclusion of additional information

Asked

Viewed 36 times

0

Hello! I developed the site http://www.ibrapper.org.br/ using a Wordpress theme. And the client requested to put a shortcut to receiving donations as the site https://www.hcancerbarretos.com.br/

I haven’t found any plugin that does this yet. They recommended making a "div" but I don’t know how to do it. I would like help!

1 answer

0

The shortcut used there is very simple, only a div with position: fixed and an external link. The rest is CSS positioning:

body { height: 3000px; }
.link { 
  position: fixed; 
  top: 50px; 
  left: 0; 
  width: 100px; 
  height: 100px; 
  background: gray 
}
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In id dolor magna. Phasellus pharetra nulla tellus, ut dapibus felis aliquet quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non massa eget libero malesuada sollicitudin. Vivamus lobortis, quam ut pulvinar hendrerit, nulla ligula placerat dui, nec consequat sapien justo vitae turpis. Etiam eget tortor nulla. Cras vitae nulla viverra, euismod sapien nec, dapibus libero. Nam non dolor nec nunc efficitur accumsan. Sed pellentesque placerat nisi nec ultrices. Quisque ac lacinia dolor, sit amet molestie lacus. Nullam sed orci nec mi blandit elementum ut sed libero. Duis sodales odio sed mauris tempus consequat. Donec vehicula nibh quis velit vehicula pulvinar. Maecenas finibus lorem at cursus vulputate.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In id dolor magna. Phasellus pharetra nulla tellus, ut dapibus felis aliquet quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non massa eget libero malesuada sollicitudin. Vivamus lobortis, quam ut pulvinar hendrerit, nulla ligula placerat dui, nec consequat sapien justo vitae turpis. Etiam eget tortor nulla. Cras vitae nulla viverra, euismod sapien nec, dapibus libero. Nam non dolor nec nunc efficitur accumsan. Sed pellentesque placerat nisi nec ultrices. Quisque ac lacinia dolor, sit amet molestie lacus. Nullam sed orci nec mi blandit elementum ut sed libero. Duis sodales odio sed mauris tempus consequat. Donec vehicula nibh quis velit vehicula pulvinar. Maecenas finibus lorem at cursus vulputate.


<div class="link"><a href="http://google.com" />faça sua doação</a></div>

  • Thank you so much for your help .... It worked out fine!

  • Cool, Paula! If you decided you can accept the answer so your question is not pending. :)

Browser other questions tagged

You are not signed in. Login or sign up in order to post.