Monday, November 24, 2014
Narrative Site Update #3: Navigation and Image Frame
From the last time I posted an update, I've made quite a few significant changes to the "skeleton" of the site (a.k.a. items that will be on every page).
The first new addition is the top navigation bar. The text is once again a series of images, due to the fact that I used a font that is not typically on most computers. The text indicating the page you are on is larger and a dark teal color, while other links are smaller and colored black. However, when you hover over the links, they will change to the same dark teal color as the larger text. The navigation is sandwiched between what I like to call a caution-tape border - it serves no purpose other than aesthetics, but I really like the way it ended up looking.
The other major addition to the site was including a frame for the story images on the site. For this, I used a CSS custom class to dictate the background for each image, so this background is not a part of the images themselves & can be repeated from page to page. The image I included in the screenshot above will not be the image on the home page in the final product, but will be included in the main story. Of course, I have my artist Amanda to thank for that; she's gotten 2 of the 10 scenes done already, and they look absolutely magnificent! Her art will truly make the story come alive.
Finally, I added a background image to the bottom navigation bar; it's the same image I used in the header, so nothing new there. However, I think it gives the site a rounded-off, more finished feel.
Subscribe to:
Post Comments (Atom)

No comments:
Post a Comment