A good website template often has simple touches that make it just right for a site design. Below are three common issues that people often battle to try and work out how to achieve.
How to remove the last border of a list
Often you will use borders to separate top or bottom navigation menu items. However you don’t want to have a ‘divider’ at the end or a beginning of a menu list.
All you have to do in your CSS code is add a ‘last-child’ and tell the right border to be ‘none’.
Below is an example:
#topnav li:last-child { border-right: none;}How to create a tiled image for a background
Sometimes a plain colour or a fancy graphic just isn’t suitable for a website template, but you need something that adds just a bit more depth to a design. Well a tiled background image might just solve the issue. Tiled images can be extremely small in pixel size and in file size, which is great for website performance and they are easy to create.
Below is an example 9×9 pixel image enlarged:
Example CSS code:
body { background-image : url('background.gif') ; background-attachment:fixed; }
The fixed option has been used as it is a small background image and means a ‘blurred’ effect isn’t created when people scroll down a page.
How to create an image silhouette
Sometimes you need a template image or two without vibrant colours to distract from your content. On occasion an image silhouette serves the purpose. Using graphic design software you can change the ‘threshold’ to create silhouettes.
Tips: Try and use images that have a white or light background colour. You also might need to reduce the brightness before you change ‘threshold’ levels.
Example:
Conclusion
If you are not following the Neogain blog then I highly recommend you do. Each week we publish plenty of useful CMS, Design and SEO tips that help people across the world. Also why not check out our archive of blog posts? You will find great content just waiting to be read.
Plus if you need some expert help then why not hire us? We are a UK firm and have expertise in content creation, design, marketing and website administration. We are used to building sites from scratch or turning around poorly performing websites. We know how to increase website traffic amongst many other website skills.
Just send us a message and tell us about your requirements. We will respond quickly and we look forward to hearing from you.
No comments:
Post a Comment