About two months ago I designed a new theme for Electronic Engineering Polytechnic Institute of Surabaya (EEPIS). There are some requirements for the new theme, one of them is to simplify the menu and its contents. EEPIS is one of the best polytechnic in Indonesia which has so many information to share on its website, and I have to make it to look simple at first look.
Before I discuss the new look of EEPIS site, below is the screenshot of previous theme.
For the new theme, I decided to use a large picture for its background as it is become a trend in recent years and also EEPIS has a beautiful building which is great to use as a background. The background will stay on its position when user scroll down their screen. This is the result of my design.
To make the background stay on its position when user scroll down their picture, I use “fixed” for “position” in my CSS and put the style on the outer div, before my wrapper div. For example like the div below: