Getting Started

Vut is very easy to install, but we reccomend using JQuery alongside it.

Adding VUT files

Go on over to the "code" section, navigate to the code folder, right click on vut.js, and click OPEN IN NEW TAB. Do the same for vut.css. Copy the code of both files from the new tabs into the corresponding files on your web server (create vut.js, copy code from vut.js in code section, do same for CSS.). Now in your HTML document's header, add

<script type="text/javascript" src="vut.js"></script>.

Then add

<style type="text/css" src="vut.css"></style>.

Adding JQuery

Now add the following code to your HTML document's header:

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

Now you have JQuery!

Initializing VUT

The reason we add JQuery is to initialize our script. Add the following code in your header:

<script type="text/javascript">
$( document ).ready(function() {
  vut_init();
});
$( window ).load(function() {
  vut_init();
});
</script>

Using VUT

Now go ahead and try adding some basic VUT to your page. Try using the [Color Tags].