University of Nebraska at Omaha
UNO global navigation:
inside.
- Includes
- inside.
- unomaha.edu.
- also.
- Code
- Feature
- Headlines
- Graphics
- Float
- Header
- Titles
- Squares
- Rectangles
- Feature
- Javascript
- Random Squares
- Random Rectangles
- Pop a New Window
- More
- Analytics
- Color Schemes
- Fonts
- Validation
This page's main content:
squares.
The 'squares.psd' file is used to create square images of the correct size for use with your template. Of course, you can always use another graphics application - just make sure the image you want to use ends up being exactly 118 pixels wide and 120 pixels high, saved as a .gif or .jpg file.
If you use Photoshop, you can keep all you square images neatly in separate layers of the same file. Also, using this Photoshop file will ensure that your image ends up in the proper size. So, if you want it, and don't already have it, (right-click this link and save link as 'squares.psd' [yoursite/img/misc/square.psd]). Open the file with Photoshop. If necessary, seek help.
For instance:
Put your image(s) into the Photoshop file, and save as necessary using the JPEG format (try to keep your file sizes below 15k max): [yoursite/img/misc/square_imgdescription.jpg].
If you are not choosing the randomizing option described below, your code for the image and menu used above would look like this (do not cut and paste from this page):
<img alt="image description" src="img/misc/yourimg.jpg" />
javascript randomized squares.
Now, if you want the squares to be randomized and linkable, as on the www.unomaha.edu top-level pages, you will do as described next.
You will need to visit the 'inside.>Javascript>Random Squares' to create the needed javascript — but you can do that later. As before, collect all of the square images you will need and paste them into individual layers in your 'squares.psd' file. Now save each one as a JPEG, numbered sequentially into [yoursite/img/rnd/square/01.jpg]. Note that there are a few directories added here. The code to call the randomized squares for placement atop the menu above (pretend that it is randomized), would look like this (do not cut and paste from this page):
<div class="bod_top_square"><script type="text/javascript">square_rnd()</script></div>
OK, Now you can look at the 'inside.>Javascript>Random Squares' link at left (if you have not already done so) for info on how to edit the javascript.
