Post by Azra on Aug 21, 2022 23:13:37 GMT
[attr="style","display:grid;grid-template-columns:10% auto;grid-column-gap:10px;grid-template-areas:'Side Main';"]
[attr="style","grid-area:Side;margin-bottom:4px;"]
[attr="style","height:100%;border:2px #6066FF solid;background-image:url(https://i.pinimg.com/originals/fb/4d/9a/fb4d9af54492d3655574abf1d6ede12a.jpg);background-repeat:repeat-y;background-size:250%;"]
[attr="style","grid-area:Main;"]
[attr="style","border: 2px #6066FF solid;padding:8px;color:#FFFFFF;"]This div style is available for people to work with - however, I designed the specifics with a certain character in mind, so I'd ask that people use different images and colors if they want to use the style.
The idea behind this one is to try to invoke that same flavor that a background image does, but without the background image getting in the way of the text.
Instead of a background image on the actual posting part, I designed a sidebar that holds the background image. The image is set to tile in the current code, but you could change that if you wanted. Change the background-size percentage to adjust the zoom-in on your image.
Now I'm just babbling to take up vertical space so the code displays properly.
Here's some more text.
I don't hate it.
BUT how does it look if continued/repeated.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
This div style is available for people to work with - however, I designed the specifics with a certain character in mind, so I'd ask that people use different images and colors if they want to use the style.
The idea behind this one is to try to invoke that same flavor that a background image does, but without the background image getting in the way of the text.
Instead of a background image on the actual posting part, I designed a sidebar that holds the background image. The image is set to tile in the current code, but you could change that if you wanted. Change the background-size percentage to adjust the zoom-in on your image.
Now I'm just babbling to take up vertical space so the code displays properly.
Here's some more text.
I don't hate it.
BUT how does it look if continued/repeated.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
The idea behind this one is to try to invoke that same flavor that a background image does, but without the background image getting in the way of the text.
Instead of a background image on the actual posting part, I designed a sidebar that holds the background image. The image is set to tile in the current code, but you could change that if you wanted. Change the background-size percentage to adjust the zoom-in on your image.
Now I'm just babbling to take up vertical space so the code displays properly.
Here's some more text.
I don't hate it.
BUT how does it look if continued/repeated.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
This div style is available for people to work with - however, I designed the specifics with a certain character in mind, so I'd ask that people use different images and colors if they want to use the style.
The idea behind this one is to try to invoke that same flavor that a background image does, but without the background image getting in the way of the text.
Instead of a background image on the actual posting part, I designed a sidebar that holds the background image. The image is set to tile in the current code, but you could change that if you wanted. Change the background-size percentage to adjust the zoom-in on your image.
Now I'm just babbling to take up vertical space so the code displays properly.
Here's some more text.
I don't hate it.
BUT how does it look if continued/repeated.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum