Animated gifs on Eons Banners Backgrounds Code Parties Color Choices Color Fun - Rainbow Text Converter - HTML to characters Creating a Website CSS Editors/Generators CSS - Tutorials Editors /Generators- to do the work for you   CSS   HTML -Kompozer /SeaMonkey Firefox - add-ons Fonts - Which ones to Use Fun Sites! - Make fun graphics and fonts effects Graphic Editors - online or download Graphic Editors - Gif Animation Graphics - sources

Hosting Sites - Free/Inexpensive How to's - projects HTML Editors/Generators HTML/XHTML tags, common HTML Tutorials Menu generators and sources Music - Sharing your own/ Playlist sites Online Storage Online Tools Open files with different extentions Open Source software Profile Page Help Projects - How To's Reference Sites Right-Click: Disable Templates - free to use Trouble shooting - Problems with Eons Text Fun Tools to Download

Tutorials -  How to's and Videos Links      Creating a Website - Putting it All Together      CSS - Tutorials      HTML Tutorials      HTML page - one page - Tutorials Tutorial  - Video How to's Validating/Checking - HTML, CSS, Web Sites View Source Code - How to's Web Site Building - Putting it all together Eons Specific   Profile page     More About Me     The Yellow Box     Banner Resize   Sticky Notes     Managers and Moderators Eons Specialty and Related Groups:

Animated Gifs on Eons:

• Group Post - Using Animated Gifs Stored on Eons - http://www.eons.com/groups/topic/1449968

Banners

• Group Posts and Help files:
• Creating a Banner (Basics) - View Link - Help file by Rich64nv
• Creating a Multiple Image Banner  - View Link - Help file by Rich64nv
• Making a Transparent Banner - Group Post - http://www.eons.com/groups/topic/1231663-Making-a-Transparent-Banner-Online
• Banner Bash - Sharing how we make banners - http://www.eons.com/groups/topic/1635861-Banner-Bash-Sharing-how-we-make-banners - Find all kinds of tips, tricks, techniques and ideas about creating banners.
• Using Pixlr.com - http://www.pixlr.com - This help file gives step-by-step instructions and includes screenshots. It tells how to make a transparent banner with text and also shows how to add separate images.
• Online Banner Generators
• Banner Fans - http://www.bannerfans.com/banner_maker.php - Create and Share Your Banner You can set a custom size or use a preset size, so you can make your own comments or other graphics also. There are five tabs for setting the layout, text and fonts, shadow and effects, border and format (Jpg, gif and png)  You can also upload your own image.  You can either download the graphic or get link codes. Group Post - Online Banner, Comment & Graphic Generator  and Banner-Making Site
• CoolText - http://cooltext.com/ - "Cool Text is a free graphics generator for web pages and anywhere else you need an impressive logo without a lot of design work.  Simply choose what kind of image you would like."
• Imagechef - Online banner generator - http://www.imagechef.com/ic/banner/  . . .have you notice imagechef.com for the cake decorating also has some pretty cool Banners? - recommended by Roseart1948 in group post - Free Backgrounds for Profiles and Web Sites

Backgrounds:

There are some links here that are also located under the Graphic Sources section. However, these links are for backgrounds only.
Sources for Images that can be used as backgrounds. Please read the Terms of Use at each of the sites as they vary in ways that the images can be used and/or modified.

Code Parties:  

Color Choices - Choosing Colors

• 216 Web-Safe Colors - http://cloford.com/resources/colours/websafe2.htm - Color chart of 216 colors that look the same with all browsers - 
• 4096 Web-Smart colours - http://cloford.com/resources/colours/websmart1.htm - A newer chart from cloford.com 
• Color Chart by Owens4 - http://owens4.com/colors.html - "This is a cool, tool, for matching a text color, to a background color..
  click on a color, the page changes to that color, and you can see all the other text colors, on that bgcolor." recommended in group post - a color page by HonestJohn
