tiPs & triCks from this site that
are crOsS broWser
AND really wOrk!
with RapidWeaver
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/2008Simple 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.
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 codesiframe
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! IoannisServer side
includes (soon)
More to come
soon!




