Welcome • User Guide
ToS • Privacy • Canary
Donate • Bugs • License

©2025 Poal.co

1.4K

I found a particularly interesting image that is relevant to the deadpool sub. The image shows the current, average, and full water levels for Lake Mead. (usbr.gov)

My understanding is the image is database driven and regenerated periodically (I think with the same link though). So a person viewing it over time will see it update per the US bureau of reclamation real time data: https://usbr.maps.arcgis.com/apps/dashboards/81aaec3e74024ce6b9a5e50caa20984e

Is it possible to embed the image URL in the CSS for the page header or sidebar such that the image is pulled from the USBR website? If so, is some example CSS available?

EDIT: For completeness, here is the CSS code I got from Ivan which worked for adding an image to the sidebar:

body .sbimg {

height: 200px;

background: url(%%YourPicNameHere%%) no-repeat center/contain;

}

[I found a particularly interesting image that is relevant to the deadpool sub. The image shows the current, average, and full water levels for Lake Mead. ](https://www.usbr.gov/lc/region/g4000/riverops/webreports/LakeMead.png) My understanding is the image is database driven and regenerated periodically (I think with the same link though). So a person viewing it over time will see it update per the US bureau of reclamation real time data: https://usbr.maps.arcgis.com/apps/dashboards/81aaec3e74024ce6b9a5e50caa20984e Is it possible to embed the image URL in the CSS for the page header or sidebar such that the image is pulled from the USBR website? If so, is some example CSS available? EDIT: For completeness, here is the CSS code I got from Ivan which worked for adding an image to the sidebar: body .sbimg { height: 200px; background: url(%%YourPicNameHere%%) no-repeat center/contain; }

(post is archived)

You are currently inside a comment thread.
Click here to see all the comments (8).
[–] • 1 pt 2y

10-4. I can use static images that I manually capture from time to time and then update the copy found in my sub css depository. I need to check out poaldev later for some actual examples. I've written some COM application automation in vb and python and a bit of java but never have messed with css stuff before.

[–] • 0 pt 2y

The example is right below the sub’s image upload in the custom CSS section.

[–] • 1 pt 2y

Cool I tried it and my image was tiled in a most unflattering way across the page body. Now I know how to do that, and I reset it back to how it was.

I guessed and tried body{ sidebar: url(%%LakeMead%%); } and it saved but it also did not show up in the sidebar. I need to scan poaldev for the right terminology to use.

[–] • 0 pt 2y

Here's the example I got from Ivan which worked. You could consider adding it as a 2nd example in a sub's custom CSS section if you are so inclined.

body .sbimg {

height: 200px;

background: url(%%YourPictureNameHere%%) no-repeat center/contain;

}

[–] • 0 pt 2y

Yeah, this is basic css, not specifically related to poal.

There are tons of examples, online.

You can search for "make a banner image with css"

/s/poaldevhas a sidebar image for each mode (day/grey/dark). Check out the css code in the page source.