About BasicTemplates

BasicTemplates.com designs Website Templates with External CSS and has been providing webmasters worldwide with affordable template designs since 1994. BasicTemplates currently offers 650+ designs which may be purchased individually or get complete access to all templates via an affordable membership plan. Most templates were strategically designed with interchangeable graphics and elements to increase the potential number of design layouts for the end user. Each layout utilizes an external style sheet for easy site maintenance and to ensure fast page load.
Quickie Popup Windows with JavaScript

Popup windows were the rage for years but are fast becoming extinct as popup blocker software franticly tries to eliminate this overly abused feature. It’s sad to think that a useful web feature that was utilized by millions of websites over the years for all the right reasons will someday be history. But that’s the web!

Using Swap-Out Graphics from a PSD File

The following generic tutorial will assist you with using a PSD file associated with our swap-out graphics. The exact steps or terminology would depend on your graphics software. We have included a few keywords at the bottom of this tutorial to assist you in finding the exact process in your graphics software’s help section.

How to Design Web Pages for the Way a Website is Really Used, Part 1

As a web designer (or web site owner) we would like to think that our web sites are used exactly in the manner in which we developed them. We also would like to think that our visitors read everything on our site.

Novel Paragraph Spacing with CSS

You have seen this technique used in printed novels and books countless times. The paragraphs are single spaced together instead of double-spaced apart. So how do you get this effect on your web pages? Glad you asked because in this article we explain how easy this effect is to accomplish with the magic of CSS.

Emphasizing a Product with Monochrome Graphics

Nothing stands out better on a website then a product image in full color while the rest of the image and site are monochrome (shades of gray).

When and How to Hyperlink To an Area On the Same Page

You know how to create a standard hyperlink, right? If not, here is a quick review:

How to Spot a Good Web Template Design

There are many web templates out there these days and many of our customers get confused on what is a good design and what makes for a bad design. Here are a few pointers for consumers to look out for when shopping for a quality web template.

How to Avoid the Ugly Horizontal Scroll

What you see is not always what you get at least with the standard screen sizes. Many new web designers will assume that if they are designing for a 800×600 screen that their web page tables should be 800 pixels wide. If you tried it, and you have to horizontally scroll to read your page content, I’m sure you were pretty frustrated. Don’t worry, it happens to all of us.

Exclusive or Non-Exclusive Web Templates: Design Saturation?

What is the difference between an exclusive and non-exclusive web template?

Graphical Buttons vs. Text Links vs. Image Maps
· 2

One of the biggest mistakes made by web designers perhaps because they are new or due to an honest oversight is to use graphical buttons and image maps without using textual hyperlinks.

Web Template Designs: FAT vs. PHAT

Have you found a web template that is just exactly what you wanted and you just know that if you buy it and use it on your site, that your web site visitors will be in complete awe of your phat website and will come back regularly just because they like how it looks?

Blinking Text with CSS

Netscape Navigator fans will love this CSS tip. Netscape is able to render the CSS blink tag while Miscrosoft Internet Explorer cannot.

The Advantages of Using External CSS

When you use “external” CSS (cascading style sheets) to control the basic cosmetics of your web site, you need only to edit those cosmetic properties in one file to update ALL of your web site’s pages. This can be done from your server *if* your hosting service allows you to edit your site from a control panel, or you can edit the style sheet using a text editor on your system and upload it to your server.

Custom Head Tags with CSS

Did you know you can customize your web page head tags (h1, h2, h3, etc.) using cascading style sheets (CSS)? It is a quick and easy process that allows you broader combination choices of font style, size, color, etc. than the boring, standard HTML alternative.

Create a Timesaving Homepage

As a web designer and/or developer you need tools that help you save time in your everyday online routine. One resourceful tool we have used for many years is a custom quickie browser home page that resides on our system (or shared drive for those who use a network).

Is Your Website Ready for the Holidays?

If your website does not recognize special holidays and events, your site visitors and customers may get the impression that your site content is stale. The task to prepare your site for the holidays (or a current event) does not have to be a time consuming project.

Using Multiple External Style Sheets

If you are a regular reader of our CSS articles, I am sure you know that the best way to utilize CSS in most cases is with an external style sheet by linking it between the head tags of your document. (If you are not familiar with the different methods of CSS and how or when to use them, be sure to read our article, “External, Internal or Inline? Which Method is Best?”)

Controlling Page Margins with External CSS

What are page margins and why would you want to use them? You have seen them before but may have not realized it. Some web pages have a margin (space around the edges of the browser window). Web pages that do not have a page margin, will display the page content and graphics flush with the browser window. Each method has a purpose and creates a different effect. Try using different page margin values with your web site and see which you prefer.

Intro to SSI (Server Side Includes)

We are often asked by webmasters how to repeat web elements across their pages without have to edit each static page individually each time they need to make a change. External CSS is the answer to your web pages’ cosmetic elements (fonts, colors, borders, padding, etc.), but SSI is a great tool when you want to use the same web element (navigational menu, page text, etc.) across multiple pages, but you do not want to change it on every page each time you need to add, delete or modify.

Removing Space Around Web Forms

The easiest and most effective way to eliminate unwanted text around your web forms is to use a snippet of CSS code.

Watermarks with Cascading Style Sheets

In the print industry the sign of quality paper is a company watermark or brand emblem. This same effect can be achieved for your company’s web site using CSS. This effect is compatible only with MIE4+ and NS6.1+. Older browsers will simply not render the watermark.

Let Your Visitors “Print This Page”

A fantastic way to remind your site visitors to come back and visit you is by offering them a quick way to print a page that they can read offline later at their convenience. I personally do this printing process myself, when I am limited to the amount of time I have to read information on a web site thoroughly.

How to Be a Happy Freelance Designer

If you have been designing websites for very long you know the ups and downs of the business. This is especially true if you are working as a freelance designer and making all the top-level decisions in your business. If you are considering going into the web design field, this article will be of special interest to you. It may help you decide whether this field is "right" for you. At the very least it will give you a real-life perspective from a well-established designer.

Adding Text to Images

One of the most frequently asked questions by new webmasters is how to add text to their images. I have good news for everyone. It’s easy, so relax.