|
Post by Rodak on Jun 17, 2006 7:39:28 GMT -5
I don't know how this happened. I just wanted to share this for those of us who marvel at such things. I bookmarked the Photobucket page that hosts the animated Peace sign smiley I made When I open the page or look at my bookmarks menu, it is the favicon! Have a look: i16.photobucket.com/albums/b41/Rodak/peace.gifIt's a gif file!! It's 24 x 24... not 16 x 16!! I did not think something like that was possible!! Just sharing. I was using the new Firefox browser. I tried it on Internet Explorer. No Go. Here is a quick video for those who can't see it! vfxguide.tripod.com/moovys/peaceThe hourglass cursor is from the screen capture program running. I'm curious if this can be duplicated, or if it is just a glitch. Have fun.
|
|
|
Post by Doan the Nado on Jun 19, 2006 1:00:29 GMT -5
Hmm.... that's interesting. I never was sure how sites could designate what image to use for favorites, but it looks like you have stumbled across a way. Perhaps Firefox is set up to automatically display an image as the favorites icon if it is pointing to a file which is of a certain type, such as a small gif.
|
|
|
Post by thetruecoolness on Jun 19, 2006 1:51:15 GMT -5
Actually recently firefox started making picture files the favicons for a picture. So any picture link will also have the picuture itself as it's favicon. This also means you can use any size image file for your favicon (including animated gifs) for a page, it will just be resized to 10x10 or whatever the size of the icon is.
|
|
|
Post by Rodak on Jun 25, 2006 5:06:39 GMT -5
Did this thread have anything to do with the magic appearance of a "favicon.ico" file on this site?
|
|
|
Post by Doan the Nado on Jun 25, 2006 14:44:15 GMT -5
Actually, no. I was looking into ways to make my toolbar look better in Firefox, and rather than download some generic icon to use only on my own computer, I thought that I might as well make one for the site that we could all benefit from.
How do you like it?
|
|
|
Post by Rodak on Jun 25, 2006 16:39:34 GMT -5
It took a moment to figure out what it said... but Yeah! Once I read it, I liked it. The "A" could be a bit brighter... 16 x 16 is tiny. Sorry... No I'm not. Bad jokes are my favorite reason for being sometimes!
|
|
|
Post by Doan the Nado on Jun 25, 2006 20:05:10 GMT -5
Well, I was trying to use the same color scheme that is on the board. I'm not all that sure that I want to change it...
Of course, it'd be nice to hear some other opinions, too.
|
|
|
Post by BloodKnight on Jul 1, 2006 4:14:42 GMT -5
You mean that TINY icon we FF users have on our address bar? Hardly noticed it, so you must be doing a nice job.
|
|
|
Post by Rodak on Jul 1, 2006 6:19:53 GMT -5
You mean that TINY icon we FF users have on our address bar? Hardly noticed it, so you must be doing a nice job. That leaves me with 2 questions: What the Fluff is FF? Is there a Fantastic Four Internet Browser?? Does it have a Doctor Doom Theme? ... Oh... I hate Acronyms. FireFox! I really did not know until I was typing, so I left the joke there. A proper favicon.ico file appears in Internet Explorer (and other) browsers too. But for those ones, the icon needs to be in ".ico" format and 16 x 16 pixels. Animated ones (follow links up top) appear only in Firefox. I still simply can't register the A in Doan though. My eyes are old and bent... Does anyone else have trouble seeing that as a letter? Or do I finally need glasses? Or both??
|
|
|
Post by Doan the Nado on Jul 1, 2006 10:40:49 GMT -5
Yeah, I agree that the A is hard to see. The problem is that when you are working in a 16x16 pixel space, you don't have all that much room to try to make letters. I had to zoom way in to work on it, and then every click made a large block, so I had to try to fit what I could. Each letter is 5 pixels high with a 2 pixel space all around. Maybe I can play with it and make the outside border just one pixel so that the letters can be 6 high? Hmm... I'll have to give that a try, but I won't get a chance until sometime next week.
|
|
|
Post by BloodKnight on Jul 1, 2006 12:27:00 GMT -5
I can only see the "A" if I look closely. Otherwise, it blends in with the dark background.
|
|
DYRE
RPG Making Novice
Posts: 61
|
Post by DYRE on Jul 1, 2006 13:44:51 GMT -5
Strange, I can see it just fine.
|
|
|
Post by Rodak on Jul 1, 2006 13:46:08 GMT -5
Ummmm.... I had a little time and needed an art break. Here: that's the existing one. And... That's one my old and bent eyes can read. I already saved them as ".ico" files as it was only a matter of 30 seconds work. Let me know if you want any of the files. Peace.
|
|
|
Post by Rodak on Jul 1, 2006 13:48:07 GMT -5
Strange, I can see it just fine. Simultaneous Posts!! Anyway, Not strange. You just have good eyes. Lucky...
|
|
|
Post by Dungeon Warden on Jul 1, 2006 14:50:36 GMT -5
This Wikipedia article tells you how to make a favicon - including using animated GIFs as favicons. It seems that IE is the only browser that doesn't support gifs (although this may change with version 7). I have added a favicon to my website if anyones interested. I think it looks pretty good.
|
|
|
Post by Rodak on Jul 1, 2006 15:17:09 GMT -5
It seems that IE is the only browser that doesn't support gifs (although this may change with version 7). Wow! So what happens with IE if you want a gifavicon.ico? Is there a way to have it both ways? Post 2 icons and lie each browser find the one it can read? Too much to ask? I am beginning to understand what Mr. Coolness meant by Standards!! Oy...
|
|
|
Post by Dungeon Warden on Jul 2, 2006 22:03:54 GMT -5
I believe the article says that if you put a picture file called favicon.ico, IE will use it as the favicon. In that way you could have both a standard favicon and a gificon on the same website.
|
|
|
Post by thetruecoolness on Jul 3, 2006 1:34:41 GMT -5
Wow! So what happens with IE if you want a gifavicon.ico? Is there a way to have it both ways? Post 2 icons and lie each browser find the one it can read? Too much to ask? I am beginning to understand what Mr. Coolness meant by Standards!! Oy... Ah yes, standards are good. Too bad too many browsers support bad habits, and non-standard extensions, funny how HTML is based on the vert strict SGML. Of course then there is the whole making sure you page works on other browsers, and by that point you've spent as much time making sure your page works as you did creating the actual content for it. So to anwser your questions a little Javascript can help clear up the confusion. Just learned this language 2 weeks ago, and it has helped me tremendously in doing webpage development, an it can also cut down a lot on page sizes, just of course not every broswer handles all aspects of Javascript correctly, aka the same (like HTML and CSS there are standards, but it seems not every browser feels like following them). Luckily this code should have no problems. <html> <head> <script type="text/Javascript"> <!-- var faviconSrc = ""; var type = ""; if (navigator.appName== "Microsoft Internet Explorer") { faviconSrc = "favicon.ico"; type="image/x-icon"; } // Opera else if (navigator.appName== "Opera") { faviconSrc = "youricon.gif"; type="image/gif"; } // Firefox/Netscape/Mozilla maybe else if (navigator.appName== "Netscape") { faviconSrc = "youricon.gif"; type="image/gif"; } document.open("text/html", ""); document.write("<link rel="icon" href=\"" + faviconSrc + "\" type=\"" + type + "\" />"); document.write("<link rel="shortcut icon" href=\"" + faviconSrc + "\" type=\"" + type + "\" />"); document.close(); --> </script> </head> ... </html> Don't ask me why Firefox shows up as Netscape but to actually get the name you would have to parse the user agent string which would be more work. So javascript is awesome, if you can't use php or some other form of serverside scripting, which I'm not able to.
|
|
|
Post by Rodak on Jul 3, 2006 6:07:53 GMT -5
WOW!
Thanks!
That is one handy little code snippet.
I will give it a try.
I need a good "ground level up" book or something.
No matter where I go for online tutorials I am stumped by Acronyms they expect me to know!
I'm getting Acrophobic!!
Time to hit the Used Book Stores...
I won't have time to check this until later.
I'll let you know how it goes.
Thanks again.
Peace.
|
|
|
Post by thetruecoolness on Jul 3, 2006 16:33:42 GMT -5
Well having already known Java, along with 8 other programming languages, and learning about how XML works, and already knowning HTML and CSS it didn't take me anytime to learn Javascript. By then it was just me searching for what function I needed. I think www.w3schools.com would be a good place to start as they explain all the things you need right there, DHTML (which is using HTML, CSS, and Javascript), and each of those individually. Plus they have editable try it yourself examples. The big thing you need to know with Javascript is how the DOM (document object model) works, and learn the document class. Each HTML document is essentially a tree with the html tag being the head node containing the head and body tags. Basically HTML is like XML, but unlike it HTML already has a DTD (I forget the acronym but it basically is what defines what each tag means and does). Then you use the javascript to either write out html to the document or change some elements in the document. For javascript it is important to have an id attribute for all of the HTML tags you want to edit, since the document object has a getElementById method, this way you can edit just that part of the document by editing the innerHTML attribute of the element object you get back from getElementById. So if you have a paragraph tag <p id="blah" class="greeting">Hello</p> then using Javascript you can change the hello to good-bye by document.getElementById("blah").innerHTML = "good-bye"; innerHTML is an attribute of every "class" of element in an html document, other classes have more specific attributes like the src attribute of an Image object. So you just need to use the HTML DOM reference on the w3schools page to find all the objects and attributes. And for CSS tags you want to be affected by the CSS need a class attribute. For the same example you can either fo this //global class .greeting { color: #FF0000; } or //only p tags can use this class p.greeting { color: #FF0000; } So there is a crash course of sorts on DHTML (dynamic HTML, besically using HTML, CSS, and Javascript).
|
|
|
Post by vespuleth on Jul 4, 2006 1:46:32 GMT -5
firefox shows up as netscape because it is what became of netscape releasing the source code to the mozilla foundation to develop an open source browser; all funded by netscape/aol. interestingly enough, ie shows up as mozilla as well, because when everyone was using mozilla (back before it was firefox when it was still netscape) and all the servers were working toward compatability with that browser, microsoft wanted in on the internet statistics; so they became mozilla internet explorer. just some internet history.
also, rodak, i highly recommend html in a nutshell published by oreilly if you want a book on html/css/intro to javascript and flash because it focuses on web standards/accessability standards compliance. i cant stand flash, but whatever.
|
|
|
Post by Doan the Nado on Jul 5, 2006 19:13:38 GMT -5
Actually, in regards to favicon.ico files, IE is the one that is screwed up. Every time a page is loaded in IE, it requests the favicon.ico file from the site. If there is not one, rather than sending back a small 16x16 image, the site sends back the entire 404.html page. Then, IE checks another location for the favicon.ico file, at which point it gets another 404 (page not found) error. So if you are using IE, you are constantly sucking up the bandwidth of every site you visit which has not created a favicon.ico file.
Firefox and Opera, on the other hand, only look for the file if it is specified in the head of the page. This means that for those who do have a favicon.ico file, they can reference it in the head and those two browsers will find it just fine, and if someone does not have such a file, there is no wasted bandwidth due to having to send back 404 pages.
|
|
DYRE
RPG Making Novice
Posts: 61
|
Post by DYRE on Jul 6, 2006 12:27:06 GMT -5
The moral of this story is: "Make a favicon.ico file for your site or IE will suck your soul out."
|
|
|
Post by Rodak on Jul 7, 2006 3:39:32 GMT -5
This means that for those who do have a favicon.ico file, they can reference it in the head and those two browsers will find it just fine, and if someone does not have such a file, there is no wasted bandwidth due to having to send back 404 pages. Doan; I saved both versions of the posted icon above (Your's and the Yellow A Version) as .ico files! I can easily rename the one you like favicon.ico and send it to you. Then use that Truly Cool Java Stuff also poste in this thread and you're set! Let me know if you're interested... Peace.
|
|
DYRE
RPG Making Novice
Posts: 61
|
Post by DYRE on Jul 7, 2006 8:51:38 GMT -5
No! It be truly cool Javascript stuff and Javascript it be. Javascript, 'tis not the same as this "Java" stuff. Not even close.
Java is not script. Javascript - interpreted. Java - Compiled.
Heh. Haiku.
|
|