10

10 log in or sign up to start earning Butterfly Credits today!
learn more »
earn credits for web search

community & fun

groups

get together & make a difference

Groups > New to Care2? > Discussions > Topic: The Basic Editor and HTML
Topic: The Basic Editor and HTML

powered by Care2.com • Care2 Home • E-cards & Fun • Shopping • Healthy Living • News Network • Petitions • Click to Donate


Dynamite S.	The Basic Editor and HTML August 15, 2005 5:01 AM For those of you who are not able to access the advanced editor (the one with the font style, font size, bold...) we will put some information here for you that might help you out with some of the frustrating things. This will probably be slow going for me due to time constraints but I'll try The first thing I'm going to provide you with is a link for the smilies: http://www.care2.com/c2c/groups/markup_help.html It shows the words you can use in the basic editor the ones between the astericks (*), like hmm between the astericks is . Neat huh I usually open in another window for easier access then highlight the word (and astericks) and copy then go to my message and paste. [ send green star] [ accepted]
Dynamite S.	August 15, 2005 5:55 AM This is the only computer I've ever had (I'm using Windows ME and FireFox browser) so I have no idea what Mac and Netscape, etc.. look like or their functions and limitations. I will just hope that since you are in the basic editor these will work. Open Word Pad or Word(or some similar document maker) and lable it (mine is "codes4care2") to keep all the codes in and make it easier to access. For functionality I will go down the line of the advanced editor. The first function/option is the font (font style)... Here's the code: <font face="font name here">type words/message here</font> Choices in the advanced editor are... Arial, Courier, Georgia, Tahoma, Times, and Verdana The one I'm using here is Verdana.(<font face="Verdana">message</font>) But you can also use other fonts like Polonaise (<font face="Polonaise">Which looks like this</font>) Which looks like this. [ send green star] [ accepted]
Dynamite S.	August 15, 2005 6:06 AM The next option is the font size: Here's the code: <font size="font # here">message here</font> I'm using font size 3: <font size="3">message</font> The advanced editor options are: 1(8pt), 2(10pt), 3(12pt), 4(14pt), 5(18pt), 6(24pt), and 7(36pt). As far as I know these are your only choices also. (I used font size 6 with the Polonaise in above post to make it readable) [ send green star] [ accepted]
Dynamite S.	August 15, 2005 6:23 AM ------notice that for each code you "open" (the begining, in front of your message) you have to "close" the code (at the end, behind your message)------ Now you can either use those seperate: <font face="Georgia"><font size="4">message here </font></font> or combine them: <font face="Georgia" size="4">message here</font> [ send green star] [ accepted]
Dynamite S.	August 15, 2005 9:07 AM The next 4 options are really simple. They are... Bold: <b>message here</b> Italic: <i>message here</i> Underline: <u>message here</u> Strike through: <del>message here</del> You can mix them together too: <b><i>message here</i></b> Something to note however, is the order you put them in. If you start with "b" you end with "b". In the example above, <i> was the last code/tag opened, so it is the first one closed. This is something you should remember, because the importance of your tag syntax becomes critical later on. This style of opening and closing is called LIFO — Last In, First Out. The same is true when you mix these with the font codes/tags. For instance: <font face="Georgia" size="4"><b><i>Text or message here</i></b></font> [ send green star] [ accepted]
Dynamite S.	August 15, 2005 9:58 AM I should've added this a couple of post up Font Restrictions: A particular font face will only appear on a reader’s computer screen if they have that font installed on their computer. So if you have your whole page defined in Polonaise font or something, a load of your viewers will just get a page with boring old Times New Roman. To get around this, the best idea of course is to use common fonts. I have no Idea if this is still true because I've seen all sorts of fonts on Care2 that are not on my computer. [ send green star] [ accepted]
Dynamite S.	August 15, 2005 10:50 AM Next in the line is Subscript: This is _Subscript Here's the tag: <sub>text here</sub> This is <sub>_Subscript</sub> Then there is Superscript: This is ^Superscript Here's the tag: <sup>text here</sup> This is <sup>^Superscript</sup> Then there is Copy, Cut, and Paste: Highlight the text you want to copy, cut, or paste... then do one of these... 1. Right click on your mouse and click on which ever one you want to do. 2. Go to the top, left of the screen, click "Edit". In the drop down menu click what you would like to do. 3. Use the shortcut keys on your keyboard.(press and hold the control key and press the "c", "x", or "v" keys, then let them both go) Copy=ctrl + c Cut=ctrl + x Paste=ctrl + v [ send green star] [ accepted]
Dynamite S.	August 15, 2005 11:24 AM The next one is... Ordered List: <ol> <li>List Item 1</li> <li>List Item 2</li> <li>List Item 3</li> </ol> which creates: List Item 1 List Item 2 List Item 3 Let's explain: <ol>Stands for Ordered List, which means that the items are ranked or numbered. <li>Means List Item, each one corresponding to a number. [ send green star] [ accepted]
Dynamite S.	August 15, 2005 11:47 AM Next is the Bulleted list (or Unordered List) Just replace the <ol> and </ol> with <ul> and </ul>: <ul> <li>Listed Item 1</li> <li>Listed Item 2</li> <li>Listed Item 3</li> </ul> Which creates this: Listed Item 1 Listed Item 2 Listed Item 3 [ send green star] [ accepted]
Dynamite S.	August 17, 2005 8:07 PM The next one in line is Decrease Indent but there is no code for this, you just don't use the Indent code, which is the next in line... Indent:   Use it after the front font tag like this <font size="3"> Your message here</font> Your message here I know that doesn't look like a big indent, but that's because I only used one. The more you add the bigger the indent. Here's one with 5 added... Your message here now see that makes a difference doesn't it? [ send green star] [ accepted]
Dynamite S.	August 17, 2005 10:38 PM Now we move on to Font Color... Here's the tag: <font color="font hexcode here">text here</font> text here Just like with the other font tags you can blend it together with those... Like <font size="3" color="CC0000">message here</font> will make the "message here" look like this: message here Now the next one is the Background Color... Here's the tag: <span style="background-color:#CC0000">this bg should be red</span> When you put this with the font tag make sure the font tag is first or only the bottom half of your text will have the background color: <font size="3" color="#FFFFFF"><span style="background-color:#CC0000">Message here</span></font> Will look like this: Message here Now I bet you're wondering "where do I find the hex color code numbers?", right? Well they're right here: NON-DITHERING COLORS Now on to Horizontal Rule (that line that's right above this sentence)... <hr>(no end tag needed) And it does this: To make stronger lines, add a size value<hr size="4"> would give you this: And if you want it only one shade of gray: <hr size="4" noshade>0);"> [ send green star] [ accepted]
Dynamite S.	August 18, 2005 11:41 AM Mistake.... that last one should read: <hr size="4" noshade> That 0);"> at the end shouldn't be there [ send green star] [ accepted]
Dynamite S.	August 18, 2005 12:31 PM Next in line is Linking... I'm pretty sure if you just copy and past a url it should automatically link, but I'll try it just to be sure... http://www.care2.com/c2c/groups/disc.html?gpp=3287&pst=102708&archival This should link to another thread here that shows what the advanced editor looks like and the functions. But let's say you want to use the title of the thread and link it instead of having that really long link showing... The tag: <a href="The Url here">Thread title here</a> <a href="http://www.care2.com/c2c/groups/disc.html?gpp=3287&pst=102708&archival">Using the message features</a> Would give you this: Using the message features You can link to you e-mail address too... <a href="Your e-mail address here">your name or message here</a> And you can also link to a picture this way, but first let's learn the the image (picture) tag... <img src="image url here"> (no end tag) For the image in that other link it would be: <img src="http://img.photobucket.com/albums/v61/pussicat/care2messagebox1.jpg"> Which would give you the image... Now if I wanted to link that image to that page/thread: <a href="Url of thread/page"><img src="image url here"></a> <a href="http://www.care2.com/c2c/groups/disc.html?gpp=3287&pst=102708&archival"><img src="http://img.photobucket.com/albums/v61/pussicat/care2messagebox1.jpg"></a> Would give you this... [ send green star] [ accepted]
Dynamite S.	August 18, 2005 1:35 PM Pretty cool eh But now you are probably asking "how do I find the image/picture URL?" Before I tell you I need to inform you of copyrights and bandwith theft. Bandwith theft is when you go to a site copy the URL of a picture/image/gif, etc and then come here and paste it in a thead/group. It's also called hot-linking and it is stealing. Those website owners pay money to use that bandwith so if you don't own the site you are stealing. Copyright----Copyright laws grant the creator the exclusive right to reproduce, prepare derivative works, distribute, perform and display the work publicly. Exclusive means only the creator of such work, not anybody who has access to it and decides to grab it. Copyright protection begins when any of the above described work is actually created and fixed in a tangible form. If I create something, write something, draw something, take a picture of something, etc... then it is mine. I own it. And it is copyrighted. From the exact moment that it is created it is copyrighted If you see an image and take it and use it anywhere without giving credit and/or permission you are stealing. Just because someone shows off their pictures does not mean you may use it unless they have said that you can. And while yes many people do just see a pic they like and take it and use it. They are thiefs. Just because some people do something doesn't mean it is ok. If you use an image and do not know who it belongs to then it is stealing and wrong. Lots of info on copyright: http://www.faqs.org/faqs/law/copyright/myths/part1/ http://www.keytlaw.com/Copyrights/top10myths.htm http://copylaw.com/new_articles/copy_myths.html http://www.theistudio.com/seven-online-copyright-myths.html http://www.whatiscopyright.org/ so lets say you have your own pictures or have been fortunate enough to get permission (perferably written permission) to use the image(s)... Save the image to your computer then upload it either to a care 2 album or (because you're stuck in basic editor and have to use tags) a site made for images and linking like Photobucket They have the tag at the bottom of the pictures you upload so you can just click on the tag then copy and paste into your message. If you have a care 2 album you can get the URL of the image by going to the big view of it (go to you gallery, then to the album, then click on the image you want) Right click on the image and copy the URL then paste it into the image tag... <img src="Url Here">. Always PREVIEW before you send/submit to make sure everything looks the way you want it to [ send green star] [ accepted]
Dynamite S.	August 18, 2005 2:12 PM PS. That link I provided to "non dithering colors"... if you look around that site you can learn lots more tags... like CENTERING I hope I've explained everything clearly and that this makes things easier going for you. [ send green star] [ accepted]
Raven S.	August 18, 2005 2:16 PM Thank you Dynamite for putting together such great information in one place!!! This is very helpful. You did a great job too! [ send green star]
Dynamite S.	August 18, 2005 2:20 PM You're welcome I was just hoping I didn't screw anything up [ send green star] [ accepted]
Tracy T.	Dynamite! August 18, 2005 2:43 PM *That's the best darned tutorial I think I've ever seen in one place!! Bravo!!* [ send green star] [ accepted]
Rocio C.	Excellent September 02, 2005 10:16 AM You don't know how much I've learnt with this. Thank you so much. Rocío [ send green star] [ accepted]
OleGreyMike K.	September 02, 2005 8:25 PM I noticed marquee doesn't work [ send green star] [ accepted]
Christie N.	October 28, 2005 7:21 AM Replying To: The Basic Editor and HTML Subject: required Author: Christie N Anonymous Email Tracking Track this topic Message: required You have 6000 characters still remaining for your message. Editor Help This is what happens when I want to reply to a message using the fonts and colors. If you notice, there is no place to do that. Nobody will awnswer me in care2 feedback and suggestions on what I need to do to fix this problem Can someone here help me? Dynamite seems like she is very very smart and helpfull. Thanxxx Ya and pictures dont show up when I copy and paste niether. [ send green star] [ accepted]
Dynamite S.	October 28, 2005 9:06 AM Everyone! Mike, Talk to UNO I think somebody in the testimonial group got it to work for the testimonials but you have to have a certain browser. Christy, First, what browser do you have? Is this something that has happened with the changes in Care 2 or has it always been like that? The Copy and paste has only worked for me with the pictures in my album and mostely I tend to use the drag and drop method by opening 2 windows. [ send green star] [ accepted]
Dynamite S.	October 28, 2005 9:08 AM oh and do you see a button to the right, below the message window that says Basic Editor? [ send green star] [ accepted]
Christie N.	October 28, 2005 11:23 AM I think Im using netscape browser. What should I be useing? I didnt have these problems before the new changes but I use differnt computers sometimes to. I dont have a basic editor button. I have editor help on the bottom. Ill copy and paste but teh box wont show up just the words. If you notice that the palce wrhre you reply that IM in now has no where for the font size or color, no smiley at the top but the editor help at the bottom now has teh smileys and that is wehre the basic editor use to be. Thanxxx for getting back to me. Here is the copy paste that I did Replying To: The Basic Editor and HTML Subject: required Author: Christie N Anonymous Email Tracking Track this topic Message: required You have 6000 characters still remaining for your message. Editor Help Thanxxx again. [ send green star] [ accepted]
Dynamite S.	November 09, 2005 7:21 PM sorry about that.. If you don't see the "Basic Editor" button or all the other buttons then it means your browser doesn't support this format? (Guess that's what it's called) and you need to read this entire thread to learn how to do all the neat stuff in HTML codes and tags I know it seems like a lot, but really it's not. I really am sorry [ send green star] [ accepted]
Pandute A.	That's a great tutorial December 18, 2005 8:57 AM Dynamite S. *for all so useful information you've given here. I just missed one simple little bit.* *How should I start the new line in my text?* [ send green star] [ accepted]
Dynamite S.	December 18, 2005 10:25 AM Do you mean seperating? Like starting a new sentence on a new line? If so... the basic editor doesn't need a code for that (thankfully) you just hit [Enter] and for a space you just hit it again... like this [Enter] once [Enter] twice [ send green star] [ accepted]
Lauren D.	it's in the browser December 19, 2005 7:57 PM Hi, I use Firefox, but earlier today was using Netscape 7.01 and had the same problem that Christie N described, until I went back to using Firefox. It might be how the browser settings are configured, but I wouldn't know where to start looking. But it does seem to be browser related. Dynamite, that's a lovely tutorial! Well done!! [ send green star] [ accepted]
Pandute A.	Hi, haven't been here for a long time April 14, 2006 1:56 PM Dynamite, my question was about HTML line break. (Sorry for my misleading translation). I found the answer myself somewhere since then The thing I was talking about was <br> (no end tag) or <br> <br> for separated paragraphs. I also read about <p> for paragraph but this requers the end tag </p> (Correct me if I'm wrong please. I never use this feature for paragraphs so I appologise if there's some inaccuracy. ) [ send green star] [ accepted]
Dynamite S.	April 14, 2006 2:51 PM You don't need the break tag <br> in the basic editor... you need it in other areas (such as the group homepage anouncements) but not in the basic editor. As for using the paragraph tag <p> or even the font tag <font> or bold<b>... the only time you have to close it is if you want the next paragraph (or sentence, or word, etc) to be different than the one before. If I want my whole post to be done in size 3 font and bold then I would put those tags first ... <font size=3><b> ... then type my text and never close it (or put the end tags) [ send green star] [ accepted]
Pandute A.	April 14, 2006 3:40 PM Dynamite. [ send green star] [ accepted]
anonymous	WOW June 12, 2006 6:44 PM Thanks for all the info! [report anonymous abuse] [ accepted]
William T.	December 14, 2006 11:19 PM you mean like [ send green star] [ accepted]
Karen M.	Thank you!! February 08, 2007 5:45 PM Thank you for the info on this thread! Karen [ send green star] [ accepted]
Judy W.	AOL February 19, 2007 8:44 AM Thank you for the tutorial... I use AOL and do not go through Internet Explorer, should I be? Also the color and picture icons on a message like this do not work. Where should I be? Should I join the Care2 Email, use Google, Yahoo?? I finally got the hang of Photobucket and that works well, but I can't always get the picture icon to work. Adding the URL button works every time.. Thank you for all of your help. Judy [ send green star] [ accepted]
Teil F.	February 19, 2007 8:34 PM Hi Judy, I'm afraid I don't use [and never have] AOL, so I don't know what special requirements or differences it might make here. I'm not sure I follow your questions. Are you saying that when you are typing a post here that you can see the icons representing the text colour features etc, but they do not Work? Are you using a Mac or PC? I've read Macs handle these things differently, but again, I'm not sure how. If these features don't work, then click the button called 'Basic Editor' beneath the posting box, on the right side. Then you can use the HTML as outlined in this thread. If there is no button there and only a link to Editor Help, then the Basic editor is already in effect, and you can use HTML. If you can give more specific info on the problem, there's a better chance of getting help. Remember that we don't all see things the same, or use the same words, on top of the AOL differences. Perhaps you could start a new thread called something like: 'AOL and HTML - Help Please' or something specific to your questions. Then perhaps you will draw the attention of other AOL users. I hope this helps, in some way. Peace, Teilflock [ send green star] [ accepted]
Judy W.	HTML AOL & Basic Editor February 21, 2007 12:57 PM "I'm not sure I follow your questions. Are you saying that when you are typing a post here that you can see the icons representing the text colour features etc, but they do not Work? Are you using a Mac or PC? I've read Macs handle these things differently, but again, I'm not sure how." Thank you for your answer. When I go to the general box for a reply post (as I am doing now) the icons representing Colored Text, Background Color and Picture do not work. It is all just grey and no pictures can be inserted. There is a 'plink' sound when I click on these icons. I am using a Dell PC. Thank YOU for trying to help, I really appreciate it, and will keep trying. judy [ send green star] [ accepted]
Teil F.	February 22, 2007 4:16 PM Hi Judy, The only thing I can think of is that your security settings may be preventing the codes of the editing program from working. I'm not sure how you'd get around that. You'd have to know your security program and/or browser fairly well. Are you managing to get by using the HTML? I hope so. An option for getting help to make AOL and Care2 play nicely together is to submit a Help Request Form to the C2 tech folks. For more info on how that system works, check out: "Tips on using the Help Request Form" Peace, Teilflock [ send green star] [ accepted]
Judy W.	Sigh !! February 22, 2007 4:22 PM Thanks again for your generous help. Very much appreciated. [ send green star] [ accepted]
Teil F.	February 24, 2007 5:34 PM You're welcome, Judy! I only wish I could have given more specific help. Peace, Teilflock [ send green star] [ accepted]
Judy W.	Guess What?? February 25, 2007 11:30 AM Hi again, Guess what, I found if I copy a picture and then click the clipboard the picture appears in the message What a thrill ! Now I have to see what I can do about getting some color in here. Judy [ send green star] [ accepted]
Teil F.	February 26, 2007 11:46 AM Bravo Judy! Hang in there and keep up the great work! Peace, Teilflock [ send green star] [ accepted]
Dynamite S.	March 01, 2007 10:22 PM Judy one thing that those have in common is that they all have pop-up menus. If you have a pop-up blocker it may be preventing you from accessing the text colot, Background color, and picture insert. The font style and font size have drop down menus and the rest you just click on and it does the action... no drop downs or pop ups [ send green star] [ accepted]
anonymous	March 02, 2007 8:32 PM My problem/question is how do you add more than one image onto your 'My Billboard'? I can only add one picture and I've seen people with several. Second question, can you add music to your page? I have a code that works everywhere but here. 'My Billboard' seems to be the only place to add it my page. Thanks so much everyone!! [report anonymous abuse] [ accepted]
Teil F.	March 02, 2007 9:03 PM Good points, Dynamite! Hi Tina, Are you using HTML to add images to your Billboard? What are you seeing that makes you feel you can't add more pictures? You should be able to add the code and tags as many times as you like. You may want to add line breaks between them with <br><br>. I'm not sure about Music, except that there is a section for video on your profile. Have you tried putting the music in there? Peace, Teilflock [ send green star] [ accepted]
anonymous	March 02, 2007 9:47 PM Teilflock, I think it was the line breaks!! everything just started working!! And no, music doesn't work in the video area. darnit! Thanks for the advice!! Everyone here is so helpful and amazing! -Tina [report anonymous abuse] [ accepted]
Teil F.	March 04, 2007 9:02 AM That's great, Tina! I'm glad the pictures are working on your billboard! As for music, I have heard that people have made music work on their billboards and comments areas, but I have also heard of there being problems with doing this. Care2 apparently has concerns of security with embedding code, commonly used to play music. So there is apparently something in place that disables embedded code, and can cause other problems - I think. It is not something that anyone has been very clear about. Basically, you may find a way to play music on your profile, but it may lead to problems. It might be worthwhile to send in a Help Request form to ask Care2 about it. Perhaps they will provide a safe way of doing it. then you can share with the rest of us! Peace, Teilflock [ send green star] [ accepted]
Susan C.	Hi February 14, 2008 12:16 PM I tried to add a Visitor's Map from maploco to my Billboard and it came out so small. Anyone know why and/or how to fix it? Many thanks. Susan [ send green star] [ accepted]