tiPs & triCks from this site that are crOsS broWser AND really wOrk!
with
RapidWeaver



Simple popup windows

The popup windows in this site are quite simple. You need two pieces of code. The first goes to the Header in the Page Inspector menu. The second goes were you need the content. You can add them in any page.
Get the code in the form of two snippets (the original code is courtesy of Dynamic Drive, www.dynamicdrive.com) Good LuCk Ioannis

15/1/2008 Found a bug in Firefox and columns plug-in from yourhead.com. It will render the popup under the menu element or the next column element. A work around is, if you need two columns in your page, to use the columns snippet. Safari and IE 7 work fine. This code works really beautifully with jquery curvycorners and CurvyCorners. Instructions will come soon.



How to set up the error pages on your site

The following link is broken on purpose Demo
First of all you have to make sure that your server accepts Error Document redirection.
(if you are not sure just do it, it is very simple anyway)
So in order to specify your own ErrorDocuments, you need to get familiar with the server returned codes. You do not need to specify error pages for all of these, in fact you shouldn't.
An ErrorDocument for code 200 for example would cause an infinite loop, whenever a page was found.
There is a file which is invisible in your home directory called .htaccess You can open this file directly.
(With Cyberduck and TextWrangler for example. If you use Cyberduck you have to select show hidden files from the view menu)
If the file does not exist just make a new one with any html editor. Then you will paste in that file the following list and finally you must make it invisible and download it in your home directory.

ErrorDocument 400 / your file name
ErrorDocument 404 /notfound.html (for example)

My setup looks like that

ErrorDocument 404 /notfound.html
ErrorDocument 401 /restricted.html
ErrorDocument 403 /notfound.html

There is a problem with some servers when an error comes from a deep page like
http://innerspace.gr/periagapis/love/pray/ioannis.html
Then for some reason the css files do not load properly, there is a big delay on the server and then
the page comes raw (not styled at all).
To go around that just insert this code <base href="http://your site.com/" /> in the header before the style links.
In Rapidweaver insert either in the head or in the prefix in the page setup menu.
That seems to work fine on my server. Good LuCk Ioannis


How to resize the browser window to full available screen size

This is what will happen when you press this link when you press this link. Some like it, some not.
(if your window was already full frame resize it to a smaller size and just refresh the window to see the effect)
Get the code in the form of a snippet

5/1/2008


Simple code for making a redirect page

Open an empty document on a HTML editor like TextWrangler and paste the code.
It is only 5 lines. The only thing you have to insert is the name of the page you would like to redirect to.
Good LuCk Ioannis
Get the code in the form of a snippet


Redirect using .htaccess


You can use .htaccess to redirect users to a different URL. The .htaccess looks for any request for a specific page and if it finds that request, it forwards it to a new page you have specified. There are 3 parts the Redirect command, the location of the file/directory you want redirected, and the full URL of the location you want that request sent to.These parts are separated by a single space and should be on one line.

The syntax is: redirect request target

For example, if you want to redirect users from oldfile.html to the new file newfile.shtml the syntax should be:

redirect /web/oldfile.html http://www.innerspace.gr/web/newfile.shtml

So whenever there is a request for the page http://www.innerspace.gr/web/oldfile.html the server will redirect the request to the page http://www.innerspace.gr/web/newfile.shtml


Accurate online counter

This is a counter that will accurately show how many visitors are online in your site. It does that by checking at set intervals if the page is still open. (The preset is every 26 secs )
So how to install?
Unzip the package upload the two files to your server and set the permisions to 777. You can use any ftp application like Cyberduck
I have put the calling code in the Copyright field in the site setup menu.
It will come up in all my menu pages in the right bottom corner. This really saves a lot of work if your site is already up. (you must have the code in every page that you want the counter to measure)
Get the code. GooDLuCk Ioannis


Hexadecimal color coding and names
Color codes and how to apply.

HTML color codes are hexadecimal triplets representing the colors red, green, and blue.
For example, in the the color red, the color code is FF0000, which is '255' red, '0' green, and '0' blue.
Have a look at this Realy CooL color table

found this cool addition for the OS X color panel that lets you get & edit hex HTML color codes


iframe code

Rapidweaver's iframe does not work properly for me.
So I made a snippet that can be pasted in any page.
You can adjust
WIDTH="580"
HEIGHT="800"
FRAMEBORDER="0" if "0" no border, otherwise "1" with border
MARGINWIDTH ="0"
MARGINHEIGHT="0"
SCROLLING="no" if "no" no scrolling bar, "yes" show always, "auto" show when needed
Get the code in the form of a snippet (works with iWeb too)

Looks like there is a problem with transparency and IE. To go around you just need to set the body style="background-color:transparent" on the page that the iframe reads.


Online Link checker

Anyone maintaining a site with more than 10 pages understands the need of a Link Checker except if you are patient enough to check your site for broken links one by one.
I have been experimenting with various Online Link checker scripts. Some work better some not, until I have found this cool Free-ware application for the mac. Integrity is a very good solution.
Many thanks to Sheila Dixon


Unique Visitors count with detailed database (soon)



How about a little snow on your page? (soon)



Cool ad-on ftp client for Firefox!

Check this cool ftp client ad-on for Firefox. It is Cross-platform free and if you to donate half the money will go to charity. fireftp


CSS programming helper

This is a cool little flash that will help you with CSS progamming. Enjoy! Ioannis



Server side includes (soon)



More to come soon!

Your IP is 38.107.191.107
Updated: Thursday 08 January, 2009

RapidWeaver









cyberduck








TextWrangler






















































hex-color-picker


















Integrity