@donho,
I don’t know how much you can customize your stylesheets, or add <style> tags to individual pages. But if I use my browser’s “Inspect” tool, and add the following <style> to either the <head> or near the top of the <body>:
<style>
ins {
background: linear-gradient(to bottom right, white, white 48%, red 48%, red 52%, white 52%, white);
border: 3px solid red;
}
</style>
Then I can make the page render like this:
e66eb613-8b60-4486-a325-47d37e620a94-image.png
<style>
ins {
/* Set a transparent border to allow the background gradient to show through */
border: 4px solid transparent;
/* Apply your gradient as the background */
background: linear-gradient(white, #f77) padding-box,
linear-gradient(to right, #f00, #3020ff) border-box; /* The gradient for the border */
/* Ensure the background covers the border area */
background-origin: border-box;
/* Clip the background to the padding box and border box to create the effect */
background-clip: content-box, border-box;
/* Apply border-radius for rounded corners */
border-radius: 30px;
}
</style>
5c1bb69e-b311-4c06-a689-69f59d737a7e-image.png
with an ins::before, you could even add an “AD:” prefix to any advertising content:
<style>
ins::before {
content: "AD:";
/* You can add other styling properties here */
font-weight: bold;
}
ins {
/* Set a transparent border to allow the background gradient to show through */
border: 4px solid transparent;
/* Apply your gradient as the background */
background: linear-gradient(white, #f77) padding-box,
linear-gradient(to right, #f00, #3020ff) border-box; /* The gradient for the border */
/* Ensure the background covers the border area */
background-origin: border-box;
/* Clip the background to the padding box and border box to create the effect */
background-clip: content-box, border-box;
/* Apply border-radius for rounded corners */
border-radius: 30px;
}
</style>
e99e1142-27f4-466f-9dea-ec3d42f467da-image.png
I don’t know if doing any of these would violate the terms of service for your hosting… But if not, and if you can insert your own style to change borders and background of the ins tag using something similar to one of the examples I’ve done (even if not exactly what I’ve done), then you could at least make it more obvious to users that those are ad links rather than real download links.
