CSS

  • Powered*

Blog Draw beta

  • Communicates*
  • From*

Your Ideas

JavaNut.com

Please Donate $1 here if you use these diagrams on your site or blog. Funds donated will enable us to add cool new features. Oh, and don't forget to add us to your favorite social bookmark system. Tell your friends too! Thank you:-)

  • *

Location and Size:

Node Content:
Upper Left Line:
Arrow: Size:
Label:

Upper Middle Line:
Arrow: Size:
Label:

Upper Right Line:
Arrow: Size:
Label:

Left Line:
Arrow: Size:
Label:

Right Line:
Arrow: Size:
Label:

Lower Left Line:
Arrow: Size:
Label:

Lower Middle Line:
Arrow: Size:
Label:

Lower Right Line:
Arrow: Size:
Label:


It is very easy to add a diagram to any blog or website, but you must do two small steps first:
  1. Modify your site to import the diagrams.css like this:
    <link rel="stylesheet" href="diagrams.css" type="text/css"/>
    ...at the top of your html or template.
  2. Upload the diagrams.css to your own web server in a location where the above import can reference it.


Copy this text and paste it into your blog or site.

Note: You can edit your diagram later by pasting it back into this same box and pressing the button.


This editor works best on Firefox but
any diagrams built here should look the same in both IE and Firefox.

Nathan Tippy, Web Master