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:
rectangles.
The 'rectangle.psd' file is used to create rectangular images for use in the left and ⁄ or right columns of your template — if you have chosen such a template. If you want to float an image in the content area, follow the 'inside.>Graphics>Float' links at left.
If you don't already have it, (right-click this link and save link as 'rectangle.psd' [yoursite/img/misc/rectangles.psd]). Open the file with Photoshop. If necessary, seek help.
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/rect_imgdescription.jpg].
For instance:
The image above was place via the following code (do not cut and paste from this page):
<div class="bod_rect"><img src="../img/misc/rect_yourimagename.jpg" /></div>
randomized javascript rectangles.
If you so choose, you can randomize the rectangles as on some www.unomaha.edu top-level pages. You will need to vist the 'inside.>Javascript>Random Rectangles' to create the javascript needed to randomize your images — but you can do that later. So collect all of the rectangular images you will need and paste them into individual layers in your 'rectangles.psd' file. Now save each one as a JPEG, numbered sequentially into [yoursite/img/rnd/rect/01.jpg]. Note that there are a few directories added here. The code to call the randomized rectangles for placement as above (pretend that it is randomized), would look like this (do not cut and paste from this page):
<div class="bod_rect"><script type="text/javascript">rect_rnd()</script></div>
OK, Now you can look at the 'inside.>Javascript>Random Rectangles' link at left (if you have not already done so) for info on how to edit the javascript.
