Template with tabs

I think the tabs need a bit of work, but here's how it looks at this point. Also, I think the secondary navigation is now getting lost a bit, so that is something to take a look at.

http://www.jmu.edu/news/tsc-test/index.shtml

Template with sample text & photos

http://www.jmu.edu/news/tsc-test/index.shtml

Templates with sample headings and text

I have updated the home page and the "About" page templates with the sample headings and text from Kate.

http://www.jmu.edu/news/tsc-test/index.shtml

select list code

Here's a select list for anyone who needs one:
Note: Take out the spaces I added between the brackets and the text.

< name="toppings" size="1">
< value="" selected="selected"> Select Topic< /option >
< value="Mushrooms">Mushrooms
< value="Extra Cheese">Extra Cheese
< value="Pepperoni">Pepperoni
< value="Black Olives">Black Olives
< value="Green Peppers">Green Peppers
< value="Onions">Onions
< /select >

More work on navigation/templates

Here's the latest version of the templates using css and xhtml. I have not tried to create rounded tabs yet.

http://www.jmu.edu/news/tsc-test/index.shtml

If you click on "About" and "History," you will see the third navigation level. Most of the other links will just return you to the home page.

Final TSC Logo

Hello Team,

Here is the final TSC Logo. I have saved the logo in multiple formats including

• .eps
• .ai
• .pdf
• .png
• .psd
• .pct
• .swf
• .tif

I have created six sizes of the logo at .5-inch intervals, from .5 inches to 3.0 inches. All of these files have been saved in multiple locations. Dr. Philbin also has a copy of all the files on a CD-R. I am posting a 1-inch .png version of the logo in this blog; however, I am not posting a vector graphic or large version, for proprietary purposes.

Raphael,








Copyright 2007

design guide for the logo

Hello,

Does anyone know how to upload an image from my computer to blogger? I don't have any hosting space for my images, so I suppose it would have to be imbedded into the blog entry.

I wanted to post a design guide with images and graphics. However, in lieu of posting the .pdf, I will just put up the copy for people to comment on. It is a little heavy on the typography terminology, but I wanted to be as specific as possible.

-Christine
------------------------------------------

"The font for the exterior words is Optima. The font for the interior 'TSC' is Adobe Caslon Pro. The bullets in between the words are glyphs from Adobe Illustrator’s Adobe Caslon Pro regular font. The ratio of the size of the exterior words to the interior is 3:10. For example, if the interior words were 100pt, the exterior words would be 30pt.

The 'I' is a graphic, modified from Adobe Caslon Pro’s capital 'I'. The height is increased by approximately 35%. The serifs remain adnate and bilateral. However, the upper two terminals are raised slightly above the cap height and the lower two terminals slightly below the baseline. This causes the letter to meet the cap height and baseline at a curve rather than with the traditional horizontal slab. It appears at 10% opacity.

The three elements of the logo – the circle, 'TSC', and the 'I' – are aligned vertically as well as horizontally to keep the logo symmetrical and balanced. These should not be repositioned.

Avoid placing the logo on a colored background. The knockout also makes the solid letters appear smaller and the 'I' can very easily be lost."