Showing posts with label div. Show all posts
Showing posts with label div. Show all posts

Wednesday, November 21, 2012

The AYSO News Widget

We recently debuted a news widget for use on AYSO Region websites. It’s fairly simple to use and comes in three different sizes to complement a variety of website layouts.

The widget is programmed in JavaScript, but doesn’t need to be placed in the page’s header tag. Simply copy the JavaScript tag and place it wherever you want it to show up on your website. If you want to have text wrap around the widget, you can place it in a DIV tag and float it in the text. Below is an example of how you would do that:

Code: <div style=”float: right;”><script type="text/javascript" src="http://marketing.ayso.org/js/aysonewswidget200.js"></script></div>

The DIV tag defines a division or a section in an HTML document and is used to group element, and then formats them with CSS.

To add the news widget to your website, visit the Region Toolkit.

For more information about how a DIV tag works, visit the W3C Schools website. They have great information on all things HTML/CSS.