I want to connect my food and beverage diary with fitness apps. With every meal in the plan, an A.I. generated image as a preview...
HTML code to change the background / cover image dynamically using #𝐦𝐲𝐚𝐫𝐭 simple raster graphics.
<!DOCTYPE html> <html> <head> <style> body { background: url(https://www.luka.jagor.info/spinImage) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .center { margin: auto; background-color: white; width: 60%; border: 3px solid #73AD21; padding: 10px; } </style> </head> <body> <h2>Spin Image Background (𝘮𝘪𝘭𝘥)</h2> <p>To horizontally center a block element (like div), use <b><i><code>margin: auto;</code></i></b></p> <div class="center"> <p>Hello World!</p> </div> </body> </html>
<!DOCTYPE html> <html> <head> <style> body { background: url(https://www.luka.jagor.info/spinCover) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .center { margin: auto; background-color: white; width: 60%; border: 3px solid #73AD21; padding: 10px; } </style> </head> <body> <div style="background-color:rgba(255, 255, 255, 0.8);padding:2em"> <h3>pin Image Cover</h2> <p>To horizontally center a block element (like div), use <b><i><code>margin: auto;</code></i></b></p> </div> <p> </p> <div class="center"> <p>Hello World!</p> </div> <p> </p> <div style="background-color:rgba(255, 255, 255, 0.8);padding:2em"> <h3>Advanced</h3> <pIn order to have a different cover image displayed multiple times on the web page, use the following PHP code: <b><i><code>url(https://www.luka.jagor.info/spinCover?r=<?php echo rand() ?>)</code></i></b></p> </p> </div> </body> </html>live demo -> https://www.luka.jagor.info/4developers/spinImage/
Image Gallery CMS WebApp - I dream my software will fall into good hands - to display nice content. Soon more info on tools and possibilities. Upload an image to the filesystem & MySQL database. The image in the database is optimized to fit the needs with 'webp' re-encoding and setting proper width/height pixel size. The original image file is intact and stored on the filesystem.
on SourceForge.net -> https://sourceforge.net/projects/image-gallery-cms/I'm very proud after just 130 days #ravetheworldradio launched, in my homeland they've set up Digital Audio Broadcasting DAB+ radio services. Soon - no more analog FM - analogue to gossip.
Custom embeddable code by user-defined background color. Custom image/video backgrounds can be available on demand. There are still some effects to be worked out, like fullscreen view.
Copy the default ↓
<iframe loading="lazy" src="https://www.ravetheworldradio.com/EmbedPlayer.html" name="Rave" scrolling="No" height="600px" width="100%" style="border: none;"></iframe>live demo -> https://www.ravetheworldradio.com/#about
Using "YOURLS" engine - »The de facto standard self-hosted URL shortener«
live demo -> https://www.pub.luka.guru/