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

0

Hello! I developed the link site using a Wordpress theme. And the client requested to place a shortcut to receive donations such as link

I have not yet found any plugins that do this. They recommended making a "div" but I do not know how. I would like help!

    
asked by anonymous 10.11.2016 / 15:10

1 answer

0

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

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>
    
10.11.2016 / 16:20