Digital Port Logo
HomePage UserCP
QuickLinks
Memberlist Blogs Search Calendar FAQ Register

Go Back   Digital Port UK > vBulletin Modifications > vBulletin Tips & Tricks
Register eZines Blogs Product Demos Members List Search Today's Posts Mark Forums Read

vBulletin Tips & Tricks Ever wondered how to modify your forum? Here you'll find various tutorials on a number of things you can do with vBulletin that you probably didn't know.

Additional Options
5 members and 31 guests
angel, factualpear, gooseylucy, hybrid, shedevil
Most users ever online was 4,629, 05-07-2008 at 06:39 AM.
Reply
 
Submit Tools LinkBack Thread Tools Display Modes
  #1  
Old 04-30-2007, 04:36 PM
hybrid's Avatar
Syrus XL Media
 
Join Date: Oct 2003
Location: Gloucester, England
Posts: 2,015
hybrid will become famous soon enoughhybrid will become famous soon enough
Cool How to create an Animated Favicon

Animated Favicons in vBulletin

You can use this tutorial on any site, not just vBulletin based.

This tutorial will show you how to create an Animated favicon (currently only works in the Firefox browser). Basically, you need to create an animated version of your static favicon that your site currently uses, this will be used when a visitor uses the Firefox browser.

Creating the images:
First, create your animation and save it as an animated gif. Then create a second gif but only one frame, and this will become your favicon. Rename your second one to favicon.ico (make sure you change the extension to .ico).

Once you have created your 2 images, one should be your animated GIF file, and your other should be your normal favicon.

Place both images in a directory called img and upload this to the root of your site, or forum root. You will then need to add some code to your header code. Place this code directly after any META TAGS you have in your page.

Here’s the code you will need:
Code:
<link rel="shortcut icon" href="img/favicon.ico" >
  <link rel="icon" href="img/animated_favicon1.gif" type="image/gif" >


If you want to add this to vBulletin, then you will need to edit the FORUMHOME template and place it after this code:
Code:
<!-- end no cache headers -->
So there you have it, a simple but eye grabbing effect. We have done this modification on this site, which you will see if you are browsing using Firefox browser.
__________________
Hybrid

linkShareLive
<-- Free and Paid Directory Listing (get your website listed now)
'Forever busy.... is there more to life?'
Microsoft TechNet Member
My Space Profile: http://www.myspace.com/syrusxl
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote

  #2  
Old 05-15-2007, 09:44 PM
rajkirans's Avatar
I'm new
 
Join Date: May 2007
Posts: 4
rajkirans is on a distinguished road
Re: How to create an Animated Favicon

thnaksssssssssss
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

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

Similar Threads
Thread Thread Starter Forum Replies Last Post
Tools to create new shortcut on command line bestofcomputer Microsoft Public WindowsXP General 2 02-22-2006 03:44 AM
Tools to create new shortcut on command line bestofcomputer Microsoft Public WindowsXP General 2 02-19-2006 09:10 AM
Tools to create new shortcut on command line bestofcomputer Microsoft Public WindowsXP General 2 02-12-2006 08:01 PM
Tools to create new shortcut on command line bestofcomputer Microsoft Public WindowsXP General 2 02-10-2006 10:02 AM
Tools to create new shortcut on command line bestofcomputer Microsoft Public WindowsXP General 2 02-07-2006 10:01 AM



2003-2008 ©Digital Port UK

Powered by vBulletin
Copyright ©2000 - 2008
Bad Credit Mortgages | Mortgage Calculator | Personal Finance | Loans | Submit article

Content Relevant URLs by vBSEO 3.2.0