• Color Choices by name - http://www.ibdguy.com/colors.shtml - "150 browser safe" color names
• Color Cop - http://colorcop.net/download - "One of the best ways I've found to get the "Perfect" match for colors is by using a free program called COLOR COP. I've used it for years to pick and match colors to make a color palette before designing my pages. Use the little magnifying glass to "pick" a portion of the picture you want to take colors from. Then click on the color you want and the HEX code appears for you to copy and use in your work. Saves a TON of time." recommended in group post - Two More Tools for Picking Colors - by KathyD174 about March 20, 2009
• Color Harmony - (article) http://webdesign.about.com/cs/color/a/aacolorharmony.htm - Explains different color "sets"
• Color Palette Generator - http://www.degraeve.com/color-palette/ - You paste in the URL of an image and then click on a button. Two lists of color hex codes (with examples) are generated - five "dull" colors and five "vibrant colors". Very easy and very quick! Group Post: Color Palatte Generator - Recommended by Mimi58
• ColorPicker 3.1 http://www.pagetutor.com/colorpicker/index.html - Choose the font color and background color. Also change the font and font size if you wish, along with rendering bold and italic. You can also enter the URL of a background image or choose not to underline links. When you are through, it gives the css code for all your choices or the HTML code that would go in the body tag for just the color choices.
• Color Scheme Designer 3 - http://colorschemedesigner.com/# - One of the neat things about this site is that you can click to see an example of a page done in the chosen color scheme either with a light page example or a dark page example. Just click off of the example to get back to the color schemer. Originally posted in CSS Web Design by kv5m.
• Colour Spy - http://www.softforall.com/WebAuthoring/HTMLEditors/Colour_Spy10020135.htm - "Another program that I use is very similar and works well too. It's called Colour Spy . . . Click on the dropper tool and drag it over the picture you want to copy the color from. Again, easy to use and easy to grab color coded. Both are my favorites and well used." recommended in group post - Two More Tools for Picking Colors - by KathyD174 about March 20, 2009
• Colors that look good together - Eons Post - (Link in post doesn't work anymore. Use the one below)
• Tool: To use the tool, drag the indicator on the color scale left/right. Then select among the different 'schemes' in the dropdown on the top right. http://websitetips.com/colortools/sitepro/
• Color Wheel and Color Theory: (article) http://webdesign.about.com/cs/color/a/aacolortheory.htm - gives some basics about choosing colors that work well together.
• Instant Color Themes - http://www.gpeters.com/color/color-schemes.php - "Let Yahoo pick your color scheme! Enter a word or phrase and I'll grab 5 related images from Yahoo Images, and get the 6 most prominent colors from each."  recommended by Renee43 in group post - web site to share
• Multicolr Search Lab - Flickr Set - View Link - "Choose 10 colors from the palette they present, & their monster database will pull photos/graphics from Flickr that contain your chosen colors. This is a great way to get design ideas!" recommended by Sylk - Group Post - A fun color tool!
• My Color Picker - http://www.mycolorpicker.net/ - You upload your background or photo and then you can pick a color in the photo to match to and it will give you the color code. Recommended by TestofF8th Oct. 26, 2008 in Group Post
• Named Colours with rgb and hex values - http://cloford.com/resources/colours/namedcol.htm

Converter - Convert code so that it can be posted!

• HTML markup to character entities - www.stanford.edu/~bsuter/js/convert.html (Link no longer works. Trying to find new link) Great tool to use to convert HTML code so that it can then be pasted into messages and posts. Recommended by HonestJohn(Be sure to follow mbotos' steps in posting)
• Enhanced Coverter by Mbotos - http://www.botos.com/eons/convert_04.html - Changes some of the HTML tags to character entities so that code can be posted without executing - script from B. Suter, added some color and a pop-up that previews the code. 
• Gest - http://www.wtv-zone.com/phyrst/ece/encoder.html  "Take code as normally written and enter it in the text-area
  below. The result can be directly copied and pasted to your source page or into a text area and it will display as code
  but will not execute."  recommended by HonestJohn in Group Post - Gest

Editors / Generators - to do the work for you

• CSS Editors/Generators
• Top Style Lite - http://topstyle.en.softonic.com/ - Windows download - recommended by mbotos - Group Post - CSS editor -- the easy way
• CSS Creator - http://csscreator.com/?q=version1/index.php - recommended by HonestJohn- Group Post - CSS editor -- the easy way
• Cascades section of Kompozer - http://www.kompozer.net -  Contains the basic commands- Group Post - CSS editor -- the easy way
• CSS Wizard - http://www.css-generator.com/  recommended by Renee43 - Group Post - CSS Wizard

• HTML (Some with CSS extentions)
• EditPlus Text Editor - http://www.editplus.com/ - 30 day trial - EditPlus is a text editor, HTML editor and programmers editor for Windows. recommended by KathyD174 in Group Post - 2 Questions re:IE and HTML - about March 20, 2009. Also in group post HTML Editor recommendations.
• HTML-Kit  - www.chami.com/html-kit/
• Kompozer - http://www.kompozer.net - Group Post - HTML Editor recommendations -- http://www.eons.com/groups/topic/1144591-HTML-Editor-recommendations
• Help file for downloading Kompozer - http://ccs.110mb.com/downloadkompzer.html
• Introduction to Kompozer help file - http://ccs.110mb.com/eons/IntroductionToKomp.html - Get started with Kompozer - http://www.kompozer.net/ , an HTML editor
• Adding an Image w/ Kompozer - http://ccs.110mb.com/how/AddingImageWKompozer.html - Kompozer help file continued.
• Kompozer and Nvu User Guide by Charles Cooke - http://www.charlescooke.me.uk/web/kz-ug-home.htm  - help to get started with Kompozer
• A Quick Guide to Using KompoZer - http://www.lis.uiuc.edu/itd/tutorials/KompoZer/ - from the University of Illinois at Urbana-Champaign Graduate School of Library and Information Science.
• Online Nvu Tutorial (Earlier version of Kompozer) http://ed.uwyo.edu/tech/tutorials/nvu.html 
• Online KompoZer and Nvu User Guide: http://www.charlescooke.me.uk/web/kz-ug-home.htm - Includes information about stylesheets (css)
• Video Tutorials
• Using an HTML editor - Kompozer - http://www.expertvillage.com/video/161096_use-html-editor.htm
  Great introduction to Kompozer
• Kompozer Tutorial 1 - http://www.youtube.com/watch?v=U7W5SKFhsn4
• Download and Install - http://www.youtube.com/watch?v=b8kKd7R1XQ8&feature=channel_page
• Fast and Easy Website Design Using Komposer - Pt 2 Basic Features - http://www.youtube.com/watch?v=oKWSSMGJL_c
• Pt 3 More Basic Features - http://www.youtube.com/watch?v=vnt_PTdUI3M
  
• Notepad Plus - http://notepad-plus.sourceforge.net/uk/site.htm - "I'm going to try notepad plus don't know if it will work on a mac?? by HonestJohn in Group Post - HTML Editor Recommendations about 24 March, 2009
• Notepad Plus2 and/or Notepad ++ - http://notepad-plus.sourceforge.net/uk/site.htm - "There is one problem with notepad, it is not aware of html files. Other editors can parse language specific files and color the code words which makes it much easier to edit those files. There are two notepad replacements that are much better, try notepad2 or notepad++ which is an open-source project" -  Group Post - It's Best to Use a Simple Text Editor for Code recommended in reply by Raouf
• Notetab Light - http://www.notetab.com - "I use the free notetablight sorry Mimi, windows only. It has a character/word counter" - recommended by HonestJohn in Group Post - HTML Editor Recommendations about 24 March, 2009
• Online HTML Textbed - http://www.d21c.com/sugarcrisp/codes/testbed2.html - You can then copy code and put in post, pm, HTML editor, etc.  Group Post Here is an HTML testbed - http://www.eons.com/groups/topic/1192178
• NVU - http://nvu.com/ - Its free and I like it! by GaryJames in Group Post - HTML Editor Recommendations about 24 March, 2009
• SeaMonkey browser and composer - http://www.seamonkey-project.org/releases/
• Introduction to SeaMonkey help file - http://ccs.110mb.com/how/IntroductionToSeaMonkey.html Help in getting started with SeaMonkey - http://www.seamonkey-project.org/releases/, an HTML editor 
• SeaMonkey Tutorial - Web Page Development using SeaMonkey - http://www.lis.uiuc.edu/itd/tutorials/SeaMonkey/ - from the University of Illinois at Urbana-Champaign Graduate School of Library and Information Science. Also includes a Video Tutorial - http://waterfall.lis.uiuc.edu/dl/videos/SeaMonkey/Seamonkey.html

Fire Fox add-ons

• Source View tab - https://addons.mozilla.org/en-US/firefox/addon/5908 - Shows web page sources in tab. - recommended in reply to "View Source to view code" Group Post.
• Web Developer - http://chrispederick.com/work/web-developer/ - A tremendous must-have! - it can do all kinds of tricks. recommended by HonestJohn
• Screengrab - https://addons.mozilla.org/en-US/firefox/addon/1146 - Take a screenshot of the complele page, visible portion or a selection of the page. Save it as a .jpg or .png.

Fonts

• Which Fonts Should I Choose?

• Comparing Windows and Mac Fonts- Chart - http://www.webdesign.about.com/od/fonts/l/bl_compare_fonts.htm
• Advice on how to choose fonts - http://www.webdesign.about.com/od/fonts/a/aa062507.htm
• Advice on font size - http://www.webdesign.about.com/cs/typemeasurements/a/aa042803a.htm

Fun Sites! Have Fun with Graphics, Words and more

• Avatar Photo - http://avatar.pho.to/ - Create animated gif avatars or cool static avatars online for free. Group Post: Make an animated avatar posted by Rich702 
• Background Pattern Maker - http://bgpatterns.com/ - Choose a pattern - change the color, opacity, size, etc. and make your own background "tiles". Group Post - Online Background Pattern Maker post by Mimi58
• Big Huge Labs, Home of fd's flickr toys - http://www.eons.com/groups/topic/1696154-Another-fun-website - Lots and lots of cool and fun things to do here. Group Post: Another fun website posted by Rich702
• Bling Easy - http://blingeasy.com/ - Easily add bling to you images. Just upload a photo and play! Quote from site: "The photo editor lets you easily add Glitter, Animated Images, Backgrounds, Text and many other amazing effects to your photos or images. Create your online photo album at Blingeasy and share your new blinged out photos with friends and family. It's easy, FREE and its fun!" Group Post: Make Your Own Glittery Graphics posted by Mimi58
• Blinkies - Basic Blinkie Make Tutorial - http://rainbow.arch.scriptmania.com/tools/blinkie/make_basic_blinkie.html - "explains it in very easy-to-understand steps, *plus* it gives you sources of freeware to use in making them." recommended by Sylk in group post Blinkies. about January 24, 2009
• Blinkies - for folks who use Macs - group post: Making a Blinkie Another Way - Make blinkies using a paint program to create the separate images, http://www.pixlr.com to resize and then http://www.gifmake.com to create the animation.
• BuboMe - http://www.bubome.com/index.html - Create fun photos or put photos in frames. When you go to the home page, click on categories, then on frames to put your photo in a frame. - Group Post: Adding Hats to Avatars Recommended by MrTSauce
• Foto Trix - http://graphics.imagetemplate.net/ - "In the category "Fun Templates" there are right at 900(!) different frame templates you can play with! There's also one that has dozens of different classic photo frames just like the ones you'd buy at Hobby Lobby." Group Post: Need Help Please Recommended by Sylk
• Funny Photo - http://funny.pho.to/ - Upload your photo and combine it with a template to make a funny picture. Lots of choices here! One section of site recommened in Group Post: Make an animated avatar posted by Rich702 
• Fun Photo Box - http://funphotobox.com/Default.aspx - "There are a bunch of templates you can use to add your own photos for a fun effect." recommended by rich64nv in Group Post: Cool website  about Mar 1, 2009
• Gif-mania animated signatures - http://www.gif-mania.net/animated-signatures/?lang=en - Create your own animated gif email signatures for free from figurines. Choose a font, size of text and font color. Really neat! Group Post: 24 HOUR CODE PARTY posted by HonestJohn August 6, 2009
• Iasa - http://www.iaza.com - an online image editor - Upload your image and make changes with just a few clicks. Convert images to gif, jpg, png or bmp. Enhance, change color, size, tranform, make gifs with solid backgrounds transparent - So many choices - so little time!  Group Post - Fun and Easy Graphic Editor Site 
• Imagechef - http://www.imagechef.com/ You can make banners, visual poetry, flower text, poetry blender, sketchpad, video, put names on jerseys, and make symbols. There's also a whole slew of templates - http://www.imagechef.com/ic/product.jsp
• Kaleidoscope Painter - http://www.permadi.com/java/spaint/spaint.html
• Loogix.com - http://www.loogix.com - Add crazy animations to an avatar or other image Group Post: A new site to make gif's posted by Rich702
• Loonapix - http://www.loonapix.com/ - "LoonaPix.com is a free photo editing online service. You can make it funny using LoonaPic effect or embed your face from the photo to the various templates, add photo frame or just trim it." Group Post: Need Help Please Recommended by Sylk
• LunaPic Online Photo Editor - http://www.lunapic.com/editor/  Create slideshows, reflecting animation, groovy color animations, animated transitions and more. Upload your image and have fun! Recommended by rich64nv
• My Award Maker - http://www.myawardmaker.com/home.html - They have dozens & dozens of templates in all kinds of styles for sports, school, special occasions, business, blank, & relationships :-) Group Post: A neat little website posted by Sylk
• MyTheme Online Photo Editor - http://www.blibs.com/editor/ - This is actually the same editor as the lunapic editor.  
• PHP Rainbow Text Generator -  http://www.ibdguy.com/rainbow/ - You can choose the font, font size, font color and whether you want it generated by letter or by word.
• Picture to People - http://www.picturetopeople.org/index.html - "The site has tools and generators for lots of effects with photos, text and patterns. It also has some tutorials showing how to use some of the different generators and tools". Group Post: Picture to People - Graphics Effects Recommended by Mimi58
• Rainbow Text - http://rainbow.arch.scriptmania.com/tools/rainbow_text/rainbow_text.html - Put in your text. The color generator makes each letter a different color.
• Stretch Your Face - http://www.stretchyourface.com/ - Group Post: Stretch Your Face by rich64nv
• "Winking" Image - How to - Group Post - http://www.eons.com/groups/topic/1493402 - Discusses steps to making "winking image" at LunaPic

Graphic Editors - to download or to use online

• Backgrounds - Web Graphics Maker - http://en.web-graphics-maker.com/backgrounds/ - Free online tools which generate seamless tiles for web page backgrounds and patterns in graphics softwares. - Group Post: A couple of fun sites by Sylk
• Gimp - download - http://www.gimp.org - Windows, Unix and Mac OS10 - free and an excellent graphics software program recommended by GaryJames - New! The Gimp Group - formed Feb. 8, 2009 http://www.eons.com/groups/group/the-gimp-group
• Video Tutorials on youtube about how to use Gimp
• Gimp Basics Part 1 - http://www.youtube.com/watch?v=i9up3Je0hyc
• Gimp Basics Part 2 - http://www.youtube.com/watch?v=GWHAbY7mllY
• GIMP 2.3 Tutorial - The User Interface - http://www.youtube.com/watch?v=8aR3o7rYdx0
• GIMP 2.4 Tutorial - Selections  http://www.youtube.com/watch?v=HybcYXwt9lQ
• Gimp Tutorial: Layers - The Basics  http://www.youtube.com/watch?v=jrVnI3l9fgE
• Gimp Tutorial: Inteligent Scissors Background Removal (Tutorial continued in Gimp Tutorial: Eraser to Transparent Background Removal)
  http://www.youtube.com/watch?v=Lr_XW0_DXNM
• Gimp Tutorial: Eraser to Transparent Background Removal (2nd part showing his preferred method) http://www.youtube.com/watch?v=QhH2FNnjnUg
• GIMP 2.3 Tutorial - Face Replace (Part 1) - http://www.youtube.com/watch?v=BafertvtNnc
• GIMP 2.3 Tutorial - Face Replace (Part 2) - http://www.youtube.com/watch?v=CsQBKYtIc7g
• Layering with Gimp - http://www.youtube.com/watch?v=ckL9UOmgBWQ
• Gimp Tutorial : Web Animation - http://www.youtube.com/watch?v=On3rmkNu6yQ
• How to create an Animated GIF with GIMP - http://www.youtube.com/watch?v=f-9_HwRcd1A
• GIMP Basics - http://www.youtube.com/watch?v=vVy_EDDe_-0
• FotoFlexer - http://www.fotoflexer.com/ - Online image editor - (Same one used by photobucker) If you don't have a graphics program on your own computer, this can be a great help! 
• Gifworks - http://www.gifworks.com/image_editor.html - Your image must be a gif, but you can go to iaza.com and convert a jpg to a gif. You can upload from your computer or transfer it from a location on the web. There's all kinds of things you can do here.
• iaza - online - http://www.iaza.com - Free Online Image Conversion - Simple & Easy Converter (Images, Graphics, Avatars, Anime . . . You can do all kinds of things there including animation, and transparency.
• Inkscape -download - http://inkscape.org/ -  " An Open Source vector graphics editor, with capabilities similar to Illustrator, CorelDraw, or Xara X, using the W3C standard Scalable Vector Graphics (SVG) file format." There are versions for most operating systems. The site also has links to tutorials,forums and more.
• Jalbum - http://www.jalbum.net - Easily and quickly generate a photo gallery complete with thumbnail images, choose a skin and store the album on jalbum or on your own website. Group Post: HTML/CSS Photo Gallery Generator - Free Software by Mimi58
• LunaPic Online Photo Editor - http://www.lunapic.com/editor/  Create slideshows, reflecting animation, groovy color animations, animated transitions and more. Upload your image and have fun! Recommended by rich64nv
• MyTheme Online Photo Editor - http://www16.blibs.com/editor/ - Looks and works much like lunapic.com.
• Online Image Converter for Free - http://www.go2convert.com/ - "universal image conversion tool that lets you convert an image into more than 100 different image formats including popular formats like JPEG, PNG, GIF, PhotoCD, Postscript, SVG and others. Your image will be kept on their servers for up 10 days. Maximum image upload size is 5MB and you can optionally resize the output image for use as an avatar, as a thumbnail, for message boards and other sizes." BTW, you can optimize your images, too! recommended in Group Post: Universal Image Conversion by Sylk
• Paint.net - download - http://www.getpaint.net/ - is free image and photo editing software for computers that run Windows. It features an intuitive and innovative user interface with support for layers, unlimited undo, special effects, and a wide variety of useful and powerful tools. An active and growing online community provides friendly help, tutorials, and plugins.http://www.getpaint.net/
• PhotoPlus - download - http://www.freeserifsoftware.com/software/PhotoPlus/inAction.asp - Free - Enhance your images with easy-to-use creative tools, such as paintbrush, airbrush, clone, smudge and erase - adjustable brush settings include size, shape, softness and fade for complete control. Requirements: Windows 95/98/Me/NT/2000/XP
• Picasa (Google) Photo Editor download - http://picasa.google.com/  Organize, edit, create and share your photos. Works with Windows XP/Vista, Mac and Linux.
• Makeuseof Picasa Tutorials:
• [Google Picasa 101 - Getting Started): http://www.makeuseof.com/tag/picasa-101-getting-started/  
• [Google Picasa 101] - View, Folders, Toolbars: http://www.makeuseof.com/tag/picasa-101-enjoying-the-view/  
• [Google Picasa 101] - How To Edit Your Photos:  http://www.makeuseof.com/tag/picasa-101-how-to-edit-your-photos-in-picasa/  
• Google Picasa 101] - Master The Special Effects In Picasa:  http://www.makeuseof.com/tag/picasa-101-how-to-master-the-special-effects-in-picasa/  
• Picasa 101 - Saving, Exporting & Uploading To Picasa Web Albums:  http://www.makeuseof.com/tag/picasa-101-thinking-outside-the-box/  
• Picnik - http://www.picnik.com - Upload an image and do basic editing. You can also add various effects and even some objects.
• Pixlr - online - http://pixlr.com/ - flash-based, can work with layers and save as .jpg or .png
• Video Tutorials on youtube about how to use Pixlr 
• Pixlr.com - Free image editing - http://www.youtube.com/watch?v=RScD99vKLaY
• Pixlr Online Graphics Editor  (Tv show) - http://www.youtube.com/watch?v=ydCgR2Iz4BE&feature=related
• Pixel based editing and painting software http://www.graphicssoft.about.com/od/pixelbasedfreemac/Free_PixelBased_Editing_and_Painting_Software_for_Macintosh.htm A whole big list - for MACS Recommended by HonestJohn
• Repper - http://repper.studioludens.com/# - "Repper is a free-to-use pattern creator that turns your images into eye-catching designs. You can start playing right away: just upload an image and start dragging! We have even provided you with some samples images to get started with." Group Post: More Fun Sites posted by Sylk
• Round Pic - http://www.roundpic.com/index.php - Upload your image and give it rounded corners. Quick and Easy. Group Post: Another Neat Little Website posted by Sylk
• Sumopaint - http://www.sumopaint.com/app/ - Online graphics editor. Many features including layers. Group Post: Jing Movies - How to Make a Banner at Sumopaint posted by Mimi58
• Web Graphics Maker - http://en.web-graphics-maker.com/ - Backgrounds, lines, bullets and color picker -  Free online tools which generate web graphics for your site or blog. Group Post: A couple of fun sites by Sylk

Graphic Editors - Gif Animation -

From group post - Have Any Gif Animation Software to Recommend?

• Gimp - download - http://www.gimp.org - Windows, Unix and Mac OS10 - free and an excellent graphics software program recommended by GaryJames
• Basics - Video Tutorials 
• GIMP 2.3 Tutorial - The User Interface - http://www.youtube.com/watch?v=8aR3o7rYdx0
• GIMP 2.4 Tutorial - Selections  http://www.youtube.com/watch?v=HybcYXwt9lQ
• Gimp Tutorial: Layers - The Basics  http://www.youtube.com/watch?v=jrVnI3l9fgE
• GIMP Basics - http://www.youtube.com/watch?v=vVy_EDDe_-0
• Combining images - Video tutorials
• Gimp Tutorial: Inteligent Scissors Background Removal (Tutorial continued in Gimp Tutorial: Eraser to Transparent Background Removal)
  http://www.youtube.com/watch?v=Lr_XW0_DXNM
• Gimp Tutorial: Eraser to Transparent Background Removal (2nd part showing his preferred method) http://www.youtube.com/watch?v=QhH2FNnjnUg
• GIMP 2.3 Tutorial - Face Replace (Part 1) - http://www.youtube.com/watch?v=BafertvtNnc
• GIMP 2.3 Tutorial - Face Replace (Part 2) - http://www.youtube.com/watch?v=CsQBKYtIc7g
• Layering with Gimp - http://www.youtube.com/watch?v=ckL9UOmgBWQ
• Gimp Tutorial : Web Animation - http://www.youtube.com/watch?v=On3rmkNu6yQ
• How to create an Animated GIF with GIMP - http://www.youtube.com/watch?v=f-9_HwRcd1A
• 
  
• GifBuilder 1.0 Yves Piguet - http://nyctergatis.com/gifbuilder/index.html - Mac -
• GIFfun by Stonedesign - http://www.stone.com/GIFfun/GIFfun_by_Stone_Design.html - Mac - create Web Animations quickly - Free
• Gifmake - http://www.gifmake.com - Upload your different images. This site combines them into a slideshow or and animated image. You can adjust the timing between the scenes.
• Microsoft GIF Animator - http://www.freewareweb.com/cgi-bin/archive.cgi?download=1&ID=288 - Windows - recommended by Muffin1969
• Photobie - http://www.photobie.com/ - Windows - Edit photos, capture screenshots, and create animations. Free for personal use
• Pixel based editing and painting software http://www.graphicssoft.about.com/od/pixelbasedfreemac/Free_PixelBased_Editing_and_Painting_Software_for_Macintosh.htm A whole big list - for MACS Recommended by HonestJohn
• Articles about Animation  - http://animation.about.com/ -

Graphics Sites:

Note:  Please read the Terms of Use and Privacy policy for each site. Be cautious about sites which require you to download software or toolbars to use their images. Some consider this a form of "spyware", other folks don't. You can read more here: 

• Tineye - http://tineye.com/ - Tineye is Idée’s image identification-based web search engine. TinEye finds exact and altered copies of the images that you submit, including those that have been cropped, colour adjusted, resized, heavily edited or slightly rotated.
• Backgrounds. Clipart and Photographs:

• 30+ Places To Find Creative Commons Media - http://www.sitepoint.com/blogs/2009/04/30/30-creative-commons-sources/ - This Sitepoint article lists over 30 places to find audio, video, images and more that are offered for you to use under a Creative Common license. Just scroll down to find the section on Images.
• All Free Backgrounds - http://www.allfreebackgrounds.com - You can also check to see how different colored fonts will look on the background you choose. See help file on how to use - http://ccs.110mb.com/eons/backgrounds_afb.html
• Animation Library - http://www.animationlibrary.com/ - "Here's a pretty neat free site that has tons of animations you can download to your computer, or upload to Photobucket" Group Post: Neat animation site recommended by Sylk September 20, 2009
• Background Pattern Maker - http://bgpatterns.com/ - Make your own! Choose a pattern - change the color, opacity, size, etc. and make your own background "tiles". Group Post - Online Background Pattern Maker post by Mimi58
• Backgrounds Archive - http://www.backgroundsarchive.com/ - requests a link back. Very nice tileable backgrounds and screensavers. recommended by Mimi58 - also recommended by HonestJohn in group post - Free Backgrounds for Profiles and Web Sites
• Free Backgrounds and Textures - http://www.backgroundlabs.com/ - Click on the image you like to be taken to a preview page. Click on the Image Link below the preview to go to the image. Right-click and choose "save image as" to save it to your computer.  Group Post: Background tiles - posted by Sylk
• Free Stock Photos - http://www.free-stockphotos.com/ - "High Quality Free Stock Photos for Your Personal or Commercial Design Projects"
• Hassle Free clipart - http://www.hasslefreeclipart.com/ - no link back required
• Image*After - http://www.imageafter.com/index.php - "Image*After is a large online free photo collection. You can download and use any image or texture from our site and use it in your own work, either personal or commercial." - recommended by Mimi58
• JAC Clip Art Archive: Backgrounds - http://www.jach.hawaii.edu/~hps/clipart/Backgrounds/index1.html - here is a site with a good selection of bg's, please, don't hot link down load to you space. I down loaded this whole site to my old pc, JAC Clipart Archive - recommended by HonestJohn in group post - Free Backgrounds for Profiles and Web Sites
• Mandarin Design - http://www.mandarindesign.com/gallery.html - "Free pictures and images for your Blog or Web page. All Mandarin images and pictures in the Gallery can be used without permission. Right-click to copy the images or use the copy-and-paste code to link to an image."
• NASA - Images:
• Gateway to Astronaut Photography of Earth: http://eol.jsc.nasa.gov/sseop/clickmap/ - "The Gateway to Astronaut Photography of Earth hosts the best and most complete online collection of astronaut photographs of the Earth from 1961 through the present." You'll want to check this one out just to see the views! Some of the material available here contains copywritten material. You can check the guidelines for use at this link - http://eol.jsc.nasa.gov/Info/use.htm
• Image of the Day Archives - http://www.nasa.gov/multimedia/imagegallery/iotd_archive.html This site contains all sorts of images related to space. It's fascinating to view even if you aren't interested in building a website!  Guidelines for Use - http://www.nasa.gov/audience/formedia/features/MP_Photo_Guidelines.html
• Textury Web - http://textury.webz.cz/miscpage01.htm - here is a site that will let you see what the background will look like when it is tiled. - recommended by HonestJohn in group post - Free Backgrounds for Profiles and Web Sites
• Walco - http://www.wallcoo.net-/ - There are more backgrounds there than you can shake a stick at! They have some very large ones that can accommodate dual monitors. Plan on spending some time browsing! ** NOTE: When you first go there, you'll have to choose English as your language since the site initially appears in Chinese :-) Look in the upper left corner for the language button. Group Post: A couple of fun sites by Sylk
• Web Weaver - http://www.webweaver.nu/clipart/  - "Totally free clipart and animated graphics... no pop ups or registration required! You may download any of the backgrounds, images and animations in this collection for personal use, including web pages, email, crafts or blog sites."

• Comments/Posts: 
• Most of the links below were recommended in the Post: Good Graphic Sites - Those that came from other group posts will be noted as such. Note from reply in "Good Graphic Sites" - if you really like a graphic on someone's page or message, just click on it and it will take you to the source of the graphic.

• Bigoo.ws - http://widget.bigoo.ws/community/browse.asp - from Group Post: http://www.eons.com/groups/topic/1638158-More-fun-sites - recommended by Sylk
• Bling Easy-glitter graphics - Couldn't find
• commentyou - http://www.commentyou.com/
• Hi5tags.com - http://www.hi5tags.com/
• iconator.com - http://www.iconator.com/ - Couldn't get it to load
• glitter_graphics - couldn't find
• Glittermegraphics.com - http://www.glittermecomments.com/ - found when hunting for something else.
• lolcats.com - http://www.lolcats.com
• magicwidgets - http://www.magicwidgets.com
• My Hot Comments - http://www.myhotcomments.com/
• photocasket.com - http://photocasket.com/
• pimp.myyearbook.com - http://pimp.myyearbook.com/
• Pyzam - http://www.pyzam.com
• Recovery Graphics - http://www.recoverygraphics.com/
• satisfaction - http://www.satisfaction.com
• Spiritualgraphics.com - http://www.spiritualgraphics.com/
• Unique Good Morning Comments & Graphics - Couldn't find
• Post: Two for the Price of one - Site: AllieKatzGrapics.com - Blinkies section - http://www.alliekatzgraphics.com/blinkies.php

• FYI: Warnings appeared when doing a search with Yahoo on the following site(s). You can read the links and decide for yourself.

• Webfetti - http://www.sherv.net/webfetti  -  McAfee Warning: http://www.siteadvisor.com/sites/sherv.net?aff_id=661  More info: http://pchell.com/support/webfetti.shtml When you click on one of the choices at sherv.net/webfetti - you are taken to webfetti.com - http://www.webfetti.com/ - or appear to be. I don't know if they are part of the same group.

• Photos:

• Free Photos Bank - http://www.freephotosbank.com/ - Free Stock Photos!

• Specialty Sites:

• Animated Graphics Gallery - Graphics designed by Eons especially for use on Eons
• Thanksgiving Joy - http://www.thanksgivingjoys.com - backgrounds and images for Thanksgiving.

Graphic Tutorials:

Hosting Sites

• 110mb.com - Group Post: Free Web Hosting Sites
• Webs (formerly freewebs) - recommended by HonestJohn  http://www.webs.com/

HTML/XHTML tags, common

• List compiled from Group postings, w3schools.org and other sources
• Lists of Tags:
• HTMLQuick.com - tags for the standard HTML 4.01 that are also suitable for the XHTML standard
• HTML 4.01 / XHTML 1.0 Reference - Complete list of HTML tags for reference
• HTML 4.01 Quick List - http://www.w3schools.com/html/html_quick.asp
• HTML Quick.com - http://www.htmlquick.com/reference/tags.html - 
• HTML Tags and attributes - http://www.htmlquick.com/tutorials/tags-attributes.html

Internet Safety:

• Online Lists of Saftey Tips and malware information:
• MaAfee - Free Services -  http://us.mcafee.com/root/catalog.asp?catid=free - Includes the McAfee SiteAdvisor plug-in, FreeScan, Virus Removal Tools and Advice Center plus more
• McAfee - Newly Discovered Viruses - http://vil.nai.com/vil/newly_discovered_viruses.aspx  " It is estimated that approximately 150 to 200 viruses, Trojans, and other threats emerge every day."
• MaAfee Threat Center - http://www.mcafee.com/us/threat_center/default.asp  - Up-to-the-minute knowledge about threats and vulnerabilities from top=ranked McAfee Avert Lab
• MaAfee - Top Ten Tips for Protecting Your PC - http://us.mcafee.com/root/identitytheft.asp?id=safe_10tips
• Group Discussions:
• Email address hijacking - http://www.eons.com/groups/topic/1459246-Email-address-hijacking - replies include email safety tips and how to use BCC (blind carbon copy) when you email  posted by Mimi58 31 Jan 2009  PS: I have since learned that this is known as email spoofing. All the spammers need are activie email addresses. They don't need access to your computer.
• Link to "McAfee/us/threat" http://www.eons.com/groups/topic/1467009-Link-to-McAfee-us-threat-  posted by GraceAlone  3 Feb 2009
• Photobucket virus alert!! - http://www.eons.com/groups/topic/1449455-Photobucket-virus-alert-   "BE SURE your antivirus and antispyware programs are on and up to date." posted by rich64nv  23 Jan 2009
• Re: Trojan 2008 - http://www.eons.com/groups/topic/1458390-Re-Trojan-2-8  Link info about what to do if you got infected from Photobucket. posted by Luna45  30 Jan 2009
• Please Tell Me More About Firefox http://www.eons.com/groups/topic/1458489-Please-Tell-Me-More-About-Firefox  Why is Firefox a safer browser than IE?
• TROJAN VirusRemover2008 - Is Eons Infected? http://www.eons.com/groups/topic/1458310-TROJAN-VirusRemover2-8-Is-Eons-Infected-  Replies contain warning - DON'T CLICK ON X TO CLOSE POP-UP BOX. DO A Ctrl...Alt...Delete" INSTEAD.
• "Virus's , Trojans.. Oh My!.." - http://www.eons.com/groups/topic/1459840--Virus-s-Trojans-Oh-My-  recommends AVG virus protection program   posted by GraceAlone  31 Jan 2009

Menu generators and Source:

• Generators:
• CSS Menu Maker - http://www.cssmenumaker.com/ - Choose a menu to customize, add the links and generate the code. Recommended in Group post: http://www.eons.com/groups/topic/1611784-Good-Web-Page-on-Menus by kv5m
• List-O-Matic - http://www.accessify.com/tools-and-wizards/developer-tools/list-o-matic/  Add the words and links, choose a menu style, then copy the CSS and HTML code.
• YouTube Tutorial - How to use List-O-Matic - http://www.youtube.com/watch?v=2iNJo5FWBRM&feature=player_embedded
• Sources for Menu Code:
• Stu Nicholls - CSSplay - http://www.cssplay.co.uk/menus/index.html - CSS only menus. This site contains boocoos of various CSS only menus. This is the archive index. Most of the menus here are free to use as long as the copyright information remains in the CSS. However, some of these and some of the newer menus linked from the home page also require a donation. Here's the link to the newer home page - http://www.cssplay.co.uk/index

Music:

• Audio Editing and Recording software
• Audacity - Audacity is a free, open-source, easy-to-use audio editor and recorder for Windows, Mac OS X, GNU/Linux and other operating systems. It may be used to record and edit audio, or to import and edit audio recorded elsewhere. - http://audacity.sourceforge.net/about/
• A Guide to Using Audacity - http://www.lis.uiuc.edu/itd/tutorials/Audacity/ from the University of Illinois at Urbana-Champaign Graduate School of Library and Information Science.
• Music Sharing -  How to share original music
• Help File - A summary of the information learned in our search to find answers http://ccs.110mb.com/eons/musicsharing.html
• Group Post "Still Seeking Original Music Upload"
• List of Steps used to Share Original Music - by Urban123
• Playlist sites - from Group Post: Playlist Suggestions and Tips
• playlist.com 
• myflashfetish.com
• imeem.com
• Tips and Suggestions
• Playlist Users - Autostart Code - group post - contains code to keep Playlist player from starting automatically
• Sources for Music and Sound files
• 30+ Places To Find Creative Commons Media - http://www.sitepoint.com/blogs/2009/04/30/30-creative-commons-sources/ - This Sitepoint article lists over 30 places to find audio, video, images and more that are offered for you to use under a Creative Common license. The first section lists sources for music and sounds. Further down is a section about specialty search engines for Creative Common files.
• Yahoo Media Player - http://mediaplayer.yahoo.com/ - Sounds like an easy way to share original music that you have stored on a web site or online storage site. Group Post - Yahoo Media Player

Open Files with Different Extentions

• Openwith.org - http://www.openwith.org/ - group post: Free programs to open ANY extension - recommended by Sylk about March 15, 2009

Online Storage

• esnips - 5GB free storage - http://esnips.com - eSnips is the one place where you can share anything you want, about any topic: your thoughts, your photos, your music, your videos, your flash files, stuff you find on the web, and many other media types.
• Hotlink Files - http://www.hotlinkfiles.com/ - Share documents, videos, photos, music, and more 
• Photobucket  - http://www.photobucket.com - store images
• Photobucket Alternatives - http://www.eons.com/groups/topic/1451660-Photobucket-Alternatives   Due to virus alert at Photobucket, suggestions were made for other sites to store photos.  25 Jan 2009
• Image Shack - http://imageshack.us/ - Don't let the "subscribe" information in the bottom right hand throw you.You can create a free account there. Just click on signup.  You can upload without creating an account. You'll just need to copy the code and keep it in a "safe" place.

Online Tools

• Changing media formats:
• Media Convert - http://media-convert.com/ - Convert lots of various formats including movie, sound, ringtone and images. Great little tool!
• Character Counter - http://www.eons.com/uploads/1/1/11138648_character_count-foreons.html - helps when there is a character limit for a section of a web site, forum or message board.
• Code Generators
• Able Apps dot come - http://www.ableapps.com/ - 6 Free Online Web Based Apps: Drop Down Menus, Web Buttons, Open New Window, Scrollbar Color Code, Auto Clear Text Box and CSS Horizontal Rules
• Dinky Page - http://www.dinkypage.com/ - MakeUseOf Article: Disposable pages for everyone -  "Have you ever had the need to create a free web page quickly to share information with a group of people or even a team member? You have to fire up your editor, make the page and then upload the page to the site, find the URL and pass it around. Now we have discovered a service that does ALL the hard work for you! It’s called DinkyPage " Group Post: Create a Free Disposable Web Page - Recommended by Rich702
• File2.ws - http://file2.ws/ - File2.ws is a free website that converts any of your own files into a public online web page. Every converted file to a web page has a unique web address so you can share it with friends, or other people on the internet. Group Post: Convert a file to HTML in Seconds Recommended by Rich702  makeuseor article: "Convert a File to HTML Instantly With File2.ws 
• Excel Spreadsheet Unlock Online Utility (Beta) - http://www.ensode.net/xls-crack.jsf - Microsoft Excel allows a user to protect one or more sheets in a spreadsheet. Sometimes these passwords are lost. This page contains a free online utility that allows you to upload an Excel spreadsheet and unlock any protected sheets in the spreadsheet. Group Post: PDF & Excel unlocker posted by Sylk
• Grapic Tools (See Graphic Editors for Online Graphic Editing and Creating)
• Dynamic Drive Online Optimizer - http://tools.dynamicdrive.com/imageoptimizer/index.php - gifs, animated gifs, jpgs, and pngs - You can also convert from one image type to another.
• Graphic Gradient Tool - http://tools.dynamicdrive.com/gradient/ - Make png images from small to large. http://tools.dynamicdrive.com/gradient/ You can also make a png image and then go to FotoFlexer and make it translucent to use in the sections to let the background peep through or make a banner size png transparent and add words. See how to make a translucent png image. Great site! Recommended by HonestJohn
• Lorem Ipsum explanation plus generator - http://www.lipsum.com/ - Lorem Ipsum is dummy text used as default model text by web designers, among others. This site gives great background information as well as translations of some of the original Lorem Ipsum text. Group Post: Lorem Ipsum posted by rich64nv
• PDF Unlock Online Utility (Beta) - http://www.ensode.net/pdf-crack.jsf - This page contains a free online utility that allows you to upload a PDF, once uploaded, a version of the PDF without printing or copying/pasting restrictions is displayed in a new browser window.  The terms and conditions must be accepted to unlock the PDF file.  Group Post: PDF & Excel unlocker posted by Sylk
• Remove Line Breaks Online Tool - http://www.textfixer.com/tools/remove-line-breaks.php Write your message for Eons with Kompozer or SeaMonkey, use this tool and then post it in an Eons message. Group Post: Free Online Tool to Remove Line Breaks from Code recommended by Mimi58, September 18, 2009.
• Sharing and Organizing Photos:
• Picasa Photo Album - How to Make a photo album the easy way. Post
• URL's - make URL's smaller to post in messages, emails, etc:
• Tinyurl.com - http://tinyurl.com/ - Quote from site: "Are you sick of posting URLs in emails only to have it break when sent causing the recipient to have to cut and paste it back together? Then you've come to the right place. By entering in a URL in the text field below, we will create a tiny URL that will not break in email postings and never expires."
• Tinycc.com - http://tiny.cc/ - Quote from site: "Tiny URL is easier to post on blogs or forums. Make email friendly URLs. Simplify links to your website. Hide an affiliate link. Create personal or unique addresses using a keyword. Tiny.cc turns a ridiculously long URL into a tiny URL... short, meaningful and permanent."
• What is my screen resolution - http://whatismyscreenresolution.com/ - Go to this site and it will tell you the screen resolution of the monitor you are using.

Open Source software:

• Osalt.com - Open Source as Alternative - http://www.osalt.com/ - Find open source software alternatives to well-known commercial software

Profile Page Help: 

If you need step-by-step help or have any questions, you're welcome to post in The Studio! We'll be more than happy to help.

• Choosing Skins - Finding skins to use
• Getting Started Styling Your Profile Page - Group Post - http://www.eons.com/groups/topic/1418153
• Skin Index with categories to make finding skins for your profile easier. http://eons.com/groups/group/skins-index
• Friends and Skins group, who share and discuss skins they have created for the Skin Gallery. http://www.eons.com/groups/group/friends-and-skins
• Creating Skins
• Creating Your Own Profile Skin - Group Post - http://www.eons.com/groups/topic/1444578
• Choose the background you are going to use
• Simple color background - Choose the color in the skinner or use one of the Color Tools to get a color scheme and add the color code in the appropriate places in the skinner.
• Use an Image. Upload the image and link to it from the skinner
• List of Free Graphic sites - See Graphic Sources in menu
• Tweak the fonts and borders to match it. 
• The help file, "Duh Skinner" http://ccs.110mb.com/eons/daskinner.html - contains screenshot and directions.
• The help file, "Skinner Fonts" http://ccs.110mb.com/eons/skinnerfonts.html information specific for Profile Page fonts
• Making Changes to Skins:
• Skinner Help File - Duh Skinner - http://ccs.110mb.com/eons/daskinner.html - Contains screenshots and information on how to use the Eons Profile skinner.
• Profile Page Font Help - Skinner Fonts - http://ccs.110mb.com/eons/skinnerfonts.html
• Add Some Goodies: 
• Widgets - http://ccs.110mb.com/eons/widgets2.html
• Playlists - Group post - http://www.eons.com/groups/topic/1407782-Playlist-Suggestions-and-Tips
• Images - See Graphic Sources in menu
• CSS: If you need some help, just ask questions in the Studio!
• Codes To Share, Revise and Use file - http://ccs.110mb.com/eons/codestoshare.html
• Code Parties - http://ccs.110mb.com/eons/codestoshare.html#Code_Parties_Oh_yeah_ - Links to Parties
• Custom Css Box of the Skinner - Look in the far right of the menu of the Codes to Share, Revise and Use file for links under: "CSS Code for your Profile Page - This code goes in the "Custom CSS" tab in the skinner."

Projects

• Changing a Text file to HTML - Group post 
• Group Info Page Using CSS Template - Group Post -  Using Free templates from freecsstemplates.org
• Making a "Links" File (Index) - Group Posts #1, #2, #3  -  Full Instructions  -  Template to Use
• Styling the "Links" File (or another HTML page)
• Making a Transparent Banner - Group Post
• Making a Translucent png image - Group Post
• One Page HTML Project - how-to/template.- ccs.110mb.com/how/TemplateOnePage.html
• One Page HTML Project - Snow -  ccs.110mb.com/how/snowman.html
• One Page HTML Project - "I've Learned" - ccs.110mb.com/how/learned.html
• Introduction to Kompozer
• Adding Images with Kompozer
• Introduction to SeaMonkey - http://ccs.110mb.com/how/IntroductionToSeaMonkey.html
• Just for Fun
• Blinkies
• Blinkies - Link to how-to - http://www.eons.com/groups/topic/1446980-Blinkies -  Group Post
• Making a Blinkie Another Way - http://www.eons.com/groups/topic/1450260-Making-a-Blinkie-Another-Way - Group Post
• Kaleidoscope Painter - http://www.permadi.com/java/spaint/spaint.html - Choose your brush size and paint a Kaleidoscope image!

Reference Sites:

• MacWorld: Tricks and Tips http://www.macworld.com/howto.html - Check out tips for help with video, audio, graphics, web publishing, programming, iPods (and related accessories), digital cameras, scanners, and printers.  

Right-Click: Disable

• Right Click - Post - http://www.eons.com/groups/topic/1254852-Right-Click - Check the posts and replies for a great deal of info!
• Page Tutor - Information about how to disable "right-click" with HTML image tags, how people can circumvent it and why it is irratating to some visitors who aren't out to get your pictures.

Templates - Free to use

• Free CSS (Template section) - http://www.free-css.com/free-css-templates/page1.php This site has a search function that might help you find the template you want. It links to templates "from various web designers and developers throughout the net". Be sure to read the Terms of Use for the template you choose.
• Free CSS Templates dot org - http://www.freecsstemplates.org - Offer free website templates written in css and strict XHTML. You can download the template along with the default.css file and a few images to go with the pages. All are free under the Creative Commons Attribution license. creativecommons.org/licenses/by/3.0/  Group Post:  Free CSS Web Templates recommended by Mimi58
• Free CSS Templates - http://www.free-css-templates.com/css-templates/ - Quote from site: "an assortment of free CSS templates, downloadable in .Zip format. Regarding information on how to use them, kindly go through the license page."
• Master Web site Templates - http://www.mastertemplates.com/free-templates.htm - Download HTML file, images and photoshop file 
• TemplateMo - http://www.templatemo.com/ - Quote from site: TemplateMo.com provides a lot of high quality free css templates for your personal or commercial websites. All templates are absolutely free to download, modify and apply for your websites without any restriction. All of them are W3C standard compliant XHTML/CSS layouts."
• Template World - http://www.templateworld.com/free_templates.html - Quote from site: All templates in this section are FREE, tableless, W3C-compliant web design layouts designed by Template World designers. . . These templates are licensed under Creative Commons Attribution 2.5 License. This means that you are free to modify the design to suit your tastes in any way you like, but you must include the provided link back to Template World.

Text Fun

• Css 'Drop Cap - Group Post - Tells how to have fun with the first letter in a post or paragraph.

Tools to Download

See also: Online Tools, Grahic Editors and HTML/CSS Editors

• KDiff3 - http://kdiff3.sourceforge.net/ - "A diff utility can highlight the difference between two versions of the same file. Works on any text file but also has an understanding of the syntax. Here is one utility that does a nice job of highlighting the differences in color. It is open source".  Group Post:  Easy Differences - Recommended by Raouf

Tutorials - How-to's 

 (See Also: Web Building)

• CSS Tutorials, How to's, Tips and Tricks

• CSS - the basics:
• CSS Basics - Making Cascading Style Sheets Easy to Understand - http://www.cssbasics.com/
• CSS from the ground up - http://www.wpdfd.com/issues/70/css_from_the_ground_up/ - Great site for beginners or for review. It assumes that you have little or no knowledge and takes one step at a time.
• w3schools CSS Tutorial - http://w3schools.com/css/default.asp - In our CSS tutorial you will learn how to use CSS to control the style and layout of multiple Web pages all at once.
• Tizag CSS Tutorial - http://www.tizag.com/cssT/ - written in easy to understand language. 
• CSS - Using Software Editors:
• Using Kompozer (Cascade section)
• CSS in KompoZer - http://www.lis.uiuc.edu/itd/tutorials/KompoZer/CSS_in_KompoZer/ - from the University of Illinois at Urbana-Champaign Graduate School of Library and Information Science.
• Cascading Style Sheets http://webdesign.about.com/od/css/Cascading_Style_Sheets.htm is a main entry point to CSS info on the About.com site. Lots of links here to good CSS info.
• One of the links not to miss at the above site is the How to Start Work on a CSS Web Page link.
• Or, if you are just looking for some 'neat' style ideas you can use on your own site, you should check out Using CSS to Do Anything: 50+ Creative Examples and Tutorials
• The three sites above recommended in Getting started with CSS - Group Post by mbotos Oct 9, 2008
• Mandarin Designs: http://www.mandarindesign.com/  Tips, tricks and techniques. Also has some code snippets to share.

• HTML/XHTML Tutorials

• IMPORTANT INFORMATION:  Differences between 4.01 HTML and XHTML
• List of Differences - http://www.htmlquick.com/tutorials/xhtml.html#general-xhtml-10-rules
• Why use XHTML - http://www.w3schools.com/xhtml/xhtml_intro.asp
• HTML/XHTML - coding by hand
• Basic Beginning HTML - video tutorials - Little Web Hut - http://www.littlewebhut.com/html.html  - Series of 4 videos giving the very basics.  Group Post - Video Tutorials on Beginning HTML  1 Feb 2009
• The HTMLSource - http://www.yourhtmlsource.com/  You can start with the tutorial and click on specific sections.
• w3schools - http://www.w3schools.com - All kinds of information including tutorials on HTML, XHTML, and css. Also includes a "Try-it" editor.
• HTML Goodies Site Map page - http://www.htmlgoodies.com/beyond/master/ - Lists all articles and Tutorials - recommended by collieflower 18 Jan 2009
• Tizag Beginner Tutorial - http://www.tizag.com/beginnerT/  First Web Page. Short Tutorial covering the very basics, the links the the HTML Tutorial which is more indepth. Easy to understand and includes some good tips
• HTML/XHTML - Using Software Editors:
• Kompozer - http://www.kompozer.net/
• Help file for downloading Kompozer - http://ccs.110mb.com/downloadkompzer.html
• Introduction to Kompozer help file - http://ccs.110mb.com/eons/IntroductionToKomp.html - Get started with Kompozer - http://www.kompozer.net/ , an HTML editor
• Adding an Image w/ Kompozer - http://ccs.110mb.com/how/AddingImageWKompozer.html - Kompozer help file continued.
• A Quick Guide to Using KompoZer - http://www.lis.uiuc.edu/itd/tutorials/KompoZer/ - from the University of Illinois at Urbana-Champaign Graduate School of Library and Information Science.
• SeaMonkey browser and composer - http://www.seamonkey-project.org/releases/
• Introduction to SeaMonkey help file - http://ccs.110mb.com/how/IntroductionToSeaMonkey.html Help in getting started with SeaMonkey - http://www.seamonkey-project.org/releases/, an HTML editor 
• SeaMonkey Tutorial - Web Page Development using SeaMonkey - http://www.lis.uiuc.edu/itd/tutorials/SeaMonkey/ - from the University of Illinois at Urbana-Champaign Graduate School of Library and Information Science. Also includes a Video Tutorial - http://waterfall.lis.uiuc.edu/dl/videos/SeaMonkey/Seamonkey.html

• Creating  HTML page Tutorials (One Page Projects):

• Using Kompozer and the Pomodora Template - http://ccs.110mb.com/eons/KompPomodoraCSSsame2.html - Create a page without having to change css file
• Using Kompozer and the Connections Template - http://ccs.110mb.com/eons/Project%20Connections/connectiontemphowto.html - Create a page with a template and make changes to the ccs external file.
• Introduction to HTML - http://ccs.110mb.com/eons/IntroHTML.html - A little background about HTML code
• Introduction to Kompozer - http://ccs.110mb.com/eons/IntroductionToKomp.html - How to get started with Kompozer, a WYSIWYG HTML editor. It's similiar to a word processing program, but writes it in HTML
• Adding an Image w/ Kompozer - http://ccs.110mb.com/how/AddingImageWKompozer.html - Kompozer help file continued.
• Introduction to SeaMonkey help file http://ccs.110mb.com/how/IntroductionToSeaMonkey.html - Get started with SeaMonkey, an HTML editor 
• Create a "Links" file for your group or web page - http://ccs.110mb.com/how/Links.html - Instruction Guide to used with the "Links" Template http://ccs.110mb.com/how/Links2.html
• Learn how to change the CSS in the "Links" file http://ccs.110mb.com/eons/ProjectLinks2CSS.html - You can use what you learn here to change the css in other HTML files, too

Tutorials - Video How to's

• Banners
• Group Post: Jing Movies - How to make a Banner at Sumopaint
• General Computer Information:
• MS WINDOWS VIDEO DEMOS - http://ca.geocities.com/tublue_100/chakay/vista_video.html - This web page contains links to about 40 Microsoft video/audio presentations, primarily for Windows Vista but also including a handful for Windows XP.
• CSS Tricks - http://css-tricks.com/ a blog, but has 51 (to date) screencasts of a variety of topics related to Web Design.  Index to Tutorials - http://css-tricks.com/video-screencasts/ Group Post -  Screencast Tutorials on Web Design 1 Feb 20
• Gimp - free graphic software
• GIMP 2.3 Tutorial - The User Interface - http://www.youtube.com/watch?v=8aR3o7rYdx0
• GIMP 2.4 Tutorial - Selections  http://www.youtube.com/watch?v=HybcYXwt9lQ
• Gimp Tutorial: Layers - The Basics  http://www.youtube.com/watch?v=jrVnI3l9fgE
• Gimp Tutorial: Inteligent Scissors Background Removal (Tutorial continued in Gimp Tutorial: Eraser to Transparent Background Removal)
  http://www.youtube.com/watch?v=Lr_XW0_DXNM
• Gimp Tutorial: Eraser to Transparent Background Removal (2nd part showing his preferred method) http://www.youtube.com/watch?v=QhH2FNnjnUg
• GIMP 2.3 Tutorial - Face Replace (Part 1) - http://www.youtube.com/watch?v=BafertvtNnc
• GIMP 2.3 Tutorial - Face Replace (Part 2) - http://www.youtube.com/watch?v=CsQBKYtIc7g
• Layering with Gimp - http://www.youtube.com/watch?v=ckL9UOmgBWQ
• Gimp Tutorial : Web Animation - http://www.youtube.com/watch?v=On3rmkNu6yQ
• How to create an Animated GIF with GIMP - http://www.youtube.com/watch?v=f-9_HwRcd1A
• GIMP Basics - http://www.youtube.com/watch?v=vVy_EDDe_-0
• Macintosh
• Mac Tutorials - The GIMP  How to download - http://www.youtube.com/watch?v=JePWp3qhi6M
• Photoshop
• Blend Two Photos Together in PhotoShop - Using Mask - http://www.youtube.com/watch?v=8ZSsSWPsW04
• Pixlr Online Photo Editing
• Pixlr.com - Free image editing - http://www.youtube.com/watch?v=RScD99vKLaY
• Pixlr Online Graphics Editor  (Tv show) - http://www.youtube.com/watch?v=ydCgR2Iz4BE&feature=related

Trouble Shooting:

• Uploading Photos to Photo Center - http://ccs.110mb.com/eons/photocenter/Picture%20Problems.html - Workaround that works for me by Mimi58
• Widgets - How to get rid of a problem widget - Group Post  Double Oops With Widgets

Validating/Checking:

• HTML - 
• w3schools - Check your HTML and use Tidy to clean it up.  http://validator.w3.org/
• Fix My HTML com - http://www.eons.com/groups/topic/1434986 - Group Post

• CSS - 
• w3school - Check your CSS coding - http://jigsaw.w3.org/css-validator/
• Group Post: 11 Useful tools to check, clean and optimize CSS -  rich64NV - links to makeusof article - http://www.makeuseof.com/tag/useful-tools-to-check-clean-and-optimize-your-css-file/

• Checking Links - 
• w3schools - Check for broken links. Then you can fix them. http://validator.w3.org/checklink

• Checking how it looks in other browsers - 
• browsershots.org - Great link for seeing how your page looks in other browsers and on other systems! - http://browsershots.org/  -  Group Post - Browser shots

• Testing load time
• Online Ping and Traceroute Tool - http://tools.pingdom.com/fpt/  Use the tool to see the order items load, how long it takes to load and which items may be causing trouble. Great tool to help you improve the load time of your site.
• Watching web pages load  - http://www.eons.com/groups/topic/1333976-Watching-web-pages-load - free tool called free version of HttpWatch - recommended by mbotos
• Web site Optimization - Free Load Test - http://websiteoptimization.com/services/analyze/  This is another tool to test how long it takes to load any web page. Just put in the URL and it will give you a report.
• Track Stats
• StatCounter - http://www.statcounter.com/ - recommended by GaryJames in the Group Post: StatCounter

Web Building - Creating a Website - Putting it all together:

• Basic Web Page Layout and Design - http://library.albany.edu/imc/webdesign/ - This tutorial provides information on the basic elements of Web page design and layout. It is not meant to be a comprehensive course on Web site construction. Rather, it is meant to provide an overview of the most important issues that anybody building a Web page will confront. The tutorial takes about 20 to 30 minutes to complete. Clicking on any selection in the Table of Contents below will take you directly to that portion of the tutorial.
• Designing a Website: Webmasters Tutorial - http://www.rocketface.com/designing_a_website.html - A great site for getting information about creating a website "from target audience to layout to execution." Whether you plan to hand code or use a template, there is some great information about designing your web site here. The index also gives an explanation about each section of the tutorial - http://www.rocketface.com/webmasters_tutorial_index.html
• Excellent Free Online Course - The Web Standards Curriculum (Opera Site)
  http://dev.opera.com/articles/view/1-introduction-to-the-web-standards-cur/#toc   This course explains the why's as well as the how-to's. Well worth viewing whether you are a beginner or seasoned well designer.
  
• Tutorial using an HTML editor:
• Creating a Web Site - Using Kompozer and a Free CSS template - http://ccs.110mb.com/webpage.html
• Great Online Tutorial for Beginners - http://www.eons.com/groups/topic/1450660-Great-Online-Tutorial-for-Beginners - Group Post

• Tutorials coding HTML by hand
• For Compete Beginners:  Page Tutor - http://www.pagetutor.com/html_tutor/index.html    Other tutorial in left column
• Create a Free Web Site tutorial - http://www.createafreewebsite.net/html_tutorial/htmltoc.htm - Contains lots of information from creating to uploading. The simple lessons also teach the art of formatting pages and text using CSS2 compliant Style Sheets. You can also download the tutorial to use offline.
• Draac.com - A Complete Course In Building A Web Page From Start To Finish.  - http://draac.com/html.html  - recommended by HonestJohn 18 Jan 2009

• Video Tutorials
• Visual Tutorials - http://visualtutorials.com/ - You can use the drop down list at the top right to navigate through the topics.

View Source Code

• View Source to view code - Group post - http://www.eons.com/groups/topic/1160832-View-Source-to-view-code
• Includes Video - http://content.screencast.com/users/share2/folders/Basics/media/be0654b9-96f6-4393-b50e-f84114028d60/2009-03-19_2017.swf
• Includes Firefox add-on recommendation - "View Selection source" - https://addons.mozilla.org/en-US/firefox/addon/5908

Eons Specific:

• Profile Page

• See Also: Tallbob's Blog and comments below it About Feb/March 2008
• If you really know what your doing, check out mbotos' profile or check out this post.
• Overlap problem identified with IE - See post for solution - Yellow Box Area

• Banner Resize -  group post - http://www.eons.com/groups/topic/1348127-Profile-Banner - Someone noticed that some folks had banners larger than usual and the css necessary to do this was posted.
• Sticky Notes

Eons Specialty and/or Related Groups: