Postings & Replies

redone logo

Please Note: This is not an Official Eons Document.

Don't use code from Myspace, Facebook, freecodesource, etc.
Editorial note: [Credits; Key Resources; Document conventions; Revision history]

Postings and Information about Coding/HTML/CSS for Profile and other things Eons:


Read First
About Me Section
Address at Eons 
Bandwidth exceeded
Banners
Beginners
Blogs
Booms/Favorite Buttons
Browser Differences
Bumping Messages
Change User Name
Color Choices
Common HTML tags for Eons
Copy and Paste
Copyright
Counters
E-mail Notifications
Favorites
Files in Groups
Graphics, Pic, Images - Uploading
Graphics in Posts, PMs, etc.
Graphics - Resize
Groups - Membership, pics, etc.
LifePaths
Link it!
Links or off site info, Various 
Marquee in Banner
Marquee tags within Eon Posts
Marquee with Image
Maximum Width Limits
MySpace Layouts
Music
Posting Questions in Forum
Privacy Settings
Profile Page - Banners
Profile Page - Creating a Style
Profile Page - Current Q and A's
Profile Page - Comment Section
Profile Page - Rearrange Sections
Resize, Width Limits
Search for People
Skinner
Slideshows
Source Code - Viewing/Using
Table in posts
Testing Code
Video - You Tube
Widgets



 

Read First

Original: Looks Fine to Me!  (Revised for New Eons)

Remember, just because some css, widget or graphic works for you, it doesn't necessarily mean that it will work for others.

We have dial-up users, DSL users, cable access users, etc. We have members using Internet Explorer, Netscape, Opera, Firefox and other browsers.

What looks great to you, might look terrible to everyone else! What may work with IE may not work with Netscape (a common occurance). There are browsers that are more forgiving than others when it comes to incorrect css.

The majority of HTML and css recommended by myself and bluesplayer have been tested across multiple platforms and, therefore, when we specify tags, sizes, colors, scripts, etc., we know that they will work.

I've provided recommendations to some, only to have others state that they did it differently and it worked fine. In most cases, it worked "fine" with their browsers or their method of Internet access...this does NOT mean in will work "fine" across all platforms.

So, as BluesPlayer says, STOP USING OTHER SITE'S CODES and, I'd like to add to that, when receiving advise concerning any facet of HTML or CSS, consider the source before using the tagging recommended.


~ End of Venting Session! ~

Posted by LeeInFL


Back To Top  -     Back to Html Workshop Group


 

About Me Section

Posting #1: I am wondering why the color background that I selected for 'About Me' did not 'Save".

Reply: (Revised to fit new Eons page information)

NOTHING goes into your About Me box except text and pictures. No CSS, no audio, no video. Please read the Warnings regarding this in the Announcement at the top of the HTML workshop group homepage.

All profile coding goes in the CSS custom box in the Profile Skinner. Please read the Section in this document about Profiles for complete instructions.  (Or as complete as they are at the moment!)

Posted by BluesPlayer


Back To Top  -     Back to Html Workshop Group


 

Address at Eons

Posting #1: What is my eons address? I would like to upload some pics from photobucket for my profile page and can't do it.


Reply:
The address for any page is the URL in your browser when you are viewing that page. However, I'm not sure why you need the Eons address to link Photobucket photos here.
Note: To upload pictures to Eons you must first download from the other source TO your computer, then upload to Eons FROM your computer.
Back To Top  -     Back to Html Workshop Group


 

Banners

Editorial note:   First you need to create or choose a banner to use, then upload it to Eons pictures or a photosharing site such as photobucket. There is an Eons group that has sample banners and/or is willing to help you create a banner - 

"Banner "Central" Station view link is a place if you want a banner customized and resized to fit the profile banner block. We can add text and make sure what you want fits within the parameters of the banner block." 

Posting #1: Banner in the New Eons.  The new banner size is 974 pixels wide and 100 pixels high. What can I do if I want to use a banner that is the old size?

Reply:  Skinner Update April 3, 2008

A few notable changes with this week's release:

1. We've moved the profile banner editor into the Skin Editor. Now, all of the data contained in a Skin is "under one roof." This step was necessary to prepare for the next step in the evolution of our Skin feature: The ability for users to have multiple skins. It will be possible to preview and edit skins that you aren't using as your current skin. That step will, in turn, allow us to manage a library of user-contributed (and some Eons-contributed) skins - free for the grabbing.

2. Preview mode. The Preview button lets you view the changes you've made to a Skin without saving the skin. Use this if you're just playing or are unsure whether or not you want to keep the changes you've made. Visitors to your profile will continue to see your last saved Skin.

3. New banner options. Note that the banner editor has changed quite a bit. Most importantly, there are a few new options: Repeat, Position, Color Mode and Color (these will probably be familiar to veteran Skinners). Repeat controls the "tiling" of images that are smaller than the banner's 974x100 dimensions. If you choose "no-repeat", for example, the image will not be tiled. Position controls how the image is placed within the banner. If the image does not fill the banner - or if the image contains transparent portions, we now support a colored (opaque) background as well as the default transparent background.

posted by tallbob

Outdated Reply:  In original Eons, banners were 940 pixels wide (give or take a few) and 100 pixels high. There wasn’t a lot you could do other than provide an image. In New Eons, banners are 974 pixels wide and 100 pixels high. …Or whatever you want, within reason.

Use this piece of code in your <style> section if you have a 940x100 image that you want to use in your New Eons profile.

#profile-banner {
background-position: center center;
background-repeat: no-repeat;
}

Or, if you have a repeated background image that, for whatever reason, looks best when it is 940 pixels wide, here’s some code that should work:

#profile-banner {
margin-left: 5px;
width: 940px;
}

Editorial note: from  Tallbob's blog. However, this may change with the Profile Skin Editor. (It did change Apr 3, 2008)

Posting #2: Banner I think I know how to do the Banner but when I went to my profile page there isn't anything about the banner? Where do I go to place a pic in my Banner?

