Background Images in Posts
some really old thongs that have traveled far and wide with me
Okay, while on Twitter, I see my friend @DanLopez2012 tweet that he figured out a kewl way to do a background image in a post. And the geek in me had to check it out. So I grabbed a random pic that was on my server and threw it into the code.
Here’s the code:
<div style=”background-image: url(http://www.yvonnelyon.com/images/thongs148×160.jpg); width: 100%; height: 100%;”>
</div>
The pic of the thongs are only 148px by 160px or something like that. The code repeats it across the screen. But if I use the actual size of the pic in the code, then the text itself is only as wide. It effects the entire post. But on the really kewl side, if you have a nice big pic that you want to use as a background image in a post, vwhalla!
Thanks Dan, for another really good BSO (bright shiny object). At least this one had an education and purpose to it!
Feel free to swipe the code and use it, but make sure you thank Dan for it (you can find him on Twitter!)
Yvonne
Comments
Got something to say?