Comedy Whirled

Here's a quick way to have some fun:

(Go to: Appearance>Advanced>paste code)

 

If you would like to add an image to your hello box then add this code to the top of your CSS Box. You can also add it to the bottom of the Body Section in the code. This code is adjustable too.


1.) You can adjust the height of the hello box in the height line.
2.) You can also align the image left, center, or right in the background-position line.
3.)You can add a background top margin if you need to adjust the image within the box as well. Sometimes the picture starts under the module header and you can't see it. So you can move it down by adding a top-margin.
4.) If you have a small image and want it to repeat, Change the background repeat to: background-repeat:repeat;

Note: Your module backgrounds must be set to the color: transparent and not have a color or image link in order for the hello box image to show.



Code:


/* Hello Box: Adjusting height to see more of the background image) */ .account-links {
height:140px;
}
/* Hello Box Background */
#xg_module_account {
background:transparent url(image link);
background-repeat: no-repeat;
background-position: right !important;
background-margin-top: 0em !important;

 

 

Simply substitute 'image link' with your GIF URL, which looks similar to this in size & content:  http://upload.wikimedia.org/wikipedia/commons/2/2b/Seven_segment_di...

STAY TUNED  -  MORE TO COME SOON

Views: 34

Comment

Got a funny caption? Join Comedy Whirled!

Join Comedy Whirled

© 2019   Whirled Wide Network   Powered by Windmills

Badgers  |  Complain Complain Complain  |  Terms of Service