by WebKeyDesign | Sep 12, 2005 | Networking
Last week I wanted to try out a Linux distro that interested me and found that the only way to download it for free was through bittorrent. Since the distro was going to be for my Windows PC, instead of my Powerbook, I went ahead and installed Azureus, which is a JAVA based client. Azureus uses smilies (happy face icons) to tell you if the file download is working or not, the point being is that all your downloads should show green smilie faces. However I was not getting the green smilie face. Under the Tools section, there is a Test option to test your NAT/Firewall to see if there is something wrong. If this fails, then it means you need to configure your router to let the specific port through.
For me, my home DSL connection is provided through a Cisco 678 ADSL modem, which in turn connectes to a Netgear wireless router that in turn services all the home networked machines. For some reason on Windows2003, the packets would never get through, you actually need to configure the Cisco 678 modem to pass on the packets from such and such port, in this case it passes them on to the Netgear router, and on the Netgear router you use the Port Forwarding feature to send the packets through to a specific machine on the local network.
Ironically, on Mac OS X, using a different client, this works fine without any modification to the Cisco 678.
To get the magic green smilie, I ended up doing this:
Cisco 678:
First telnet to the 678 router, you can use DOS or in Mac OS X, Terminal.
telnet: 10.0.0.1
(enter the password for the modem)
en
(enter on the password, usually there is none, is not enter it)
set nat entry add 10.0.0.2 80 tcp
set nat entry add 10.0.0.2 80 udp
write
reboot
I used the port 80 as an example, but depending on your application, you will probably need a different port. Most of the time you need to do both the TCP and UDP for the same port number. Once you enter on the reboot command, you lose connection with the router, so just close your window and open a new DOS or Terminal window.
To verify the changes log back into the 678 and type:
show nat
You should see the rules you added for the forwarding of your port. The next step is to configure the wireless router, in this case the Netgear.
Wireless Router (Netgear):
For this step you need to know the IP address of your computer on the local network. If you reread the commands for the Cisco 678, you should get the idea that you really have two networks, the network between your DSL modem and your wireless router, i.e. 10.0.0.1 and 10.0.02. The changes to the DSL modem make the packets go to the wireless router, and so we now need to tell the wireless router to forward the packets onto the actual computer. This is called Port Forwarding. There should be an option to do this on your router’s configuration screen.
Running IPCONFIG in Windows or using the Network Utility in Mac OS X, should give you the local ip address for your computer. Usually it is 192.xxx.xxx.xxx. You will then specify this address to forward both UDP and TCP ports for such and such port number(s).
Once you do this, the next thing is to reboot both the DSL modem and the wireless router, just to make sure things will work from now on.
Checking The Port:
Now start Azureus or whatever application you want to work, and see if it works. Azureus has the handly Test tool, so just run that and see what the results say. In fact you could use Azureus to test any port, just change the port number in the Test tool and run the test. But just in case you don’t want to install Azureus just for this, you can open up a browser and go to CanYouSeeMe.org and input your port number and it will tell you if the port is reachable and working. If it is still not working, then most likely you have a local software firewall that is blocking it. You will need to configure the Windows firewall, or Apple’s firewall, or any third party firewall you have to allow these ports to be opened.
At this point, it sounds like a lot of work, but eventually you will have it working and your smilie will be green.
More Information:
I actually changed from the Netgear router to the Linksys WRT54GS and have had less problems with the network.
PortForward.com lists instructions on how to forward ports for all kinds of different hardware routers and modems.
Spazmatic.net is the best online resource for all the Cisco ADSL modems like the 678 and 675.
Some More CBOS Commands:
Depending on your CBOS version you can do some of the following commands. Note that WebKeyDesign is not responsible for any problems you might incur on your hardware. This information is given as a benefit to other curious technicians and so you should know what you are doing before you do it!
This command maps all ports to 10.0.0.2, which for most people would be their wireless router:
set nat entry add 10.0.0.2
I really don’t recommend it as I prefer to have the Cisco 678 protect my local lan as much as possible.
Sometimes you may want to actually redo all you NAT entries, so for that occassion, you can use this command:
set nat entry del all
by WebKeyDesign | Sep 10, 2005 | Firefox
Aronnax’s Firefox Themes are for Mac OS X users only. The themes are mostly Aqua inspired to match Tiger and Panther OS X.
For Windows themes, reference the Post themes that work w/ latest builds here… thread on the MozillaZine forums.
There is also SaferFox Xpanded, which works on both Mac OS X and Windows versions of Firefox.
You might find handy the new MrTech Local Install 3.1 extension, which adds a local install option for themes and extensions to Firefox.
by WebKeyDesign | Sep 7, 2005 | Firefox
If you are running Deer Park and ran an update, check your Help menu – About Mozilla Firefox, it should now say Gecko/20050907 Firefox/1.4, and the Deer Park references should be gone. Looks like the beta is here for FireFox 1.5.
by WebKeyDesign | Sep 5, 2005 | Firefox
It is hard to imagine, but I am sure someone out there is still using Internet Explorer, though I cringe every time to even think someone on Mac OS X would even dare open up IE 5, but I am sure that still occurs once and a while. I have been running Deer Park (Firefox 1.5) for a few weeks now on Windows, but on Mac OS X, I still use Safari about 60% of the time, with Firefox coming a close second. With Apple updating Safari recently I started thinking about what makes a browser useful and popular among those of us who get in six plus hours of internet browsing a day?
Updates Versus Stable Fixed Releases
Undeniably there has to be a certain mystique of freshness. But no application can ever stay at .9 or even at 1.0 for very long. Progressive users want progressive upgrades, in a sense this is what is missing from Apple’s Safari and Microsoft’s Internet Explorer. Now I am not talking so much about feature load, no one wants to load a browser that is overblown with features, but tech-savy users do in fact crave constant updates. Firefox and Mozilla come in stable releases and in nightly builds that anyone can try out. Thus the constant updates helps build the mystique and momentum that makes the stable fixed releases even more popular.
If Apple and Microsoft adopted this same two-fold release schedule, I am sure it would have the same effect on their browsers, but since both browsers come pre-installed on their respective operating systems already, it would seem rather unnecessary to mimic Firefox and Mozilla, when you already have an audience, right? User base is one thing, perception is quite another. The Deer Park Alphas have shown something new in Firefox, namely that the browser is not so much being reinvented, but that it is being fine tuned for a generation of internet users who want simplicity and expandibility in ways that previous users never imagined. What is happening is that while Apple is great at user interface and Microsoft is great at adding features, neither of them is great at both. Firefox is trying to do both, along with everything else, and while the 1.0 release was short on many areas, the 1.5 release is a remarkable improvement on everything.
Expandibility, Letting Others Show You A Better Way
Outside of the nightly builds, Firefox has something unique, it has a community of extension and theme authors that are expanding Firefox beyond the shell it is, and while not all the additions make sense, they are in fact building a community. The word community, emphasizing trust, because although you can download toolbars for IE and other such add-ons, not very many users have trust in these packages. Firefox’s association with opensource also helps attract more users to its extensions and themes, because even if Microsoft and other closed-source developers would like to argue, the truth is that most people trust opensource projects more than they trust commercial closed-source products.
The presence of an active and contributing third party community is really essential in making the browser attractive. This is what Safari really needs in order to gain more momentum in the market. Note the initiative that Apple took in pushing the popularity of Mac OS X Tiger Dashboard Widgets. Why could they not do this for Safari? Is not the browser the number one application these days?
Authoring Tools Needed
Perhaps the last piece of the puzzle for a popular browser is the one which no one has quite really mastered yet, which is the authoring tools. The web may seem infinitely more open today because of bloggers and their constant typing of editorials, thoughts, and news items, but what made blogging popular in the first place was not new technology, but accessible tools. The online publishing revolution has not even begun. Internet users still need better tools than WordPress and Dreamweaver. All this time the browser makers have spent their time making the web page render better and in more interesting ways, but what makes the web more dynamic is when the user actually publishes and not just sits there browsing. The browser will eventually need to become the publishing tool as well, and maybe that is what has been missing most of all.
by WebKeyDesign | Sep 1, 2005 | CSS
This is part one of How To Add Style Sheets To Your HTML. We will cover the basics mostly, but the idea is that there are always multiple ways to do something, and many web designers do in fact vary their methods of how they add CSS to their html code.
Method 1: In the beginning…
This is by far the most common and the default way to add style to your html document. You simply link to your stylesheet in the HEAD section of your html document.
<head>
<link rel="stylesheet" href="http://www.domain_name.com/style.css" type="text/css" media="screen" />
</head>
<body>
The optional media specifies the medium or media to which the style sheet should be applied to. The most commonly supported media type is “screen”, which is meant for computer screens. There are other options though, like print, for output to a printer, and aural and braille for speech synthesizers and braille tactile feedback devices.
Method 2: Embedded Style Sheet
Perhaps not the most efficient, because it makes your html document larger, and you lose the benefit of being able to effect other html documents, but still a popular method is to simply add your style information to the html HEAD section.
<head>
<style type="text/css" media="screen">
body {
background: #a9ac99;
font-size: 13px;
font-family: 'Trebuchet MS', Verdana, 'Lucida Sans', Helvetica, sans-serif;
}
</style>
</head>
<body>
</body>
This method is helpful too, in cases where your html document has a unique section which other html docs will not have, and you do not want to change your main stylesheet.css file. You can add just the css you need after the normal linked style.css like so:
<head>
<link rel="stylesheet" href="http://www.domain_name.com/style.css" type="text/css" media="screen" />
<style type="text/css" media="screen">
#special_section {
font-size: 12px;
}
</style>
</head>
Method 3: Inlining Style
Sometimes, you have worked all day on getting something to look great and then you find out that your style looks awful in Internet Explorer, so you cheat and use inline style. This is where you add the style information to the element itself, like so:
<p style="color: #666666; font-family: serif;"> This means I'm too tired to fix it in IE.</p>
This is not very flexible but it does fix some problems very quickly. However you should not rely on inline style very often because it makes the html document not very readable in other media, like braille, or even print.
Inline styles are userful in troubleshooting stylesheet problems, but just remember not to implement them as an actual solution.
