Quick tutorial: Creating a favicon for your Spreadshirt page - T-Shirt Forums

Hi, Unregistered. | Today's Posts

T-Shirt Forums
User Name

Register Today For Free!

Forgot Your Password?

Site Navigation

+   T-Shirt Forums > T-Shirt Selling > T-Shirt Fulfillment Services > SpreadShirt
Discuss the SpreadShirt service and features. Please note: this is not an "official" SpreadShirt forum, it is a peer to peer community for current and future SpreadShirt members. Visit SpreadShirt

Quick tutorial: Creating a favicon for your Spreadshirt page

Share This Thread Thread Tools
Old September 16th, 2008 Sep 16, 2008 3:28:14 PM -   #1 (permalink)
Forum Member
T-Shirt Member

exitheory's Avatar
You can call me: Liam
Member Since: Aug 2008
Location: Londonium
Posts: 16
Mentioned: 0 Post(s)
Tagged: 0 Thread(s)
Thanks: 2
Thanked 2 Times in 1 Post

Default Quick tutorial: Creating a favicon for your Spreadshirt page

Long time lurker, first time poster.

So, how does one create a favicon for a website?

I asked myself this question when I was setting up my Spreadshirt shop and wondered if it was possible to do this on the site (and override the exisiting Spreadshirt favicon) It turns out it is possible to add this to your storefront.

Some of you may be old hands at this, however if you've never done this before for your site then here is a quick guide below.

1) Decide what image you want to display in the browser window.

2) Go to html-kit.com and upload a small image. I recommend you re-size your image beforehand in your favourite imaging software and crop your image down to around 32x32px. By making an image this small, it will give you a good idea of how your favicon will look when it appears on your browser window. Not all images will work at such a small size.

3) From this site mentioned above you can animate your favicon. I did this on my site, however I didn't opt for the word animation. Not my cup of tea really.

4) Once your done, press the 'Generate favicon.ico' button and your all set. The site will create a preview of your new icon, and then you can hit the download button and the site will quickly zip up a file containing the files you'll need to apply to your store.

5) Open the zip file and check out the contents. You'll find
a readme.txt file, plus two favicon files animated_favicon1.gif (for the animated version) and favicon.ico (plain old icon). You can ignore the .png file.

6) Now login to your Spreadshirt account and go to the graphics section (the one that allows you to upload your own pix)
The cool thing about Spreadshirt is that once these files are loaded they will create the <img src> tags so that all you need to do is cut and paste into your headers.

7) So do that now. Copy each of these image URLS and paste them into a notepad for easy retrieval.

8) Now visit your Header & Footer pages and paste the two image URLs into the header. It is recommended that you paste in between the <head></head> tags.

9) By the way, if you paste both, then the animated gif takes preference. In fact you only really need to paste one of the addresses. So choose which one you want after testing them out.

I hope this helps someone. I've learnt some much from t-shirtforum so time for some payback.

Also there are plenty of other favicon generators and some of them are listed in older posts on other forums.

See links below:



over and out.
exitheory.com | every exit is an entrance somewhere else
The Following 2 Users Say Thank You to exitheory For This Useful Post:
jeggers (September 16th, 2008), wormil (September 17th, 2008)
Sponsored Links
Old December 26th, 2008 Dec 26, 2008 10:08:47 AM -   #2 (permalink)
T-Shirt Member

Member Since: Nov 2008
Posts: 13
Mentioned: 0 Post(s)
Tagged: 0 Thread(s)
Thanks: 0
Thanked 0 Times in 0 Posts

Default Re: Quick tutorial: Creating a favicon for your Spreadshirt page

That just adds the icon to the top of my shop...

using standard way like this:

<link href='/users/613000/612859/226884/img/226884_favicon.ico' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
<link href='/users/613000/612859/226884/img/226884_favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/>

doesn't work for me either, any ideas?

This is a discussion about Quick tutorial: Creating a favicon for your Spreadshirt page that was posted in the SpreadShirt section of the forums.

Quick Reply
Type Your Message Below:
Do NOT Post Self Promotional URLs, Advertisements, Sales Offers or Requests. It is against our Forum Guidelines.

Register Now

In order to be able to post messages on the T-Shirt Forums, you must first register.

Please enter your desired user name, your email address and other required details in the form below.

Your username must be between 2 and 16 characters and contain only letters and numbers (no special characters like hyphens, *, ', ~, etc)
User Name:
Please enter a password for your user account. Note that passwords are case-sensitive.
Confirm Password:
Email Address
Please enter a valid email address for yourself.

A confirmation email will be sent to this address, so please make sure it is accurate and that your email software is set to allow emails from our domain: t-shirtforums.com (sometimes the confirmation email gets accidently filtered into Yahoo/AOL/Hotmail/Gmail spam folders)

You won't be able to post until your email address has been confirmed. We take your privacy very seriously. Feel free to review our Privacy Policy in a new window.
Email Address:
First Name
It's nice to be able to be on a "first name" basis with the people you talk to in a forum. This is a totally optional field; if you like being on a first name basis, please enter your first name below :)


Thread Tools

Posting Rules

Smilies are On
[IMG] code is Off
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off
Trackbacks are On
Pingbacks are On
Refbacks are Off
Trackbacks are On
Pingbacks are On
Refbacks are Off

Similar Threads
Thread Thread Starter Forum Replies Last Post
PhotoEz - a bag, and some tips - a quick tutorial making a first screen printed t-shirt. funtimesx T-Shirt Articles 27 July 20th, 2011 03:51 PM
is there a tutorial on how to get this done? ai file Screen Printing 3 September 4th, 2008 08:27 PM
Favicon TeeShirtSamurai Ecommerce Site Design 2 August 17th, 2008 12:06 PM
Need Quick Tracing Tutorial On X3 amp267 Graphics and Design Help 6 April 7th, 2007 11:08 AM

All times are GMT -8. The time now is 05:51 AM.

Powered by vBulletin® Version 3.8.8
Copyright ©2000 - 2020, vBulletin Solutions, Inc.
vBulletin Security provided by vBSecurity v2.2.2 (Pro) - vBulletin Mods & Addons Copyright © 2020 DragonByte Technologies Ltd.
Copyright 2004-2014 T-ShirtForums.com. All rights reserved.