HTML - Icons

Let me preface this by saying I'm very much a novice at this. I've done very basic HTML for a while, but have not advanced beyond that at all except to copy and paste some nice Java scripts that I've enjoyed from time to time. I do have 2 phpBB forum boards that I've enjoyed setting up. But that's pretty step by step instructional. Beyond that, I don't have a clue.

But I love the little icons that many sites use in their location lines. Google has the G, Yahoo has the Y!, and Woot has the !. I'd like to put one on my websites, but I'm having a terrible time finding the code for it. If it's done in a CSS, I'm screwed. I have only peeked at this and never attempted it. But if someone has a way to put a small icon on my location line, I'd love to see it.

I do most of my own graphics, and making the icon wouldn't be a problem at all. I just need to find out how to embed it. Thanks

Hi everyone!
I would like to add some small icons in the branch of a tree in my layout.

Can anyone suggest a way to do it? Should I use an image map?
The icons will be links that open in an external page.

Thanks!


http://heartless-ink.com/inked/main.html

Hello,

This is my first time in HTML world and I'm a complete n00b. I'm trying to put a counter on my blog for facebook/twitter/google+/rss to keep track of them on the blog. This is working fine, at least facebook and twitter are automatically updated (through a script I picked up on the internet), google+ and RSS is still manual, I still need to figure those ones out.
Now I would like to nicely align the counters with the icons I have, and that's my problem. I want the text centered under the icon it belongs to, but I don't know how.
With my lack of knowledge I found a somewhat cumbersome way to do that. Not that bad, simply not nice coding, but when the page is zoomed in or something the like, the aligning obviously doesn't work anymore.

Could someone help me do the aligning properly?

The code of the widget I have pasted below and the relevant blog: http://gebarentaal-signlanguage.blogspot.com.


HTML Code:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
var f_page = "149198761796791"; // the page name for your fan page, e.g. the 'wvumountaineers' part of <a href=\"http://facebook.com/wvumountaineers\" target=\"_blank\" rel=\"nofollow\">http://facebook.com/wvumountaineers</a>
var t_page = "Gebarentaal_"; // the account name for your main twitter account
function add_commas(number) {
	if (number.length > 3) {
	var mod = number.length % 3;
	var output = (mod > 0 ? (number.substring(0,mod)) : '');
		for (i=0 ; i < Math.floor(number.length / 3); i++) {
			if ((mod == 0) && (i == 0)) {
			output += number.substring(mod+ 3 * i, mod + 3 * i + 3);
			} else {
			output+= ',' + number.substring(mod + 3 * i, mod + 3 * i + 3);	
			}
		}
		return (output);
        } else {
return number;
       }
}
// when document is ready load the counts
$(document).ready(function(){
// grab from facebook
$.getJSON('https://graph.facebook.com/'+f_page+'?callback=?', function(data) {
var fb_count = data['likes'].toString();
fb_count = add_commas(fb_count);
$('#fb_count').html(fb_count);
}); // grab from twitter
$.getJSON('http://api.twitter.com/1/users/show.json?screen_name='+t_page+'&callback=?', function(data) {
twit_count = data['followers_count'].toString();
twit_count = add_commas(twit_count);			
$('#twitter_count').html(twit_count);
});
});
</script>
 
<a href="http://www.facebook.com/pages/Gebarentaal/149198761796791" imageanchor="1" style="margin-left: 0em; margin-right: 0em;"><img border="0" src="http://1.bp.blogspot.com/-sT9lHle5N54/TqgOWhi-amI/AAAAAAAAFCU/MwoQL3ZhEy4/s1600/facebook-30x43.png" />
</a>
<a href="http://twitter.com/Gebarentaal_" imageanchor="1" style="margin-left: 1.5em; margin-right: 0em;"><img border="0" src="http://2.bp.blogspot.com/-eVZSNf1mj_E/TqgOX_ldq1I/AAAAAAAAFCk/2wDDaA8esG8/s1600/twitter-30x43.png" /></a>
<a href="https://plus.google.com/b/118073168609419238977/" imageanchor="1" style="margin-left: 1.5em; margin-right: 0em;"><img border="0" src="http://3.bp.blogspot.com/-icT9kVFhtOs/TqgOXLJCbBI/AAAAAAAAFCY/pU4wo8HyHNI/s1600/googleplus-30x43.png" /></a>
<a href="http://gebarentaal-signlanguage.blogspot.com/feeds/posts/default" imageanchor="1" style="margin-left: 1.5em; margin-right: 0em;"><img border="0" src="http://3.bp.blogspot.com/-ShqPVqX-vhs/TqgOXX5m9WI/AAAAAAAAFCg/WFRLxQ4yjuM/s1600/rss-30x43.png" /></a><br />
<p>
<font size="4" face="arial" color="#3c5f9d" style="margin-right:0.9em">
<span id="fb_count"></span>
</font>
<font size="4" face="arial" color="#63dfe5" style="margin-right:1.6em">
<span id="twitter_count"></span>
</font>
<font size="4" face="arial" color="#505050" style="margin-right:2em">
8
</font>
<font size="4" face="arial" color="#c35b02" >
3
</font>
<br />
<font size="2" face="arial" color="#3c5f9d" style="margin-right:0.8em">
likes
</font>
<font size="2" face="arial" color="#63dfe5" style="margin-right:0.5em">
followers
</font>
<font size="2" face="arial" color="#505050" style="margin-right:1em">
+1's
</font>
<font size="2" face="arial" color="#c35b02">
readers
</font>
</p>

Okay. I have a new question that needs answering.

I have followed instructions found elsewhere in this forum, and have successfully gotten my url icon to work. If you go to web.mac.com/merchandise1 you can see a little "M" in the bar.

Here's the problem, though. I don't use that address on my business cards, email flyers, etc. I use merchandiseonline.org

The url icons DO NOT WORK when you go to the masked/forwarded url address of merchandiseonline.org

I use DirectNIC for my forwarding purposes. So, my question, then, is:

HOW do you get the favicons (url icons) to work when using a masked address?

I've searched forums upon forums and have not found the answer. I pray someone here will have an idea.

Thanks,
James @ merchandise

I am developing C# web application in which it contains a htm page.

This Htm page contains a menu file. under file there are two items save and exit.

I added the menu and items in the menu.

what i need is how can i add the icons beside the items of the menu.


Any one please Help.

Thanks in advance.