Tuesday, October 16, 2012

No-Repeat Web Background

Adding a tiled image as a web background can sometimes cause a continuous repeat of the image, making the page look confusing and unprofessional. A simple code can fix the issue.


The above image is named "scrollcandle.jpg." In order to stop the background image repeat, use the following CSS code (placing the name of your image in the brackets following url):

<style type="text/css">body{ background: url(scrollcandle.jpg) black center no-repeat fixed; } </style>

Using the code will allow the background image to display as follows:


The properties of the code can also be adjusted to fit the background of your web page. For example, "black center" can be changed to color and alignment suited to your needs.

Click here to see a live sample of a no-repeat web background.

Wednesday, September 19, 2012

Historical Logo

Creating personalized logos and buttons can sometimes be a challenge, but they are also great fun. Historical Essays is our latest:


The intent was to create an "antique" feel to the logo to accurately depict the advertised content. Each essay in the five-book collection reached back into history to include Jack the Ripper, US Political Parties, Billy the Kid, Anne Boleyn and the Loch Ness Monster (for which we also designed the book covers).

For the logo we began with a black slate, inserted the essay covers in a row and then saved it as one new image. After applying various backgrounds (glow, saturate, grungy and parchment), the above image became the final logo.

The border style of the logo is known as "wizard's book," which can be found within the Smart Photo Editor software program.

Friday, August 17, 2012

Quick Forward

Forwarding pages are often used to re-direct people to a specific web page that has moved or for one reason or another, has been renamed.

We recently designed a forwarding page for a new client. She wanted the page to forward automatically, so we devised the following:


The snippet used to forward a page needs to be placed between the <head> and </head> portion of the html code:
<meta http-equiv="Refresh" content="5;url=https://www.advocare.com/110918645/default.aspx">
In the above code, 5 represents the number of seconds before the page forwards. You can change this to any length of time you prefer, such as 3 (for three seconds). The url (also bolded above) needs to be replaced with the exact web address of where you want the page forwarded.

It's as simple as that!

Wednesday, August 1, 2012

Rainee's Parade Photo Gallery

We recently completed a new photo gallery for the pet-related web site Rainee's Parade. A logo for the gallery comes as part of the package.


Constructing flash photo galleries is one of our specialties, and we love nothing more than creating special galleries for beloved pets as well as people and products.

Short Tales Collection logo

As with all of our photo gallery projects, we provide personalized logos for each gallery published online. This is our latest in the pet-related-books category, which comes from the newly-launched web site for the Short Tales Collection:


We began with a blank image using a black background. When designing a new logo from scratch, we like to begin with a clean slate. Typically, we add desired text first. For the Short Takes Collection logo, we used the Trajan font in a mixture of gold and yellow colors. Next, we inserted the "paw-line" image to separate the main text and the author's name. Lastly, a border was added to accentuate text color and overall design.

The border style is known as "homemade frame," and can be found within the Smart Photo Editor software program.

Foofer's Life in Pictures logo

In relation to the Short Tales Collection logo, we recently created and published a new online photo gallery titled Foofer's Life in Pictures. The gallery depicts the life of the main character in the Short Tales Collection of books.

The following logo was also created for the gallery:


The border style is known as "ghost," and can be found within the Smart Photo Editor software program.

Thursday, July 12, 2012

Sagacity blog logo

We created a new logo for the political blog Sagacity yesterday:


Sagacity is hosted by Blogspot, which allows users to insert their own text and/or graphic headers. In order for the logo to fit into the allotted space, we adjusted the size of the logo to 710 pixels (width) by 285 pixels (length).