Dynamic Designs Blog

— Redirecting Webpage To WWW Prefix

Posted May 24th 2009 by Aaron in HTML • Comments (0)

When a domain is entered in a browser, it can be entered with or without the www prefix. For example, Dynamic Designs can be reached from either dynamic-designs.org or www.dynamic-designs.org. Search engines will pick this up as 2 different webpages which will half your ranking on the search engines search results. There is a way to make make it a single webpage using a redirection. You must choose to either use the www prefix or not. To do this, make a new .htaccess file or edit an existing one in the root of where your site is hosted. In the .htaccess file, enter the following replacing the Dynamic Designs url with your own:


<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond %{HTTP_HOST} !^www\.dynamic-designs.org\.org [NC]
RewriteRule ^(.*)$ http://www.dynamic-designs.org/$1 [L,R=301]
</IfModule>


Save the file and upload it. This will redirect your site to the www prefix when the prefix is not entered making it one webpage on search engines. To redirect it to exclude the www prefix, take out “www\.” and the “www.” in the code above.

— Dynamic Designs Version 2

Posted May 16th 2009 by Aaron in Dynamic Designs • Comments (0)

Version 2 is online now. It took a while to make but I like how it turned out. It’s featuring Rachel Stevens.

I’ve also finished the Portfolio section and it’s now live so check it out. It contains all my work over the past 4 years.

I’ll be taking orders again soon so keep checking back.

— How To Center A DIV Element

Posted May 16th 2009 by Aaron in CSS • Comments (0)

Centering a DIV Element doesn’t work the same as centering everything else. Using style="text-align:center" doesn’t work. There is still a way of centering it. You have to use the following css code:

style="width: 600px; margin-left: auto; margin-right: auto;"

Set the width to whatever you want it to be and it centers the DIV Element as you want it to.

— Backgrounds

Posted April 19th 2009 by Aaron in CSS • Comments (0)

There are a few different ways to place a background image using a Cascading Style Sheet (CSS). These include:

  • repeat (repeats the image all over the page)
  • repeat-x (repeats horizontally)
  • repeat-y (repeats vertically)
  • no-repeat (doesn’t repeat so the image only appears once)
  • fixed (stays in position so that the background doesn’t move when scrolled)

The background can also be placed more specifically such as:

  • fixed repeat top left
  • fixed repeat-x

These are useful because putting a background on a page using standard html doesn’t always display the background as you want it.

— Creating Extra Block Headers

Posted April 07th 2009 by Aaron in CSS, HTML • Comments (0)

By default, html has 6 predefined headers which can be used by putting the number of the header inside the code around the header like this: <H1>Title</H1> up to <H6>Title</H6>.

These headers all display in block form as default which is invisible until a background is given to the header.

If you’ve run out of headers you can create your own by putting adding css style to your text but when you try doing this, you’ll notice that the custom header won’t display in block form.

To fix this, you need to define the block form in the style. This can be done like this:

<P style=”display: block;”>Text</P>

Following “display: block;” will be the rest of the style you want to give the header such as backgrounds, fonts, font colors and alignment.

Page 4 of 512345