Reply: Go to your Photo section and load the picture of your banner there.(Or you can have your banner stored at photo storing site such as photobucket. You'll see the place where you chose it to be your banner once you're in the Photo section.   You now put the banner information into the banner section of the skinner.  The group, Banner "Central" Station view link  can give you more information.

Posted by lew2368

Posting #3:  Make it transparent? Can I make the banner background on my profile transparent instead of the dark blue it defaults to?

Reply: I haven't found a way to change the banner background at all. (This has changed April 3, 2008. See first repy in this section) But, you can make a banner blank any color you want. Then overlay your wording.

Download Paint.net here: view link http://www.getpaint.net/ - It's free. It handles layers just fine.

When you're done with the banner, save it in jpg format. Upload it and VOILA! Anything you want.

Posted by kmqn

Posting #4: - Profile Banner Problem I've been trying to change my profile banner with a "moving" photo, you know the kind that moves around. When I save it as a JPEG and try to add it as my banner the movement doesn't follow.

I get the photo but not the movement. I've seen others that do all different things. Any one help??

Reply: If it is an animated drawing, it can't be stored on Eons. (You can however store an animated image on a site such as photobucket. Go to Edit in your photo section, choose the banner section. Then put the direct link to the image there.

Your problem is going to be in resizing the animated .gif file to fit the banner size.

Posted by colleenm


Posting #5: It has been brought to my attention that you may also change the banner at the top of your profile by linking it to a banner image located elsewhere on the Internet.

I strongly recommend against this method!

Why?

  1. Many storage services do not allow remote linking to their images. By remote linking to a picture, you are using bandwidth that is not yours. For example, if you link to a person's image that is housed on Photobucket servers (and on others as well), there is a chance that they will run out of allocated bandwidth much faster and suffer the consequences of either higher fees or the temporary removal of access to the image(s).
  2. You maintain absolutely no control over the banner. What if the original image on another server is deleted or changed? Your banner will disappear or, worse yet, you will have a banner on your profile that you didn't even know was there (until you visit your profile again!).
  3. Many members do not understand the URL tagging and include sizing and other data where only the image URL should be, thus resulting in HTML tags appearing in the banner area of the profile as well as the banner itself! This is why HTML tags faintly appear with your profile banner, RichiesMom. I've seen this same problem (HTML tags appearing) with many other member profiles.

Posted by LeeInFL


Back To Top  -     Back to Html Workshop Group



 

Bandwidth exceeded

Posting #1:  Bandwidth Exceeded ~ huh? Can anyone tell me why a graphic I sent to someone's comment box, suddenly turns into a little rectangular box with a "bandwidth exceeded" term inside.

Reply: #1 Read the TOS with ur photo holder company (photobucket-flickr) It depends how many pix you've shared. It starts the day u signed up with them then resets the next month. It is limited with a "free" account.

Posted by txmailmaam

Reply: #2 Bandwidth refers to the amount of data transferred from a web site to a user's computer.

Every time someone is linked to your pictures (or graphics or music, web page, etc.), they are using bandwidth. Since web host services charge based on the amount of data transferred, bandwidth is an issue. If you are over your monthly bandwidth allocation, you are billed for the extra bandwidth use or taken offline. Since you have a FREE account, your albums are taken off-line until the bandwidth drops below your assigned ceiling.

If you do not want to pay for bandwidth and you are frequently exceeding your limit, simply open another free account with another free hosting service...there are a multitute...and spread your graphics, music, photos, etc. among multiple servers (services). Be sure that the hosting services you choose allow "remote" linking...some do not (ie; Tripod, Angelfire and others)

Posted by LeeInFL


Back To Top  -     Back to Html Workshop Group


 

Beginners

Posting: OK I wanna learn how to do this! Hey Lee! Where do I start???

Reply #1:

  1. Review the FAQs, (Warnings, and other help files linked from the announcement section)on our home page.
  2. Check out all of the info in our Files section.
  3. If you still can't find what you want or you experience problems in attempting to do what you want, post a message and you should receive an answer within short order!  Happy HTMLing!

Posted by LeeInFL

Editorial note: 15 Feb 2008. The Help files are being updated to work with the NEW Eons page. This file should be fairly accurate. Other files will soon be updated. Stay tuned!!

Reply #2: I have been in touch with several members who are new to computers, and are having problems with dressing up their profile because they do not understand copy and paste.
This is for them.  http://www.eons.com/groups/topic/747136-Copy-and-Paste-Lesson

posted by dekeholt about March 31, 2008


Back To Top  -     Back to Html Workshop Group


 

Booms/Favorite Buttons

Posting #1: What is a Boom? Each message posted within a group at eons allows the reader of that message (and replies) to "BOOM" the message, which, in turn, assists in determining the most popular messages within the eons community...well...in theory, anyway!

Posted by LeeInFL


 

Posting #2: NEED HELP PLEASE! ON MY EONS PAGE I DON'T HAVE AN ADD FAVORITES AND ALSO I WANT TO DO BOOMS BUT I HAVE NO BUTTON TO SELECT FOR THAT EITHER. BUT I LOOK ON OTHER PEOPLES PROFILE AND EON PAGE AND THEY DO. CAN SOMEONE ANSWER THAT QUESTION FOR ME PLEASE AND LET ME KNOW HOW TO GET IT PUT ON MY PAGE?

Posted by epperson405

Reply: #1 You add people as favorites by going to THEIR profile page and clicking the "Add To Favorites" button. You get Booms on your page by booming a post from the place it is posted.

Posted by colleenm

Reply: #2 Thanks but I don't have a add favorites on my page and some of my friends don't either. Thanks for the help on the booms.

Posted by epperson405

Reply: #3 You can't add yourself as you own favorite, so no such button on profile page in "normal view". If you go to "View my profile as a friend would see it" you will see such button. You can add a member either as a friend or as a favorite, not both. Once someone became your friend you loose the option to have him as a favorite, so you are not seeing that button on your friends profiles, but others (not friends) can see it.

Posted by Muchan

Posting #3: Is it possible to remove (or just move) the BOOM section on my profile page? If so, how do I go about it.

Reply: Nope. Ya can't mess with Eon's stuff.

Posted by Massracin


Back To Top  -     Back to Html Workshop Group



 

Blogs

Posting #1:  OK..I WENT BACK TWO PAGES...And I read through the 'announcement' portion looking for an answer.

Here's my problem. My blog (as with most others) is hard to read, with the black text and glaring white.

Is there a way to put a more soothing background behind the text, pick other fonts, and otherwise make the reading easier?

Reply:  EONS BLOG ENTRIES:

Although it is possible to change font colors and sizes using basic HTML tagging, it is not possible to change the background using HTML or CSS tags.

All other HTML tagging works; such as bolding, underlining, centering, r/l alignment, Marquees!...etc...

Looks like we're just stuck with a bright white background!

Posted by LeeInFL

Posting #2: What is a blog

Reply:  A blog is basically a journal that is available on the web. The activity of updating a blog is "blogging" and someone who keeps a blog is a "blogger."

Blogs are typically updated daily using software that allows people with little or no technical background to update and maintain the blog.

Your eons blog is linked from/to your eons profile.

A blog is a shortened term for weblog, a frequent and chronological publication of comments and thoughts on the web. They can include philosophical reflections, personal observations, opinions on the Internet and social or political issues, or almost anything else the "blogger" wishes to share with others.

Posted by LeeInFL


Back To Top  -     Back to Html Workshop Group



 

Browser Differences

Announcement Posting:  Different Browsers - Different View!

I use Opera - http://www.opera.com/ - for my browser.

The most popular browser, at this time, is Microsoft's Internet Explorer.

Some members view their Internet sites by way of Netscape or Mozilla Firefox browsers.

"Creative HTML Tagging" is viewed differently by each browser! What your message, announcement or reply at eons looks like to you is NOT necessarily the view other members have of the same post!

The marquee tag is one example where Internet Explorer users see one thing, Firefox sees another, Opera yet another, and Netscape doesn't recognize the marquee tag at all!

If you intend to use HTML in a document OUTSIDE of eons...such as your own website...you should really download each of the four popular browsers...you can then see how each individual browser "reads" your HTML tags and, thus, how the user sees your images, text, layout, etc.

So...when using HTML in your eons posts, keep the different browser views in mind.

The majority of HTML tags you will place in eons posts will be true tags (ie; underline, bold, links, etc.) and each of the four major browsers will view them pretty much the same.

Posted by LeeInFL


 

Posting #1:  New Member I'm running with Mozilla - Firefox, in the case of my browser. Does that preclude my use of HTML the way you teach it here? (for IE5-6-7).

Reply: No. A lot of us use Firefox. However, please read Lee's browser comments in the Announcement. There are some codes that work/don't work between browsers. Get familiar with them. What you see on your your screen is not necessarily what others see on theirs.

Posted by: BluesPlayer


Back To Top  -     Back to Html Workshop Group


 

Bumping Messages

Posting #1: Booms Please can someone tell me how to bumb up a post to the head of the others so it doesn't get lost behind all other postings. I boomed it, but it is still way down and will be lost in the shuffle.

Reply #1: Booming a post is a measure of popularity - it puts it on Eons home page for more people to notice. The way to "bump" up a post is to reply to it. Most use carot marks - ^^^. 

Posted by whims

Reply #2: Many sites have explicit rules such as 'one person may not bump a thread more than once every 24 hours' or 'you may not bump a thread twice in a row'. Other sites just expect you to follow this convention, since it has been a common one since the early 90s.

Posted by colleenm


Back To Top  -     Back to Html Workshop Group


 

Change User Name

Posting #1: How to change username?? Can someone pleaseeeeeeee tell me how in the world do I change my user name?????? I have tried everything possible...

Reply: From Eon's Frequently Asked Questions (FAQ) page:

I have already signed up, but I would like to change my Eons screen name. How do I do that?

Your screen name is your public identity on the Eons website. To change your Eons screen name, please contact the Eons Help Team using the Eons Help/Feedback form.

In the description field of the feedback form, please provide the following information:

* current username/screen name of the account
* email address of the account
* Two preferred screen names (in case one is already taken)
* Your screen name is one of a kind. No other Eons member can share your screen name, so to ensure that you receive the new screen name you have chosen, you may want to add numbers to make it as unique as possible.

Please note: Screen names can only contain letters and numbers and must start with a letter. Please do not include symbols or spaces.

Use this link to view the FAQ page: http://www.eons.com/about/faq

Use this link to contact the Eons Help Team: http://www.eons.com/about/contact

Posted by colleenm


Back To Top  -     Back to Html Workshop Group


 

Color Choices

Posting #1: Colors that look good together

Original: 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.

  1. Background on color selection: [be sure to follow the links to other details from this page.] http://www.siteprocentral.com/html_color_codes_tool.html
  2. 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://www.siteprocentral.com/html_color_code.html

Posted by: mbotos


Reply #1:
  FAN-FREAKING-TASTIC!!

Great tool!!! The next question is how the resulting combinations will works versus the "browser safe colors" (Link from original help file) list. Lee? Any idea? What happens when you use a non-safe color? Do you get it or is it converted to the nearest safe one? I don't have a clue.

However, this tool is terrific for displaying complementary and contrasting colors that LOOK GOOD TOGETHER!!!!!! Excellent find.

Posted by: BluesPlayer

Reply #2:

They don't actually convert the color. They just display it the best way they can. There are a limited number of colors (browser-safe) that display the same way in all browsers.

If it's not one of the colors that all browsers display the same way, then my browser is going to convert those electrons into a different scheme of pixels than yours will. So my hot pink may look like coffee and cream on yours.

You just can't tell. With millions of possible colors, it seems a pity to limit yourself to the 216 browser safe ones. And you don't have to.

Just be aware that if you use one of those millions of other colors, even if it's just a little teeny bit different RGB or hex code, my browser may interpret it a whole lot different.

Posted by colleenm

Reply #3: 

Here are two excellent articles on the currency of 216 web-safe color set. You can read them while you wait.

Michael synopsis: No longer a concern. But read the articles and come to your own conclusions.

  1. The Browser-Safe Web Palette http://www.lynda.com/hex.asp
  2. Web Colors [for those of you unfamiliar with Wikipedia -- it is an excellent resource] http://en.wikipedia.org/wiki/Web_colors

Posted by: mbotos


Back To Top  -     Back to Html Workshop Group


UpdatedCommon HTML Tags - See also; Linkit!; FAQ; 

align, bold, center, underline | Tags that work with pictures and graphics |  color and size of text | Linking in Posts and PM's

Editorial note: These are HTML tags, not CSS stylings. These are NOT to be used in Profile Skinner.

Common HTML tags: align, bold, center and underline

Common Codes to use in Posts, PM's  NOTE: These are HTML tags. They do NOT go in the CSS custom skinner box.

<align='left'> aligns text or picture to a margin on the right side of the page or column. (eons ONLY! See details below.).

<align='right'> aligns text or picture to a margin on the right side of the page or column. (eons ONLY! See details below.)

<b>...</b> Bold - Makes anything text between the opening tag and the closing tag bold.

<b>Words or objects you want in bold text</b>.

<center>...</center> Centers anything between the opening tag and the closing tag 

<center>Words or objects you want centered</center>

<u>...</u> Underlines anything between the opening tag and the closing tag. 

<u>Words or objects you want underlined</u>

<hr> Draws a horizontal line (rule) between sections of text. 

Examples:

Writing:
<center>Common codes, such as <b>bold</b> and <u>underline</u> can be used in posts and pm's.</center>

Gives you:

Common codes, such as bold and underline can be used in posts and pm's.

WIDTH='nnn'  controls the width of the image.  This is a VERY IMPORTANT ATTRIBUTE for all images, graphics and other page elements!!!  You must make sure that your image falls within the column width limits on your page or in a comment.

HEIGHT='nnn"  controls the height of the image.





UpdatedCommon HTML tags: Color and size of text

 You can use the color chart at http://cloford.com/resources/colours/websafe2.htm or you can simply use a common color name.

To change text color: put the text you want to change to a different color between HTML font color tags:

Example using the color chart:

Writing:

<font color='#3333FF'>Adding color using color chart.</font>

gives you:

Adding color using color chart.


Writing

<font color='red'>Adding color using a color name.</font>

gives you:

Adding color using color name.

To change text size put the text you want to change between HTML font size tags:  

<font size='3'>Makes what you write here size 3</font>


Writing:
<font size='1'>Font Size 1</font>, <font size='2'>Font Size 2</font>, <font size='3'>Font Size 3</font>, <font size='4'>Font Size 4</font>, <font size='5'>Font Size 5</font>, <font size='6'>Font Size 6</font>, <font size='7'>Font Size 7</font>

Gives you:
Font Size 1, Font Size 2, Font Size 3, Font Size 4, Font Size 5, Font Size 6, Font Size 7

<font face='Courier'>...</font> changes the font family of your text.

<font face='Courier'>Words you want to change</font>

Remember that you can use the tags in combination...

<font color='red' size=4>changes the color and size of your text AND makes it bold.</font>

changes the color and size of your text AND makes it bold.


Linking in Posts and PM's

Editorial note: " Only Eons uses the single quotation marks -'  All others use regular quotes - ".

Linking to URL with words.

<a href'Put URL address here'>Put Words Here</a>


Writing:

Have you visited the <a href='http://www.eons.com/groups/group/html-workshop'>HTML Workshop </a>group lately?

would show in your post as:

Have you visited the HTML Workshop group lately?

Linking to URL with pictures.

<a href'Put URL Where You Want Them to Go'><img src='Put Direct Link of Image Here'></a>

Writing:

Click on the button <a href'http://www.cooltext.com'><img src='http://www.eons.com/images/members/0/7/07043502_o.jpeg'></a>to go to cooltext.com and make your own!

Would show in your post as:

Click on the button to go to cooltext.com and make your own!

There are many, many more HTML tags; however, these are the tags that will be used most frequently as you begin to use HTML tags in your messages, announcements and replies here at eons. You can go to the tutorial at w3schools and learn more about HTML tags. There are also some great links in the links for learning portion of this document. BUT REMEMBER:

Editorial note: " Only Eons uses the single quotation marks -'  All others use regular quotes - ".

In regular HTML, quotation (") marks are used in certain tags; however, when posting to eons servers, it has been found that using apostrophe (') marks rather than quotation (") marks provides much more consistent results.

So, instead of...   <align="right">      You would type...    <align='right'>.

Instead of...        <a href="http://website_address"> name of site/link</a>
You would type...  <a href='http://website_address'> name of site/link</a>.

Instead of...        <a href="http://website_address"> name of site/link</a>
You would type...  <a href='http://website_address'> name of site/link</a>.

This ' instead of " rule does not apply to regular HTML and is only applicable to Eons pages.


 
Back To Top  -     Back to Html Workshop Group



 

Copy and Paste

Posting: Copy & Paste How do you copy and Paste? My copy and paste are not high lighted. They are just blank. I have never been able to use them, or cut.

Reply #1: Have you tried using ctrl C to copy and ctrl V to paste. That is the only way that I have been able to copy and paste. I don't understand why you cannot highlight.

p>Posted by memefolsom

Reply #2: Go to the top and try edit. Click on copy and do it that way

Posted by lonestar1

Reply #3: To copy or paste something, you must first select it.

Usually, you select something by clicking at the beginning, then holding down the mouse button while dragging your cursor across the words you want to select.

For a graphic, sometimes simply clicking on the graphic will select it.

Once something is selected, you can copy it. Use either the "control c" command, or the edit menu. If you use the edit menu, you select "copy" from the drop down menu.

Once it has been copied, you can paste it.

Posted by colleenm


Back To Top  -     Back to Html Workshop Group


 

Copyright

Posting #1: Is there a way Is there a way to diable right click pitcher copying on the sight? I have just gotten a few But can not put them up due to copy right and I know no one will copy them.

Reply: Hi James, Don't think so , Eon's controls that part of the code. This website is in the public domain. About the only thing you can do is copyright your photos with an identifying watermark or signature. Check in the photography groups for more information on copyright issues.

Posted by Massracin


Back To Top  -     Back to Html Workshop Group


 

Counters

Posting: There are counters available that will advise you of everything you ever wanted to know about your visitors (dates and times profile or site was visited, geographical location of visitors, IP numbers, referral sources, page view, unique visitors, etc.); however, there is a cost to these types of counters. If interested, you can check out one such counter at _______.

Reply: Be advised that Eons may choose to remove counters and the like, as they may collect too much information about the viewer.

Posted by tallbob


Back To Top  -     Back to Html Workshop Group


 

E-mail Notifications

Posting: Is there a way for me to stop being notified by e-mail when I get a PM?

Reply: Click "Account Settings" at the top of the NEW Eons page.

Click "Notifications" from the left hand side menu.

Choose how often you want or don't want email notifications and other preferences.

Click the "Update Preferences" button.

-- [From Eons FAQ's]


Back To Top  -     Back to Html Workshop Group


 

Files in Groups

Posting #1:  Group files, I'm a moderator and wanted to set up a few files. I don't have Word, I have Works, if that makes any difference.

Reply #1: Any group member can add a file to the group. Click on the Files name and it opens a window just like the one for uploading photos. You browser your pc for the file that your would like to upload, select it and add a short description. Hit upload and you are done. Note: If your file is a Jpeg it will get loaded into the group photos section and not files.

Some things to consider here are your audiance. Not everyone has a PC bristling with the latest Office software.

Safe choices for file types would be txt, rtf and pdf. Most pc's have software of some type that can read these files or free readers are available.

Posted by Massracin

Reply #2: Be careful with Works... it generally saves things as .wps files, which many people can't open because they don't have the software. Doc files and txt files are more common, which you can create with Word, wordpad, or even notepad.

In a pinch, you can convert a txt file to a doc file. I imagine the good people in HTML Help would be more than happy to show you how.

Posted by slyver

Posting #2:   PPT How do I upload a powerpoint to a group?

Reply: Thats an easy one Dell. Go to the file section of the group you want to upload to. You will see upload new file. Click on browse and find the file on your pc. Give it a name, try to put file type in the description PPT and hit upload.

A free powerpoint viewer is avaialble from Microsoft and people will have to go get it before viewing the file. Here's a link to the download: view link  -  http://www.microsoft.com/downloads/details.aspx?familyid=048DC840-14E1-467D-8DCA-19D2A8FD7485&displaylang=en

Posted by Massracin


Back To Top  -     Back to Html Workshop Group


 

Graphics, Pictures, Images - Uploading

Also, see http://www.eons.com/about/faq/FAQsprofile#upload_photo_profile
*** Be sure to resize if necessary!!

Posting #1:  GOOD NEWS We now have the ability to embed your photos right here on eons without having to use services like photobucket. If you use eons, there is no bandwidth limit and your picture will ALWAYS show up. Also, there is no limit to the number of photos you can have on your profile.

It is a very simple thing.

  1. upload a photo to your profile
  2. copy the new "embed" code from under the picture
  3. paste that code wherever you want the photo.

You can paste this code ANYWHERE on the internet and you will never get a bandwidth warning from Eons.

Posted by EonsFunEditor

Reply to another reply: Once you upload the photo, you will see two boxes below it.

Copy and paste the "Embedded" code when you want the photo to show up 'in place'. For example if you wanted it to appear right here in a reply.

Copy and paste the "URL" code when you want a link to the photo to show up in a reply.

Using those two pieces of code, you can have either the picture or the link show up anywhere. Even outside of Eons. So if you have a blog, you could copy and paste the "Embedded" code and the picture would show up on your blog.

Posted by colleenm

Posting #2: embed code? I'm trying to use one of my photos in a message following the instructions on html. It says to copy the embed code under the pic to your message but I can't find an embed code on my eons photos.

Reply: Go to "view photos" click on the photo you want to use, it will appear in separate window, scroll down, directly under the photo you will find

Posted by Muchan

Posting #3:  Although it has been stated that you can upload your pictures to eons (rather than using another picture hosting service such as Photobucket); however, it should be noted that eons will NOT upload animated pictures...there are also some other restrictions as to what eons will and will not upload. Usually, the message you received is obtained when attempting to upload animated graphics.

Posted by LeeInFL


 

Posting #4: Adding photos I read a post about loading photos from Photo Bucket. I haven't had a chance to try it, but in the mean time someone else posted that you do not need photo bucket. Now I am confused. My question is, even at the risk of telling things you have already told, would someone be kind enough to explain to me how to do this, in very easy to understand terms?

Reply #1: I am new to this group also but I have learned a lot since I joined. It is a great group. I can tell you how I uploaded my pictures from my computer to Eons. Hope this works for you. On your Eons profile page go to Photos Section and hit edit my photos. On the top right hand side, you will see a block that reads Upload New Pictures. Hit the browse button and the file on your computer should come up. Click the picture you want to upload and open the file. That photo will show on your eons page. Next click upload new picture. This should transfer the picture from your computer to your eons page. Hope this works for you. Editorial note: [Lost record of who posted reply]

Reply #2: Every graphic/picture uploaded to eons servers is automatically converted to JPEG (Joint Photographic Experts Group) format.

JPEG was designed to compress high-quality images (such as photographs and detailed artwork) without sacrificing quality. It handles subtle shadings and color blends more efficiently than the GIF (Graphics Interchange Format) format.

The GIF compression technique was developed by Compuserve and is best for images with solid areas of color, line drawings or logos, transparency effects (part of the image disappears into the background) and, as previously mentioned in another reply to this post, animation.

You can; however, upload the pictures to a free hosting service, keep them saved in original GIF format, and then include them in your profile, emails, eons posts, replies, messages, etc. by using the steps outlined in "Posting pictures on Eons Pages."

Posted by LeeInFL

Posting #5: Is there an easier way to hook up w/photobucket other than leaving Eons?

Reply:There are several ways to have a photo show on Eons.

  1. Copy it from your own computer to your photos on Eons. Do this by clicking "Photos" on your My Eons home page, and followinthe instructions to upload from your computer.
  2. Copy it from your own computer to the group photos for your group. Do this by clicking Photos when you are on your group home page, and following the instructions.
  3. Copy it from your My Eons photos and paste it into a message or reply on Eons.
  4. Open an account at a photo sharing site like Flickr, and copy the address of the photo there to the place you want it on Eons.
  5. Open an account at a photo sharing site like Flickr, and paste the link to that photo in the place you want it on Eons.

Posted by colleenm

Posting #6: Setting photo as Profile Photo:  ("How to Do Eon" article posted as answer to a question)

  1. At the top of your profile page click 'edit my photos'.
  2. Click on the 3rd tab labeled "Change profile photo".
  3. You now have the option to select a previously uploaded photo or an Eons stock image. If you would like to select an image from one of these categories, simply click on the image and wait for it to appear in the "current profile photo" box at the top of the page.
  4. If you DO NOT wish to use a stock image or a previously uploaded photo click on the second tab labeled "upload and edit photos".
  5. In the box lableled "upload new photo" click the "browse" button.
  6. A window will open showing your computer's directories. If you have a photo with the file ending .jpg or .gif, select it and press "open".
  7. The "select the photo" box should now be populated.
  8. Press "upload new photo" and allow Eons time to upload [this may take a few seconds depending on connection speed].
  9. Your image will appear in the "Edit photos" box.
  10. Beneath the photo will be three choices of action:
    1. Set as profile photo
    2. Set as profile banner
    3. Delete photo
  11. If you are unsatisfied with the photo, press "delete photo" and return to step 5
  12. If you are satisfied with the photo, press "set as profile photo".
  13. Your screen will automatically bring you to the "change your profile photo" page, with your new image at the top of the page labeled "current profile photo".

Congratulations! You now have a personalized profile photo!

More articles about "How to do Eons".


 

Posting #7:: GIF Images I found some nice animated gif images on photobucket. I was able to put it as a widget and it goes to my banner too but when I was trying to put it as my profile picture, it won't work. What images can be uploaded as a profile picture. This is in gif and not jpeg.

Reply:the images will not come out animated if save to photo library.

Posted by marisol1215

Posting #8: GIF. to JPG. Was wondering if you can change a GIF. file to a JPG. file? I find lots of goodies out on the web, but lots of them are a GIF. file.

Reply #1: I use Paint Shop Pro and I can just save a .gif as a .jpg. It will also allow me to save a .bmp the same way. I guess it just depends on what photo editing program you are using. Use the "save as" feature on yours and look at the dropdown box to see what is available.

Reply #2: Every graphic/picture uploaded to eons servers is automatically converted to JPEG (Joint Photographic Experts Group) format.

Posted by LeeInFL

in another post

Posting #9: Newbie question Is it possible to take a document from My Documents that has a picture on it (It's a poem I wrote) and put it on my profile page somehow?

Reply #1: You cannot upload a file to Eons anywhere except in a group's file section.

You cannot copy and paste the contents of a file with a photo, unless the address for the photo is a valid web address. Photos on your computer do not have a valid web address.

Here's something you can try:

Notes for the techies: Files can only be uploaded to group file sections on Eons. Everything else has to be cut and paste.

Reply #2: Cut and paste works if the original document already has a valid URL for the photo.

Naturally, if the photo is only stored on her computer, there is no web address for it. If you cut-and-paste from a document where the photo is only on your computer, the photo will not travel with the text.

Saving the doc as Save As; Web Page, Filtered does not work for the photo, even if the address is correct on the .html page. (Web Page, Filtered is a way of saving .docs that strips out the Office formatting, which is usually ugly, clunky poorly written html formatting instructions.)

Posted by colleenm

Posting #10:Posting:  "I want to jazz up my profile, but we are not to use tags from other sites like for example sparkle tags?"

Reply #1: Sparkle tags are fine. When we state not to use tags from other sites, we are speaking of css and html tagging used on such sites as MySpace, Xanga, and other social networking sites. Use only the css scripts you find here at eons.

Posted by LeeInFL

Reply #2: "Also when we copy & paste the tag code, we highlight from the first < to the last >?"

Reply #3:That is correct!

Posted by LeeInFL


Back To Top  -     Back to Html Workshop Group


 

Graphics in Posts, PMs, etc.

Posting #1: Question Is there a way to post a digital photo in a post to a group?

Posted by CharmedTwoBits

Reply: Yes, please use the following

<img src='Here put url of the image'>

You can use it to include images everywhere on Eons.

Posted by Muchan

Posting #2: NOTE: To show in a post, a "<" without it executing the html code, replace it with..     &lt;        Editorial note: [Lost record of who posted this]


 

Back To Top  -     Back to Html Workshop Group


 

Graphics - Resize

Posting #1: RESIZE, RESIZE, RESIZE!!  -  (http://www.eons.com/groups/upload/file/html-workshop - Column Width Limits File);  Also, Maximum Column Widths in this document.

I AM NOT ONE TO STEP ON ANYONE'S TOES OR TO BE REALLY OUTSPOKEN, BUT I HAVE TO SAY THIS........IF YOU ARE GOING TO PUT A GRAPHIC ON SOMEONE'S PAGE IN THE COMMENT SECTION, PLEASE HAVE THE PERSON'S PAGE IN MIND - IF YOU DON'T RESIZE THE GRAPHIC OR PHOTO, IT WILL BRING THE MIDDLE OF THAT PERSON'S PAGE DOWN TO THE BOTTOM OF THE PAGE AND THEN THE PERSON ENDS UP FEELING BAD BECAUSE HE/SHE HAS TO DELETE IT TO GET THE PAGE BACK TO NORMAL AGAIN - THANKS FOR READING THIS.

Reply #1: Shout it from the rooftops!!!! Everyone here should be aware of the maximum column widths. Unfortunately, not all Eons members know them or use them. In fact, only about 1,400 of the whole membership is in ths group!!!

The only thing you can do is monitor your comments and delete the offending one(s). Otherwise, go to the Eons Advisors group and ask them to enforce (hard code) the 360 px width limit in the comments section which would automatically resize the graphic. They do this for widgets already.

That's the real way to solve the problem.

Posted by: BluesPlayer

Reply #2: Maximum Width Limits for Profiles & Group Pages  


Posting #2  Resizing pics Someone mentioned to me that there was a free photo editing program link somewhere on this page. I've been looking all over and i can't seem to find it.

Reply #1: You can resize your pictures at photobucket.com.

Posted by memefolsom

Reply #2: If you have microsoft office picture manager - you can resize there as well

Posted by whims

Reply #3: Here's is the link to the free photo editing program and also a link to a free image resizing site I use.


view link:  http://www.freeserifsoftware.com/software/PhotoPlus/
view link:  http://www.shrinkpictures.com/

Posted by: rich64nv

about December 2007

Reply #4: I've been using Photoplus - one of the links above. It's pretty good. You can also download a free resize tool from Microsoft. It also works well, but I'm not sure it can be used for the banner.

Posted by: garooch


Back To Top  -     Back to Html Workshop Group


 

Groups - Membership, pictures, etc.

Posting #1:   Help. Can anyone tell me how to get out of groups I do not visit?

Posting #2: How Can I Delete a Group From My Profile

Reply: Go to the groups homepage. You'll see a list of links in the left hand margin. Click on the one that says Member Preferences. On that page, just below your e-mail preferences, is another link allowing you to leave the group.

Posted by slyver

Reply #2: Go to the group and at the left upper corner near the bottom of the list click on 'member preference...when it gets to that window scroll down and click on 'leave the group'.

Posted by: ClassyGirl711

Reply #3: Click on view all my groups at the bottom of groups on your profile. Then click on the e-mail option on the group you want to leave. Then at the bottom it says leave group so click on that.

Posted by: quit2live

Posting #3: I have chosen NO EMAIL for all of my groups, and yet I get emails all the time announcing that I have messages. Is there a problem with this?

Reply #1: Go to your My Eons page.

Click on the link at the bottom of Groups, that says "View and edit my groups".

Check all 22 of your groups to make sure that email notifications are off in every single one of them.

Posted by colleenm

Reply #2: As far as no EMAIL, I am getting notifications when someone leaves me a message or sends me a gift, etc, even though I put NO EMAIL in my settings.

Posted by: Bichonowner1

Reply #3: It doesn't sound like you're getting emails from any of your groups. Perhaps you haven't looked at your Eons notification settings recently. On the lower left corner of every page, click the My Accounts Settings link. Then choose Notifications, and be sure those are set the way you want them.

Posted by colleenm

Posting #4: I have tried changing my group icons around so I have different ones for the four viewed on my profile page....several times. But when I go into profile, it does not change. I looked for a save option but couldn't fine one. What is going on?

Reply: The group icon (picture) is set by the group administrator. You cannot change the group's icon unless you are the owner of a group.

You CAN change the order of your groups so that other groups appear on your profile page. That is done by rearranging the group order from your My Eons page.

Click on the link at the bottom of Groups, that says "View and edit my groups".

On the next page drag the group icons up or down to re-order your groups. The top four groups will be shown on your profile page.

Mine finally showed the new order about 15 minutes after I made the changes. You may need to give the Eons servers at least that long to get the message across all the different computers.

Posted by colleenm

Posting #5:  Delete At Bottom Of Photos I've notice that any photos I post on particular group site show Delete at bottom of photo info. Can you explain why that's there...I don't see on any others. Just curious why it shows up.

Reply #1: It's so that you can delete your own photos if you want to. It gives you the choice, so that you don't have to ask the owner or moderators to delete a photo that you don't want there anymore.

But you can't delete anyone else's!

Posted by: Goldy55

Reply #2: You can delete your own photos whenever you want. No one else can delete others photos except an administator.

Posted by: SweetMama66


Back To Top  -     Back to Html Workshop Group


 
 

LifePaths

Posting #1: To Make Your LifePath Not Public

Reply:

You will still see it in your profile but know one else will when they look at it.

Posted by: smccay

Posting #2: LifePath I'm trying to arrange photos on lifepath and want to delete pacifier but there is no place that says delete. I have too many pacifiers and I want to arrange pictures but the only picture that appears to arrange is 1 pacifier. What am I doing wrong?

Reply: Double click on the item you want to change, then it gives you the option to upload or add new photo, you can also change the information, then you will have two photos, it gives you the option to delete one. Hope this helps

Posting #3: I HAVE A QUESTION. Can you tell me how to re-arrange your Life Dreams on your profile?

Reply #1: You have to delete them, and re-write them in the order you want. You cannot edit life dreams.

Posted by colleenm

Reply #2: Eons has a set of FAQs, where most of the "How Can I" questions are answered.

Use the Help/Feedback link at the bottom of every Eons page to get to it.

Here is the relevant information.

How do I delete a LifeDream?

You can add new LifeDreams at any time. However, if you want to change one of the ones you've added, you must delete it and then add a new one with the LifeDream you prefer.

Here are the steps to delete and add a LifeDream:

Posted by colleenm


Back To Top  -     Back to Html Workshop Group


 

Link it!

Editorial note: Common HTML tags section - Linking in Posts and PM's
Announcement Posting:  Link It!

If you were to type...

The website I am wanting to link to is <a href='complete address of website'>HTML Workshop</a>.

The result would be...

The website I am wanting to link to is HTML Workshop.

The above applies to eons only. The regular HTML tagging on all other servers is...

The website I am wanting to link to is <a href="complete address of website">HTML Workshop</a>.

If you want someone to be able to click on a picture or banner and go elsewhere, type...

<a href='complete address of where you wish the visitor to go'><img src='complete address of banner'></a>

Now your visitors can click on the banner and be taken where you want them to go!

The above applies to HTML tags used on eons servers only...the normal HTML tagging on all other servers would be...

<a href="complete address of where you wish the visitor to go"><img src="complete address of banner"></a>

Posted by LeeInFL



Back To Top  -     Back to Html Workshop Group


   

Marquee in Banner


Posting: I want to have a marquee scrolled across my banner picture. I got it on the page and it is scrolling on the Edit my history section. I have tried to do it in adobe and paint and import to my banner pic but I am (once again) doing something wrong. I read about someone importing from notepad, but when I copied my photo (from photobucket, to my hard drive copied and pasted to notepad) all I got was gobbledygook!

Reply #1: Here at Eons you can use as a banner files only in three formats: .jpg .gif .png Of them only .gif can show some movements. Marquee is HTML code and can be used only in .html format files which can't be used as a banner. To create something moving you need special software, Flash, for example. With Flash you can make moving objects which can be saved as.

Posted by Muchan

Reply #2: You need an image editing program that will create animated graphics (.gif) and has a banner creating function. I use Paint Shop Pro. You would then have to upload the full animated image to a site like Photobucket to retain the animation for use on Eons.

As the previous post mentioned; marquees are created using html code and cannot be use in your banner; only within the profile.

Posted by countryheart1955



Back To Top  -     Back to Html Workshop Group


 

Marquee tags within Eon Posts


Posting: Marquee Tags within eons Posts Typing the beginning and ending marquee tags in your messages, replies, announcements, etc. at eons results in text scrolling across the screen, much like a news tickertape.

If you type <marquee>This sentence is typed between the beginning and ending marquee tags....</marquee>

It will appear as...

This sentence is typed between the beginning and ending marquee tags.... 
Editorial note: [This was scrolling in the original post]

Netscape does not support the marquee tag and, therefore, eons members visiting by way of a Netcape browser will see your marquee text as static text.

Reply #1: <marquee bgcolor='#00FFFF'>You can add a colored background! How cool is that?</marquee>

Reply #2: <marquee direction='right'>You can have the script scroll in a different direction!</marquee>

Reply #3: Typing <marquee bgcolor='#00FFFF' direction='right'>This is how you make the typing go from left to right with a chosen background color...</marquee> in your posts will result in...  This is how you make the typing go from left to right with a chosen background color...  
Editorial note: [This was scrolling in the original post]

Reply #4: Typing... <marquee width='200'>HTML Workshop!</marquee> Will adjust the width the marquee uses and results in... Editorial note: [small marquee]

Typing...<marquee behavior='alternate'>HTML Workshop!</marquee> Will cause the marquee to alternate directions

Typing...<marquee scrollamount='30'>HTML Workshop!</marquee> Will adjust the speed of the marquee and will result in... Editorial note: [Faster]

Typing... <marquee scrolldelay='200'>HTML Workshop!</marquee> Will delay the speed of the marquee and result in...
Editorial note: [Slower]

Typing... <marquee direction='down' height='90'>HTML Workshop!</marquee> Will result in...
Editorial note: [Scrolls down]

Typing... <marquee direction='up' height='90'>HTML Workshop!</marquee>  Will result in... 
Editorial note: [Scrolls up]

Reply #5: How do you change the writting in the marquee to bold or a different color.

Posted by: granddadd

Reply #6: Just add bold tag after the opening marquee tag and a closing bold tag right before the closing marquee tag.

To make the text a different color, use a "font color=red" tag after the opening "marquee" tag and the close the font tag before the closing marquee tag.

Or you can stack them...

font color=red
bold
Then your text goes here
closing bold
closing font
closing marquee

It will look like this...This is a BOLD red marquee

Want it bigger? Add an h1 set of tags...

marquee
h1
font color=red
bold
Then your text goes here
closing bold
closing font
closing h1
closing marquee

It will look like this...This is a BOLD red Header 1 marquee

You can pretty much do anything you want...

Posted by: BluesPlayer

Reply #7: The marquee tag is basically designed for, and read my, Internet Explorer. It is also read well by the Opera browser. Netscape browsers can't read the marquee tag at all, while mozilla partially reads the tagging (thus, no color).

You will run into this from time to time. As a matter of fact, many webmasters have all four of the major browsers on their PCs so that they can see what their work looks like with each individual browser!

Posted by LeeInFL

Reply #8: Mozilla does support it.

Posted by: GaryJames

Reply #9: Anyone try it on the Safari Browser for Windows from Apple? It works on Safari for Mac.

Posted by: Techie44




Back To Top  -     Back to Html Workshop Group





 

Marquee with Image


Posting:   I have not had good results trying to add an image to a marquee. Sometimes the image shows up in preview, but them disappears from the actual posting. < font size='+2' color='#FF000'>< MARQUEE>
Hi There! < IMG SRC='http://www.botos.com/bits/smallbu2.gif' alt="migrating bug icon" '>
< /MARQUEE>< /font>
In code sample above, remove space after each '<' before trying to use.

Posted by: mbotos




Back To Top  -     Back to Html Workshop Group







Maximum Width Limits Chart for Profiles & Group Pages

(Created by “Daydreamin” 08/06/07)
PROFILE Page: 
  • Banner - 974 wide X 100 high
  • Left Column (“History”) - 200 wide
  • Right Column (“Widgets”) - 300 wide
  • Center Column (“About Me”) - NO “Embed” or “Object” TAGS ACCEPTED! It is NOT like the MySpace “about me” box!!!
  • Center Column (“Interests & Activities”, “Questions of theDay”) - 360 wide (I have done 375 wide, but vertical alignment to other middle sections is slightly off)
  • Center Column (“Comments”) - 290 wide
  • YouTube Videos - 275 wide X 200 high
Group Page: Center Column –
  • Banner - 974 wide X 100 high
  • 370 wide “embeds” for Announcements and Messages
  • YouTube Videos - 325 wide X 250 high (sharpens video clarity and
    avoids overlap issues)



Back To Top  -     Back to Html Workshop Group







MySpace Layouts


Posting #1: Layout
Can anyone recommend a good website to get layouts?

Reply #1: Layouts will mess up your page.you need backgrounds.you can check the group's files for color safe codes.

Posted by marisol1215

Reply #2: Use the links in the announcement section of this group, and the files in the Files for this group to get background colors and color schemes that won't break your profile page.

Layouts from other sites can cause you to completely lose access to your eons page.

Posted by colleenm

Reply #3:From this group's announcements:

IT IS RECOMMENDED THAT YOU NOT USE HTML TAGS, CODES OR SCRIPTS FOR BACKGROUNDS, LAYOUTS, ETC. DEVELOPED FOR MYSPACE, XANGA AND OTHER SOCIAL NETWORKING SITES. Such tags and codes will MANY TIMES not work on Eons and may result in the COMPLETE DESTRUCTION of your profile's layout. If you do place a script from a foreign source into your profile, be ABSOLUTELY SURE TO PREVIEW YOUR WORK BEFORE YOU SAVE IT and be prepared for DISASTER!

Posted by colleenm

Posting #2:  Safe Sources I have searched the HTML group pages but cannot find the "source" for getting backgrounds and banners. Everything I read says to not use "myspace, etc. and make sure it is a "safe" source. How do I know what site to go to to copy a "safe" background or banner?

Reply #1:In the files of this group is one called "Profile Color Themes". Choose one of those color schemes and follow the directions to put it on your profile.

Posted by colleenm

Reply #2: You can use any graphic or picture as a background. Just upload it to PhotoBucket or similar site (or Eons) and use it. The same goes for the banner.

What you CAN'T do, is get a LAYOUT from another site and use it on Eons since it contains code specific to MySpace or other sites. That embedded code destroys Eons pages.

Posted by: BluesPlayer

Posting #3: "will bringing in the girlyglitter widgets from myspace screw up our profile pages? I see lots of people use them - and I haveimported some too."

Reply: I'm basically referring to layout code (CSS - Cascading Style Sheets) that alter the look of your profile. Lee has pointed out that this is a dangerous thing to do if you don't know and understand CSS. However, realizing the reality of people's desires to be individualistic, the group's members have come up with some techniques that are simple and do work very nicely here on Eons.

Recommendation: Use these methods!!! They work!!! Use other code at your own risk!!!

Widgets are a different matter. Some work; some don't. You just add them to your Widgets Section, not usually anywhere else. You can tell pretty quickly if a widget works or not. If it screws up, just delete it. If you add a widget to a different section, you are taking a big risk on: a. it working correctly; and b. being able to delete it if it screws up your profile.

Recommendation: Play nice. Be safe.

Posted by: BluesPlayer

More about at very bottom of this file.


Back To Top  -     Back to Html Workshop Group




 

 

Music

Announcement Posting: Audio and Playlists

There may be some confusion about these two items that should be cleared up.

The Playing Audio Files document in the Files Section shows you how to use a ONE SONG audio player as a widget, in other sections except "About Me, and as background music in your profile. It also shows you how to add audio to Posts and PMs as well as how to add a simple link to an audio file. If this is what you want to accomplish, just follow the instructions.

Jukeboxes (playlists of multiple songs) are a different animal. To create one of these, you have to go to a site that does that for you and then get the code to embed into your profile. Typically, you pick the songs you want from their licensed (?) catalog, create the playlist and then generate the code for the player.

YOU CANNOT PUT A JUKEBOX IN THE "ABOUT ME" BOX. Eons restriction. Sorry.

It is HIGHLY recommended that you use such a player in the widgets section. The History section is too narrow in format and we've seen a bunch of people mess up their profiles buy putting a VISIBLE player there. Please refrain from that practice.

Group Moderators sometimes put a jubebox in their Announcement section. Seems to work fine.

For all jukebox and single audio applications (except for hidden background music), please set the autostart parameter to FALSE!!! If people want to play your music, let them play it themselves. Autostarting anything (music and video) can seriously affect page loading times for dialup users. In addition, having something autostart on page load can be disconcerting to people who have their speakers turned up high. "Where's that coming from?" "How do I turn it off?" "Well, just hit the Back button..." Then no one gets to read your profile. Please play nice with your fellow Eonites.

There are a lot of sites out there that generate jukebox code. Some will work here on Eons, some wont. That's why we recommend using the Widgets section because you can always delete a bad widget without screwing up the rest of your profile.

If you use these guidelines, I think you will have a lot of success with using audio applications while avoiding a lot of the pitfalls. Have fun.....

PS: Maybe someone will volunteer to compile a list of jukebox sites that work on Eons AND are easy to use AND are free. Just a thought...

Posted by: BluesPlayer


 
Posting #1: Playlist I've downloaded my playlist and have the first song playing when you click on my profile. My question is, why don't the songs switch every time you click on the profile?

Posted by: Laurie2

Reply: You have to go back to the site that generated your playlist. When you set up the widget, there should be an option to play the songs in order or to SHUFFLE them. Just select the options you want, regenerate the code and replace what you have with the new code.

If the site that created your playlist doesn't have the shuffle option, find another one. There are tons around.

Posted by: BluesPlayer

Posting #2  Music player Can someone tell me how to add the music player to my profile page? Thanks!

Reply: I am pretty new at this but I am going to try and help you. Go to projectplaylist.com. Click on my account. I think you have to join before music can be uploaded. You will need to name your playlist because you can create several playlist. Click on search for music. Then search for song and artist you like. Click the + sign. Press play to preview. If it is working and what you want, click it works and add to your playlist. It will ask you the name of your playlist you want the song added to. You are now creating a playlist. Pick all the songs you want. When you are finished, you can rearrange or delete your songs. Half way down page, you will see a Share playlist. Click on generate code. It will ask where to you want to put your playlist. Click on E.

It will ask which of your playlist you want to get code for. Click the name of your playlist, which will be shown on this page. You can change the color of your playlist and get code. Click get code. Copy all of the code (ctrl C) in the box. Go to your profile on eons. Under Widgets on your profile, click add a widget. Paste your code (ctrl P) at the bottome of the page on left hand side (Add Custom Widget). Hit add widget. You now have music on your page.

This sounds like a lot but the only time consuming thing about it is finding the song and artist you want on your playlist. If you have any trouble, let me know.

Posted by memefolsom




Back To Top  -     Back to Html Workshop Group






 

Posting Questions in Forum


Posting #1:  What I want to do is like I'm typing now in a new message. Where are the codes to change the color and or type of this message? AND where do I put it?

Reply:

You type: This is a line with <font color=red>red text</font>. Now back to normal.

You get: This is a line with red text. Now back to normal.

Posted by: mbotos

Posting #2: Font Style: I know this has been asked many times probably, but here it is again. can the font style I use in wordperfect be transfered to here when I post in a group? If not, Is there a way to change the font here? all this technical stuff is such a different language to me. any help would be appreciated. Thank You               Posting - http://www.eons.com/groups/topic/749971-Font-style


Reply #1: It can, in the custom css screen, but if the viewer does not have that font on their computer they will not be able to see it the way you do.

posted by TestofF8th


Reply #2:  Yes, it "almost" can.

**IF** the font that you're using in WP is a TrueType font, **AND** the viewing computer has that same TrueType font available ( installed ) then I believe you can reference that exact TrueType font name in the [font face="whatever"] [/font] tag pair and it should display. AFAIK - if it is not available the browser will display it's default as specified.

NOTE: the FONT HTML tag is depreciated in favor of CSS coding on a website, but posting to a message in a group shouldn't be an issue ... and of course you'd have to replace the square brackets seen above with the less than' and 'greater than' carets appropriately.

reference here


posted by ggroeller

Reply #3: It is VERY POSSIBLE to get your favorite font or something close to it into your profile through the style sheet (Custom CSS). The trick is to to code the style sheet for want of a better word intelligently. Simply provide alternatives.

The body tag in my profile's style sheet includes several choices of font:

body {font-family: georgia, book antiqua, serif; etc....

If a user does mot have georgia, the next font on the list is book antiqua. If a user does not have either georgia or book antiqua, then the style sheet defaults to standard serif. I hope this helps.

Posted by EileenKramer

Posting #3:  Don't Bury Your Questions in Replies! While reviewing messages and replies in the HTML Workshop, I can't help but notice that some of the REPLIES to messages contain QUESTIONS that may be missed by many members who don't review every single reply to every single message.

If you have a QUESTION, it is recommended that you create a SEPARATE MESSAGE in which to post your question to the membership. Try not to ask questions in replying to another post...it is much better for each individual question to be asked in an individual post...it creates a much better chance of being noticed by others.

Just a suggestion!

Posted by LeeInFL




Back To Top  -     Back to Html Workshop Group




 

Privacy Settings


Posting: About Privacy Setting for Profile How do I set my privacy settings so not just anyone can google and come up with my profile page. Right now I have my profile set to only friends can view. Ideally I'd like anyone in EONS to be able to view it and no one from a google search. Is that possible?

Reply: Every Eons page spidered and listed by Google and other major search engines increases eons' visability to the "outside world," helps in attracting new members, increases revenue, etc.

Eons does, however, provide you with the opportunity to block search engine spidering of your profile ("friends only") and any eons group designated as "private," as well as other privacy options at your disposal. If you don't want everyone ("everyone") to read your entire profile, keep it designated as "friends only."

As far as allowing "only" eons members to read your entire profile...if you restrict the people that view your profile to members only, you might as well not place any restrictions on it at all! Anyone...any age...any intentions....etc. can join eons. Eons does its best to protect you; however, this is the Internet...it is up to you to maintain a high level of participation in protecting your own privacy.

Always think twice when typing personal information into your computer while wired into the Internet. Assume that EVERYONE can see it, unless you know otherwise.

Posted by LeeInFL



Back To Top  -     Back to Html Workshop Group





New Information  Profile Page: Creating a Style

Note: There are now groups set up to give special help for various parts of the profile. Backgrounds - Background Gallery | Banners -  Banner "Central Station | Widgets - Widgeteria
Note: April 16, 2008: You can now choose a "skin" by going to the Eons Skins Gallery: http://www.eons.com/skins  For links to more information, go the the Skinner section of this help file.

Profile Styling will NOW be done with the Profile Skin Editor

Editorial note:There are links to files containing information about using the skinner in the announcement section. The most current information will be posts in the HTML Workshop group by Tallbob, mbotos, and/or Bluesplayer.


Skinner choices | Banners | Styling Backgrounds | Font Choices | Custom CSS Box | Posts with more information

Skinner choices: CSS code goes in the skinner. HTML tags do not.

On your view of the profile page you will see a little box to the right of your profile picture and information. The box contains links to "my eons", "messages", "edit my photo", etc.

The last choice is "edit my skin". Click on that choice and you will be taken to your "profile skinner".

If you want to override the Eons default style so that your background and styling shows through, click on the first 4 choices.


Styling backgrounds:

First, get a background Image:

  1. Choose a background
    1. Use an image already on your computer (Skip step 2 if you do this)
    2. Get an image from the internet. Be sure to read their terms of use. Links to free background sites:
      1. Tickle.net - http://www.tickie.net/Backgrounds/index.html - has thousands of tile images, including food, animal prints, kaleidoscope - you need to provide a link back to their site.
      2. Free Backgrounds 2002 - http://www.geocities.com/freebackgrounds2002/index.html  and also http://www.geocities.com/freebackgrounds2002/tileindex.html
      3. wattacroc - http://www.wattacroc.com/backs/ - Various patterns, also butterflies, cats and some holidays.
      4. Wacky Backgrounds - http://wacky-background.com/index.php - Really wild and wacky backgrounds!
      5. Ender Design: Realm Graphics - http://www.ender-design.com/rg/backidx.html - also includes a tool where you can tile ANY image anywhere on the Web and show it as a background with images and text on it. Even choose an appropriate text and link color. Worth checking out.
      6. All Free backgrounds - http://www.allfreebackgrounds.com/ - Click here to find instructions about Choosing Backgrounds and Fonts at allfreebackgrounds.com. This link tells you about the All Free Backgrounds site.
  2. Download it to your computer
  3. Upload it to your Eons pictures or to a photo sharing site such as photobucket.
  4. Copy the "Direct Link" to your image.

Second, put the information in the skinner:

Click here to find instructions about putting background information into Skinner

There is also an Eons group that will help you with backgrounds - "Eons Background Gallery view link is a place to share and borrow backgrounds for your profile page." 


Font Choices:

Click here to find instructions about Choosing Fonts in the Skinner.  See also the discussion in the posting: http://www.eons.com/groups/topic/752573-Humble-request-for-assistance - reply #2 on.


Custom CSS Box

Posting #1  Custom CSS Overrides Everything: http://www.eons.com/groups/topic/740663-Custom-CSS-Overrides-Everything-

Posts with more information

Background images in the new Editor  - http://www.eons.com/groups/topic/680890-Background-Images-in-the-new-Skin-Editor posted by Tallbob, about March 6, 2008

Posting thread to list discoveries made about skinner - http://www.eons.com/groups/topic/681689--b-font-color-red-size-4-SKINNER-NEWS-font-b-  thread begun by Bluesplayer, about March 6, 2007

Information comes from: Profile "Skins" posted by tallbob;  Profile Skin Editor posted by BluesPlayer; Posting in group; trial and error; and other sources.


Back To Top  -     Back to Html Workshop Group




Profile Page - Current Questions and Answers

Posting #1: New CSS area  -  (http://www.eons.com/groups/topic/705473-New-CSS-area?page=1)- 

. . . . Also does anyone know how to change the yellow box behind the top area section that contains My Eons, Messages, etc?  Also the white box area in the "leave a comment section".   Posted about March 14, 2008

Reply #1: Yellow box and border BE GONE! 

.i3 {background:#fff; border:1px solid #fff; border-width:1px 0; padding:0 6px}
.yb .bt {background: url() no-repeat 100% 0; height: 9px}
.yb .bt div {background:url() no-repeat 0 0; height: 9px}
.yb .bb {background:url() no-repeat 100% 100%}
.yb .bb div {background:url() no-repeat 0 100%}
.yb .i1 {background: #ffffff url() repeat-y 0 0}
.yb .i2 {background: #ffffff url() repeat-y 100% 0}
.yb .i3 {background:#ffffff; border-color:#ffffff; padding:0 5px}

Posted by: Mbotos about March 14, 2008

Reply #2: I would not recommend using the code that Michael provided. It'll work, but it's overly complicated to get the background to disappear or to make it a specific color. On the other hand, Michael is probably willing to provide technical support - right, Michael?

Posted by: Tallbob about March 14, 2008  Updatd Info: Customizing the "Yellow Box" on your profile blog by tallbob - about March 19, 2008 - http://www.eons.com/blogs/entry/715388-Customizing-the-Yellow-Box-on-your-profile

Reply #3: Since I spent the time to hack through how the yellow box and border were constructed, I'm more than happy to explain what the original code did and how the code I posted alters the original.

In terms of the complexity of the code I posted, I approached the solution from the viewpoint of working with the original Eons CSS and changing it so that the yellow box and border could be controlled.

A simplier solution would be 'layer' over the box, but there are some additional technical considerations with that technique.

If anyone has specific questions about the solution, you can post them here.

For you CSS super sleuths, the key is understanding how the image http://www.eons.com/glb/g/cont/yellow- box.gif
is manipulated. It is an interesting, possibly educational, adventure.

Posted by: Mbotos about March 15, 2008

Reply #4: Solution for 'white' in Leave a Comment area:

ul.comment-block li.horiz-card, #commentList dd {
clear : both;
margin : 0 10px;
padding : 10px;
background : #F00 url('http://i201.photobucket.com/albums/ aa237/beeblst/thpink-5b.gif')
 repeat left top;
/* was url(/glb/g/bg_tip.gif) repeat-x */

Above solution is specific for beeblst. Anyone else can change url value to meet their needs.

Posted by: Mbotos about March 15, 2008


Posting #2  Fonts are different sizes  http://www.eons.com/groups/topic/713913-Fonts-are-different-sizes - I have no idea what is going on I changed my fonts and one section is one size and in another section they are another size. You can read some of the middle section because it is nice and big and bold but then towards the end they get small and hard to read same under some of my widgets.  posted about March 18, 2008

Reply #1: Your font size problems originate in your Interests and About Me sections. There may be one or more font tags that change the font size and are not properly closed. With most browsers, this will change the font size for all the markup that follows.

I try to discourage people from changing font sizes. Font size should ideally be controlled by the viewer. The viewer can make the font size larger, if necessary, to make it more legible. If you *must* change the font size, be subtle and, if possible, use css to do it. Using percentages will ensure that the fonts scale proportionally. For example, you might use a larger font like this or a smaller font like this.

<span style="font-size:105%;">use a larger font like this</span>
<span style="font-size:90%;">use a smaller font like this</span>

Posted by: Tallbob about March 18, 2008

Posting #3  Custom CSS Changes Coming Tomorrow  http://www.eons.com/groups/topic/713505-Custom-CSS-Changes-Coming-Tomorrow - Information about some problems encountered when coding with CSS.  posted about March 17, 2008

Reply #1: One thing I've noticed in looking at the data: There's a lot of invalid CSS out there! I picked a skin at random, put the "custom css" through a validator and got 39 separate errors!

We might want to encourage people to go here view link - http://jigsaw.w3.org/css-validator/#validate_by_input  - and check their custom css. The problem with this tool, however, is that the error messages can only be deciphered by someone who really knows css.

Posted by: Tallbob about March 18, 2008

Reply #2: Marquees are not css and are not effected by today's change.
Your first marquee element has an error:

< img src="http://i231.photobucket.com/albums/ ee204/mmoore92706/butterflies14.gif“& gt;

The ending quotemark on the 'src' attribute is a "fancy quote" character and, because of this, the image url may not be parsed correctly. Replace the quotemark with a normal double-quote character.

Posted by: Tallbob about March 18, 2008

Reply #3: Get ready for DUH... questions here. I checked my profile and everything is as it should be except for one small change. In my personal view the yellow box with my message links and such is now underneath my picture instead of next to it. In the friend and public view it is as it was. This isn't important...just wanted to point out a change.

posted by Luna 45 March 18, 2008

Reply #4: IE6 or IE7? The principle at work here is the same principle that sometimes causes entire columns of the profile to be arrayed vertically instead of horizontally. Inside the "member card" on your profile, there are two columns - your photo (with some text beneath it) and everything that's on the right. The right column is partly subdivided into two more columns.

In any case where there are two columns and the width of the two columns does not fit the available width, the columns will stack vertically. This can be caused in two different ways:

1) Something causes a column to be wider than it is supposed to be (e.g. a particularly long word, a too-wide image, a non-standard border, padding or margin)

2) Something causes the available space (the space that contains the columns) to be smaller than it is supposed to be (e.g. a border, margin or padding that isn't compensated for).


Posted by: Tallbob about March 18, 2008



Back To Top  -     Back to Html Workshop Group





Profile Page - Comments

Posting #1:   moving comment section to bottom? How do i move the comment section to the bottom of the profile page. i notice some people have it there and i'd like to also. thanks.


Reply #1: I found that when I select to "see my profile as a friend would see it," the comment section is on the bottom. What you see when you login to your profile isn't what others see. I was trying to figure out the same thing until I happened to select "view as a friend would."

Posted by BajaHorseLady

Reply #2: The Comments section of your profile is at the bottom when everyone sees it...except you! Your view of the profile is different than when "friends" or the "general public" view it.

Posted by LeeInFL

Posting #2:  Is there a way to resize ... Someone left a nice comment on my profile page which includes a YouTube video. I would like to keep the video there, but just resize it to fit in the alloted space (it overlaps to the right as it is now).

I know how to resize one when I load it, but when someone else puts it there, is there a way for me to resize the video?

Reply: Not that I know. Oversized comments really screw up a page. Try this...

  1. PM the person and ask them to resend the comment with the width of the video set to 290.
  2. Delete the current comment.
  3. Wait (tick...tock...tick...tock...) for the replacement.

Another option is to...

  1. Go to YouTube and find the video.
  2. Copy the EMBED code on the right side of the vid.
  3. Add the code to a new widget; Make sure the width is set to 360.
  4. Delete the original comment.

That will keep the video on your page but over in the widgets section. You could probably send yourself a comment too and do the same thing with the 290 width.

Posted by: BluesPlayer

Posting #3:   Delete Comments Is there any way we can delete comments posted to our profile pages by advertisers who don't know us? It's really rude to do that and as we all know, against EONS' TOU.

Reply #1: Not if its an eons advertisement...but if someone posts an ad in the comment section you can delete that...go into view all comments...then delete it...

Posted by mizvic

Reply #2: If you're talking about the regular comment section of your profile maybe you should go into the Settings, select privacy settings and change "Comments posted to my profile will be posted" - from Automatically to After I review them. That way when someone attempts to post a comment, you can read it first and if it's not to your liking, you don't have to accept it. You may also want to block that member from sending you messages as well. Not sure how that's done as I haven't had to try and block someone yet.

Posted by countryheart1955

Posting #4:  Posting: REMOVAL OF SIMPSON AVATAR! It is with regret that I was forced to remove your post and avatar from the HTML Workshop's main message board.

The avatar was way, way too large for placement (width="470" height="491"). It led to many members experiencing non-response (also know as "freeze-up") from their computers, particularly those on dial-up.

In addition, the following error message was generated on many dial-up connection computers:

"A script in this movie is causing Adobe Flash 9 to run slowly. If it continues to run, your computer may become unresponsive. Do you want to abort the script?"

Naturally, in response to your question, it is highly recommended that you NOT attempt to place the avatar in your profile!

Posted by LeeInFL

Reply #1: Oh dear. I'm so sorry. Actually several of us have pasted this avatar in another group's posts with no problems at all. They were the ones that taught me how to make the avatar to begin with. Hope I didn't cause too many problems. :( Reply #2: Hi, just joined. Should have joined a long time ago! But her Simpsons Avatar is working very well in my group: "________" without a glitch!  Sorry that you had troubles here.

Editorial note:  Click on the links in the replies to learn more about how it looks or works for you may not be the way it looks or works for others.>




Back To Top  -     Back to Html Workshop Group






Profile Page - Sections

Posting #1:   Revisions to Profile Page Is there a way to remove or rearrange sections on the profile page that I don't want to use?


 

Posting #2:  remove columns Is there a way to remove some of the boxes on the profile page. I don;t know where the American greetings add came from and the box with the "learn the demo" and several others I would like to move or Remove.

Reply: Eons is a free site for you. They pay their bills by selling advertising. Several of the boxes you see on your page are for ads, so there's no way Eons will let you remove them. As far as I know, you can change things within the other boxes, but you can't move the boxes around.

Posted by colleenm

Posting #3: hide boxes not interested in.

How?

I don't want boxes that I haven't decided to put anything in so how do I hide them either at the bottom of the page or just make them disappear till I'm interested? Too much information is overwhelming.

posted by nannihe

Reply #1: If you don't want LifeBox to appear then... under 'Settings' [link at top right of page] change the value for "Who can see my LifePath?" If you have no data, I expect you want a value of 'No One'.

Posted by: mbotos

Reply #2: If you have not inserted text into the boxes under Interests and Activities section, posted a Blog, place any text in History, and/or About Me, completed any portion of the LifePath, answered a question in Question of the Day nothing will not appear on your profile. The headings will remain visible to you, with the option to edit, so you have a way to add/edit them. At least that is how I see my Profile. Every once in awhile I will click on the link "view my Profile as a friend would see it", just to make sure that all my changes appear correctly to everyone else. I have not filled out the LifePath and this is not visible to others, nor are any of the other questions that I have not completed.

Posted by countryheart1955




Back To Top  -     Back to Html Workshop Group





 

Search for People

Posting:   HOW CAN YOU FIND PEOPLE? I AM REALLY INTERESTED TO KNOW HOW TO FIND SOMEONE YOU MAY KNOW ON THIS WEBSITE?????Unlike myspace where you can type in a name.Eons does not let you put in a name. Am I missing something???

Reply #1: I tried to find an answer for you, but couldn't (unless you know their screen name). Do you know where they live? You could maybe break it down that way. Or by interest, etc.

Posted by: rorera

Reply #2: Use the "People Search" feature. At the top of every page on Eons, there is a list of links. The second one is "People".

If you click that, then click "Browse All Members" you will be taken to a page where you can search for members who live in a certain area; have a certain age range, have certain interests, etc.

Posted by colleenm




Back To Top  -     Back to Html Workshop Group






Skinner

Help Files to create your own skin:  
Choosing a background and putting the information into the skinner: http://ccs.110mb.com/eons/skinnerbgs.html
Choosing the fonts in the skinner - http://ccs.110mb.com/eons/skinnerfonts.html
Posting:   Skins, Phase III - The Eons Skin Gallery

With the release of "phase III" of our Skins project, it is possible to name and save multiple skins for your personal use. With this new feature, it's easy to work on a skin before you apply it to your profile. And when you change your skin, your old skin remains on file, in case you ever want to reuse it.  Go here to learn more:  http://www.eons.com/blogs/entry/782638

Posted by tallbob about April 17, 2008


Posting:  Profile "Skins"

Greetings from the Eons engineering department! With the February 20th Beta release of Eons, we have begun to deploy our official support for custom profile styling - a.k.a. "skinning".  Go here to learn more:  http://www.eons.com/blogs/entry/648669-Profile-Skins-

Posted by tallbob about March 17, 2008





Back To Top  -     Back to Html Workshop Group





 

Slideshows

Posting:   SLIDESHOW I am looking for a good slideshow that will allow me to load my own pictures into it...will show something approx 300 X 300 in the message window, will allow the viewer to scroll or advance through the pictures there, and will show a larger version in a separate window when someone clicks on a smaller picture. I have tried the webshots slideshow, a couple associated with FLICKR, and have seen a couple I couldn't figure out how to load with my photos. T