+ 3

How can i put an image from my PC and set it as the background of my output with "Hi Dark Avenger" as a phrase on the image.

12th Oct 2017, 5:04 PM
Neo
Neo - avatar
2 Réponses
+ 2
edit the image to include the phrase for somethimg more "empowering" have a look at OpenFrameworks or Cinder
12th Oct 2017, 5:50 PM
seamiki
seamiki - avatar
+ 1
here is an example: <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .container { position: relative; text-align: center; color: white; } .bottom-left { position: absolute; bottom: 8px; left: 16px; } .top-left { position: absolute; top: 8px; left: 16px; } .top-right { position: absolute; top: 8px; right: 16px; } .bottom-right { position: absolute; bottom: 8px; right: 16px; } .centered { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } </style> </head> <body> <h2>Image Text</h2> <p>How to place text over an image:</p> <div class="container"> <img src="img_snow_wide.jpg" alt="Snow" style="width:100%;"> <div class="bottom-left">Bottom Left</div> <div class="top-left">Top Left</div> <div class="top-right">Top Right</div> <div class="bottom-right">Bottom Right</div> <div class="centered">Centered</div> </div> </body> </html>
22nd Sep 2019, 9:08 PM
Yehuda David
Yehuda David - avatar