Viewing details of messages, sorted by time of last reply ("sticky messages" first)
Using the sandbox you already have
Using the sandbox you already have
[Place your text here]
Did you ever wish you had a place to store a web page or snippet of code so that you could experiment with HTML or CSS? Maybe create content and refine it over several days before posting? Good news! You already have such a place -- your computer.
'Web browser' is a misleading term because it implies that it is [only] for reading documents stored on the Internet. More accurately, it should be called 'software that processes and displays documents containing HTML and CSS, no matter where they are stored'.
The documents you view in your web browser do not need to be on the Internet! They can also 'live' on your PC/MAC hard disk.
Try this experiment:
1] Surf to Michael's sandbox page -- [www.botos.com/eons/sandbox.html]
2] In your browser, click on FILE | SAVE PAGE AS and save the web page on your hard disk.
note: Exact process varies slightly by browser and PC/Mac. Use a name like 'sandbox.html' .
3] Next, open up the document you just saved in your favorite editor
4] Change the 'Place your text here' words on line #11 with anything you want.
5] SAVE your changes and CLOSE your editor
6] Then open the file in your browser [usually you can do this by just double clicking the file name in your folder display].
7] You should see the changes to the document that you just made.
8] Enjoy your sandbox !!
Michael....
FUNdamental HTML color coding
I'm ready for a break from the serious discussions, how about you?
Please read the following out loud:
"I promise will not use what Michael is about to show me more than once a day and certainly never on HTML Workshop postings"
You all know how to change font color.
refresher: <font color=red>red</font>
Over the weeks, there have been a several questions about how to change the color of text in a posting. As the HTML code to do that has been posted, I bet more than one of you have thought to yourselves, "If I had the patience, I could use this technique to change the color of each word or letter in my posting." Yes obviously that is true...
I could go on forever, because this is just as easy as regular typing, when you know the secret....
The secret: use a script to automate the process. Remember your promise, now. Here's the automation site automation site.
Michael....
Please read the following out loud:
"I promise will not use what Michael is about to show me more than once a day and certainly never on HTML Workshop postings"
You all know how to change font color.
refresher: <font color=red>red</font>
Over the weeks, there have been a several questions about how to change the color of text in a posting. As the HTML code to do that has been posted, I bet more than one of you have thought to yourselves, "If I had the patience, I could use this technique to change the color of each word or letter in my posting." Yes obviously that is true...
I could go on forever, because this is just as easy as regular typing, when you know the secret....
The secret: use a script to automate the process. Remember your promise, now. Here's the automation site automation site.
Michael....
My box has 4 colorful sides
Using HTML/CSS to draw boxes around your posting or private messages:
source code:
Want to try this yourself?
hint: Save youself some typing and just cut & paste the 'red' text above into your private message or posting.
1] Replace 'Here is my text.' with your own. The box will expand to fit your message.
2] Change the colors to your preference
3] Experiment by making the borders smaller or larger. Current value is '20px' -- 20 pixels
4] <blockquote> is an HTML tag that indents a small amount on left and right margins. You don't absolutely need it.
For other color tips, be sure to check out FUNdamental HTML color coding, if you missed it earlier.
Michael...
Here is my text.
source code:
<div style="border-top: 20px solid red; border-bottom: 20px soild #fc0; border-left: 20px solid blue; border-right: 20px solid green;">
<blockquote>Here is my text. </blockquote>
</div>
Want to try this yourself?
hint: Save youself some typing and just cut & paste the 'red' text above into your private message or posting.
1] Replace 'Here is my text.' with your own. The box will expand to fit your message.
2] Change the colors to your preference
3] Experiment by making the borders smaller or larger. Current value is '20px' -- 20 pixels
4] <blockquote> is an HTML tag that indents a small amount on left and right margins. You don't absolutely need it.
For other color tips, be sure to check out FUNdamental HTML color coding, if you missed it earlier.
Michael...
Survey: interim results
About a week ago, I installed a polling/survey widget just to see how it would work. A number of you answer the poll. Thank you! I'd like to share the results with the group.
[click picture for a larger view]
[click picture for a larger view]
Question: Would you prefer a tool that lets you validate your Eons profile customization code or one that generates it for you from dropdown selections?
1] votes=16 or 55% -- I like tools. I want them BOTH.
2] votes=10 or 34% -- Code generation tool.
3] votes=2 or 7% -- Code validation tool.
4] votes=1 or 3% -- Another tool! Just leave things the way they are.
I'll leave the poll running for a few more days, if anyone else wants to vote. Its on my Profile page, right side, top widget.
Michael...
ps. This is just a straw poll, not a promise for action.
[click picture for a larger view]
[click picture for a larger view]
Question: Would you prefer a tool that lets you validate your Eons profile customization code or one that generates it for you from dropdown selections?
1] votes=16 or 55% -- I like tools. I want them BOTH.
2] votes=10 or 34% -- Code generation tool.
3] votes=2 or 7% -- Code validation tool.
4] votes=1 or 3% -- Another tool! Just leave things the way they are.
I'll leave the poll running for a few more days, if anyone else wants to vote. Its on my Profile page, right side, top widget.
Michael...
ps. This is just a straw poll, not a promise for action.
The medium is the massage!
I wanted to come up with a neat title for this posting, but anything would pale in comparison to the one BluesPlayer used.
I've also signed on as a moderator for the group.
I saw some recent postings where members want more. Be sure to fill out the survey widget on my profile page. [right hand side]
And as a special treat, if any of you want to see me without sun glasses, check my BLOG.
I hope all of you have been having as much fun as I have!!!
Michael...
I've also signed on as a moderator for the group.
I saw some recent postings where members want more. Be sure to fill out the survey widget on my profile page. [right hand side]
And as a special treat, if any of you want to see me without sun glasses, check my BLOG.
I hope all of you have been having as much fun as I have!!!
Michael...
Help Document - version #2
Mimi58 and I are pleased to announce version #2 of the HELP document that Mimi58 compiled and published recently. This version concentrates mostly on formatting changes to make it easier to read and find information within the document.
In addition, Mimi58 and I have worked out a process so that other members in the group can directly contribute to the HELP document. You can do this by either compiling content for a new HELP topic/segment or by updating an existing topic/segment.
The process for adding new information to the HELP document is contained in the 'Template & Rubric' document. This document:
1] provides a template members can save to their computer and use to cut & paste content into for a new or updated topic segment
2] explains the process and conventions we used in the HELP document
3] provides details for other members on how to create a new HELP topic/segment or update an existing one.
I suggest you look at the Template & Rubric document first to understand the changes made in version #2. Then go to version #2 of the document , to see them for yourself.
Mimi58 and I made every effort to transcribe accurately, but the manual cut & paste process and sheer volume of data are prone to error. Please search the version #2 document for your screen name and review your postings for content correctness. If you find an error in your posting content, please let us know what needs to be corrected.
Got ideas for additional topics to be covered? Great!
Mimi58 and I have provided a template for future content for other members to use. You can become a contributing editor to the HELP document and learn more about HTML in the process. This is a group effort, and we look forward to more group participation enhancing the HELP documentation.
Michael....
In addition, Mimi58 and I have worked out a process so that other members in the group can directly contribute to the HELP document. You can do this by either compiling content for a new HELP topic/segment or by updating an existing topic/segment.
The process for adding new information to the HELP document is contained in the 'Template & Rubric' document. This document:
1] provides a template members can save to their computer and use to cut & paste content into for a new or updated topic segment
2] explains the process and conventions we used in the HELP document
3] provides details for other members on how to create a new HELP topic/segment or update an existing one.
I suggest you look at the Template & Rubric document first to understand the changes made in version #2. Then go to version #2 of the document , to see them for yourself.
Mimi58 and I made every effort to transcribe accurately, but the manual cut & paste process and sheer volume of data are prone to error. Please search the version #2 document for your screen name and review your postings for content correctness. If you find an error in your posting content, please let us know what needs to be corrected.
Got ideas for additional topics to be covered? Great!
Mimi58 and I have provided a template for future content for other members to use. You can become a contributing editor to the HELP document and learn more about HTML in the process. This is a group effort, and we look forward to more group participation enhancing the HELP documentation.
Michael....
Changing your Profile -- basic steps
I've seen a number of messages from new members, who seem to be having difficulty with the instructions about where and how to change their profile, by adding HTML code.
I've documented the steps with a series of animated screen shots and commentary to demonstrate the process.
1] To see the demo: www.botos.com/eons/eons01.htm
2] To see the code used in the demo, so that you can cut & paste it [none of us really likes to type], go to: www.botos.com/eons/eons01_cut_paste.txt
I'd also like to get suggestions from the older [no pun intended] members of this group on how the demo could be improved.
Michael....
I've documented the steps with a series of animated screen shots and commentary to demonstrate the process.
1] To see the demo: www.botos.com/eons/eons01.htm
2] To see the code used in the demo, so that you can cut & paste it [none of us really likes to type], go to: www.botos.com/eons/eons01_cut_paste.txt
I'd also like to get suggestions from the older [no pun intended] members of this group on how the demo could be improved.
Michael....
New BLOG and survey widget
I've added a BLOG to my profile page and a survey widget, which asks a couple questions about the type of 'customization tools' members are interested in.
I encourage everyone to take the survey. I'll post results. Interim results are available via the widget.
Michael...
I encourage everyone to take the survey. I'll post results. Interim results are available via the widget.
Michael...
Colors that look good together
As you look at the various profile pages, you may have discovered that the combination of colors affects the overall appearance of the page and your reaction to them. Based solely on color, some pages just look better than others! That's because they use complimentary colors.
There is a science to the picking of complimentary colors.
The two links below provide details behind the science as well as provide a color tool you can use.
Background on color selection: [be sure to follow the links to other details from this page.] view link
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. view link
Michael...
There is a science to the picking of complimentary colors.
The two links below provide details behind the science as well as provide a color tool you can use.
Background on color selection: [be sure to follow the links to other details from this page.] view link
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. view link
Michael...
