about  .:.   overview  .:.   bugs  .:.   subscribe  .:.   login  .:.   terms  .:.   contact

 

The safer way to view Suspect Websites

If you've been getting emails that say things like:

  • Rupert Murdoch and wife robbed at gunpoint, or
  • Bush spent $500,000 for daughter's party

You will find the link they supply probably leads to a website that tries to force you to install an exe file (often get_flash_update.exe) which then installs a virus on your computer.

By entering the address into CSS Tool you'll be able to load the page safely and view the source to see whether it's trying to force a download on you. If it looks suspect then you have avoided the attack.


x

Bugs

CSS Tool is a fairly extensive program written in javascript. By it's nature it may become buggy through long and or heavy use. If the program begins to slow it's recommended that you close and re open it.

Quick Bug List

  1. Color Source Code Bleed Bug. If editing the source code the color scheme of the syntax may change. This occurs as the source code is delivered in HTML format instead of text format. Fix: Right mouse click in the source to fix/update the color scheme.

  2. Disappearing Page Bug. Some pages contain header information that conflicts with the program. Other than altering the header information in the source there is no fix. It may occur if swapping between several documents or between Source and Design mode.

  3. Adding Borders Bug. When adding borders they disappear when you change some values. If this occurs you need to reselect the border style and all your values will be returned. A fix is in progress.

  4. Page Won't Load Bug. This isn't really a bug. Some pages won't load due to their url, page extension (or lack of) or their source code. Fix: The only way to work around this is to create a new page then view the source via the browser and copy it into the source editor in CSS Tool. You then need to add a base href tag at the top of the document with the page url as the base.
    EG:

For a more thorough bug list please the the help file in the program.


Enter a URL
(EG: http://www.css-tool.com/test-page.htm)

  1. Enter a URL in the form above (should have a .htm, .html, .php, .asp or similar extension)
  2. Click Open/Run and the page will open up in CSS Tool (note that some pages won't)
  3. All CSS and DOM properties appear in the right pane when an object on the page is selected
  4. You can view and edit the style properties from the right pane
  5. Clicking the Email button on the left will email the page.
  6. The top icons add HTML to the document.
  7. Clicking this icon will load other pages off the web.

Note: Using this program indicates you agree to the terms and conditions.
CSS Tool requires IE5+ and Win32 to operate.The program may become buggy with heavy use.

CSS Tool is a web-based document editing service which allows anyone to load a URL into it and edit the style and DOM properties ofthe page objects. The user friendly wysiwyg environment means no CSS experience is required and adding CSS is quick. There is no software to install or complicated instructions to follow. Just enter a URL (website address) in the form above. Be sure to click the Help icon inside for more information about the program.

While access is free, subscribers receive a much higher level of service including access to disabled features. For more information, please see the Overview. Try CSS Tool now by typing a URL in the form above.

Click here for other easy ways to access CSS Tool.

x

Automatic Load

Bookmark this CSS Tool link (right mouse click and select Add to Favorites) and next time you come across a page you'd like to examine selecting CSS Tool from your Favorites will open the page in the program.

If Internet Explorer's security bar appears you will need to reselect the bookmark.

 

 

x

About CSS Tool

This program was begun in 1997 as an experiment by Webpage-Wiz.com founder Steve Forster in creating a javascript webpage editor that could do some of the things web editors of the day like Hot Dog weren't doing.

This goes some way to explaining the quirkiness of the program with features such as Macro editing, class formatting and multi tagging.

It's currently available in .hta, .htm and .php formats.

Build History

1997 : The Javascripter (converts HTML to JS, now available here)
1999 : WebPage-Wiz Design Studio
2006 : Site Deziner
2008 : CSS Tool

x

Overview

CSS Tool is similar to many web editing programs and if you use Dreamweaver or Frontpage you should feel right at home.

It has two main modes you can work in, Design and Source.

Design Mode
Design mode is the WYSIWYG interface where you can type directly into the page.



In Design mode many of the objects on the page such as tables, div or span tags and form elements become highlighted when selected and you can see and change all the CSS and DOM properties associated with the object in the right of the screen. The top icons add HTML to the page.

Did You Know

  • Clicking the Email button on the left will email the page

  • Focussing the mouse in a style property (right) then selecting another object on the page will transfer the style property value to the selected object.

  • Selecting a javascript handler from the menu (under DOM on the right) then clicking the Handler button and typing your handler script in the textarea let's you embed the script handler into the object when you click Update.

  • If a div or span tag is selected, clicking the Content button (under DOM on the right) transfers the HTML content in the tag to the textarea beneath. Modifying the content then clicking the Update button transfers the code back to the div or span tag.



Source Mode
You also have Source mode where you can deal directly with the source code of the document.



Did You Know

  • Typingthe accute symbol (`) several times in the source and clicking a tag will embed the tag everywhere the accute symbol is found.

  • Selecting any inline style code (style="style:property; style:property;") in an objects tagthen clicking the class button will compile the inline style into a class. (style tags need to exist in the document first)

  • Clicking the Setup icon reveals a Macro menu. Highlighting a section of code, selecting a blank option from the Macro menu and clicking Store stores the code in a seperate editing container for easier editing. This code replaces it in the source. Placing the macro tag in any open documents adds the stored code to that document.

For a complete list of features please refer to the Help file in the program.

x

Terms Of Use

The CSS Tool program is provided "As Is" without warranty and use of this program is done entirely at your own risk.

By using the program you agree not to hold Webpage-Wiz.com or any of it's subsidiaries responsible for any damage, real or implied to your person or property.

This program is not to be used for illegal purposes. By using it you agree to adhere to local and international law.

This program may be temporarily suspended if public usage becomes too high. To guarantee no downtime we recommend subscribing to our professional service.

x

Subscribe Here

Our Professional Service delivers you more power and unbridled access!

  • 99.9% Uptime, it's never too busy
  • Create, Edit and Save pages off your hard drive or network

    Just $9.95 mo + $4.95 setup

    No Contracts, cancel anytime.
    • x

    Contact


    Name
    Email

    Message

     


     

    Copyright Webpage-Wiz.com . 2008 All Rights Reserved