This is the first thread of this sort in this forum. Its purpose is to provide a place for members to discuss with one another how to code in HTML, including both the more simple (and deprecated) tags for italics, underlining, font, etc. as well as the more complex table tags and div tags. HTML will not be enabled in posts; however, you can create a Google webpage for free by visiting this link and demonstrate HTML there.

Instructions for demonstrating HTML on Google Pages: Set your layout and look to be as simple as possible, and select the main content box and click on "Edit HTML" at the bottom-right to write HTML code into that box. Then click the Publish button near the top and it will give you a link to use in order to show off your page, which will look similar to http://yourname.googlepages.com/sample

NOTE: The Leaky Lounge is not responsible for inappropriate content that may be placed on someone's Google webpage that is linked from this thread. Click at your own risk. (just in case)

Keep in mind the title of this thread: members helping members. Please help one another to learn, as the technical staff don't always have the time to visit this thread, but also be aware that the people helping you might only be guessing at the right answer, so try to use resources such as tutorial sites in addition to this thread if you have questions or are confused.

--Nick

So, part one of learning HTML is formatting, or making your text appear in the way that you want it to appear. This is similar to formatting in Microsoft Word or other word processing programs, and it's also similar to the BB code that is used to format posts on this forum. You can change font, size, color, and several other things using HTML.

HTML is used by placing bits of code called tags around content on your webpage. Tags have different names based on what they do, such as the font tag or the table tag. A tag is made by putting angle brackets "<" and ">" around the tag name, like so:



In order to format a piece of text in HTML, you must surround that text by two tags, called the opening tag and the closing tag. Everything between the opening and closing tags will be formatted according to the type of tag you used. For example, if we use the u(nderline) and b(old) tags on bits of text, it would look like:



Most tags aren't this simple, though, and involve using attributes to define exactly how you want the text between the tags to change. Examples of the more useful formatting attributes inside their respective tags are:



For a more detailed description of HTML, plus several practice exercises, I recommend checking out the W3Schools tutorial on HTML, a free resource.

--Nick

Thank you for creating the forum Nick! I was just looking in some training modules at work to see if they had one to learn any programing and they didn't. I really want to learn, can't wait to see where this goes.

Has anybody tried this yet?

If so, have those who have tried it put the results somewhere online to show to everyone else?

I get the feeling that people are excited about this but aren't sure what to do, and the thing to do would be to try it out yourself and post the results onto a Google webpage (see above) or other sort of online location where everyone can see it.

--Nick

I'm taking the college Web Design course this year, so we're doing a lot of simple web pages and stuff in class at the moment. I'll upload some of them when I get time, basically we've been focusing on creating ordered/unordered lists, inserting images, formatting, and now hyperlinks and section "bookmarking". I'll try to make these available sometime within the next week. If there's something that you've been dying to know how to do with HTML, then let me know.

That's a good idea, JSBulldog89. In fact, I think what this thread needs is a poll in order to guage members' interests in various areas of HTML, so...I made one.

Please vote for whichever aspect of HTML you find yourself most interested in, and we'll try to deliver! I also put CSS up there because it's very intertwined with HTML as far as graphically designing a website. If there is an aspect of HTML or CSS not listed in the poll that you'd like to discuss, please say so in this thread.

Also: if any of you are interested in a Firefox extension that works as a dictionary of HTML and CSS (and Javascript) tags, attributes, styles, etc. along with links to detailed explanations of them, then look no further than here.

--Nick

The W3 School's HTML thing is pretty helpful, even for experienced people like me. Thanks for posting the link.

Quick question, what is CSS?

Wow! Thank you for linking to that tutorial site. I feel like I have the world at my fingertips now. Sounds corny, but I've always wondered how web pages were made. This opens a whole world of possibilities. Sorry, I can't get an account on that google thing 'cause I'm not allowed to text message, and thats required to make an account. Maybe, when I make a good page, I'll take a screenie and link to the picture.

JoanofMyself, you should be able to get an account without having to text message:
https://www.google.com/accounts/NewAccount

CSS stands for Cascading Style Sheets. It's a method of designing webpages without just relying on HTML--it goes beyond that and really allows a huge amount of control with how things are placed on the page, how they appear, and also how they change as the reader moves their mouse around or clicks on things. It stores "style" information (i.e. how the page should look) in a separate file, so by having several different pages use that same file, you can make your whole website full of pages have the same theme and overall style.

For example, the forum uses CSS to make the topics, the forums, the main board page, the control panels, the messenger, the posting screen, etc. look stylistically the same, and it does that in part by using the same CSS file for all of those pages. It also has a few other tricks up its sleeve to achieve this, like using the same global template throughout the Lounge, meaning that the whole top area and the sidebar are the same no matter which Lounge page you're looking at, and that gives a feeling of familiarity as one browses through different areas.

If you have any more specific questions, by all means ask them!

--Nick

Hmm, thanks for answering my question about CSS. I signed up for the google account you linked to. Thats something separate from the web page maker. I went to the link you had in your first post and signed in with my name account and it said, "Sorry, you're going to need a Gmail account." [b]Its okay though, I dont need one that badly.[/b]

I'd love to learn more about HTML and CSS! I work with HTML at work everyday (I make online courses for a university) and my simple HTML has been fine so far. I'd love to learn more so I can be more creative with my courses, and troubleshoot in the code a bit better. I haven't looked at the tutorial above yet, but I will soon! Thanks for posting it!

Sorry I haven't gotten around to posting any tutorials yet. Hopefully I will find time soon, it's something I haven't been able to have a whole lot of lately.

If you want to learn HTML and CSS, I do recommend W3Schools:

http://www.w3schools.com/css/ and
http://www.w3schools.com/html/.

I am currently trying to learn more HTML to make my website better. Can anyone help me with a small problem? How do you link to a website on your own site, using a button, if there is no HTML code to use? (TLC has HTML codes to use next to the buttons, but other websites just have the buttons and the url to their site.) Is this very complicated? Thanks for any answers!

you would use this

Thanks, that worked! I hope I can find out how to make a link to the images, now... !

Right-Click the image and select properties, then coopy and paster the image url given

Thanks very much to both of you! This wasn't difficult at all

Your Welcome, if you have any more questions about HTML and internet codeing feel free to ask me

Ok, When editing a Forum CSS, How do you get the Member Title in Italics and above the Avatar??? In forums I've been using they have been below and not in Italics, and It looks better on the Lounge! And I want to use it on a forum.

Thanks,

Ringo

I have seen that done too ringo, i recomend that you ask Gus from coc because he knows a lot about html. Or maybe someone here can help.

go deeper into your question because I am skilled at modifying and changing forums, templates, and mods.

Italics are done through this line of CSS:
font-style: italic;

Moving text from one place to another isn't done through the CSS, but rather tha HTML.

--Nick

How do you sort people into the Reading Groups? I have never seen this on any other forum or board, I was wondering how. I know that if you set the Permission Mask for that particulair Forum no one else can view it, but How do you do the Auto-Sort?

Thanks

Ringo

From a security standpoint, it wouldn't be smart for me to paste the code here. I'll just say that it basically distributes people evenly between the various reading groups by checking which one's got the fewest members and adding members to that one, so that they all grow at the same rate, and then sends out a welcome PM--it's something that was coded specifically for the Lounge--I don't think you'd be able to find a modification like it easily on the internet.

--Nick

Having a problem with your internet browser? Cookies tasting stale? Looking for that special Firefox extension? Is PhotoShop laughing at you and not with you? Has your motherboard become possessed by Peeves?

You've come to the right place! Post your question and other members can help you out with some fresh cookies and a Firefox plug or two.

This thread is for members seeking and giving technical help about issues that are not TLC/Leaky Lounge related. For help with things on the Lounge or on TLC, please visit the Knockturn Alley forum.

Please note that none of our Lounge members or staff are postng as technical support professionals in this thread--you the reader are responsible for any harm caused to your machine by help given in this thread, so please take the help with a grain of salt, and if your need is dire, see a trained professional for help (not a Harry Potter forum).

--Nick

I've removed a few topics from the Nerd's Corner forum that were non-discussional. Please repost if possible in this thread.

--Nick

Can anyone tell me how to get text like this?



I've tried everything I can think of, but it just doesn't look right.
I thought it would be either Times or Georgia in a really small size, but every time I try those, the words just get really pixelated and I can't even read what it says.

I tried it out and I see what you mean- ( flipped it so you could see the writing better)
(the writing on the bottom is what I did)

Its possible the person did something with it in photoshop or some other program that brightens it a bit.

I just downloaded my Harry potter cds into itunes. How can I get them to be one huge file instead of hundreds of individual chapters?

When this thread was created I thought it's too cool, I can post all those dumb questions I've always wanted to ask. But, I guess I was too embarrassed or paranoid about my computer lol...
Anyhoo, so Peeves has invaded my computer. Spooky fact #1. For the past couple days, for no apparent reason an hour glass kept appearing. Like nothing was happening, I wasnt doing anything or waiting for something, it would just appear.
Spooky fact #2. So I just started up my computer & the screen resolution has changed. The writing is huge & as a result pretty much nothing fits on the screen & I have a mile long slide bar thing.
Are these facts related, can screen resolution settings change themselfs & should I panic yet?

@Jerky6793: there are a number of audio-editing tools that would let you do that work, some of them are more complicated than others. I used Cakewalk a couple years ago, but I think it's too big (or has become too complicated for simpler minds) now, one I like is Audacity. It's pretty simple to learn, and to use. It's like copying and pasting all the different parts and chapters into a single file. You can get it at audacity.sourceforge.net

@Moose_Star: has your computer become slower too? apart from those changes, if there are any more you can notice, post them. It seems to have something to do with the memory, or the Video Card. Try readjusting the resolution and seeing if it grows big again after a restart. If it does, your monitor might be malfunctioning, or, as I said, your video card.

Thanks for the advice. Yes my computer has gotten slower, too. The spooky thing is, yesterday the resolution had reset itself to the size I usually have (I had not deleted cookies or done anything to cause the change). Just earlier I was working in Word off-line & when the computer started up, it had re-reset to I guess 600x800 (or whatever size causes the icons & stuff to be huge). So I restarted the computer before going online & it has changed again to the regular resolution.
I dont think it has a video card, it's kind of prehistoric. But, thank you

Well if it doesn't have a video cad, it means it's incorporated in the motherboard, which kinda sucks, cause if the problem is there, you would have to change it wholly. I don't see it as a software problem, I'm afraid

Erm... Is there a way to put stuff from iTunes to a MP3 player (not an iPod)?

I dont think so.... because itunes connects to usb cords into an ipod. However, you could try it.....

most people I know that have MP3 players, not ipods, use Windows Media Player to sync music, which works just as well.

How do I create a banner (using a ready made image) for a website? I'm now a moderator over at HP Diamonds and I want to make a banner so us mods can put it in our signatures on other forums and see if other HP fansites would put them up, but I need to create it before I do that. I have no idea how to do it. All I need to know is how to make it a link and have an html code so it can be copied and pasted.

Are you talking about things purchased on iTunes or things loaded from a CD? Most songs downloaded from iTunes are in a protected format which doesn't usually work on another mp3 player. If you are looking for something that you've loaded to iTunes from a CD, I would recommend using something like Windows Media Player to rip the CD to your computer and then load those WMA files onto your mp3 player. Most mp3 players I've encountered do play WMA files. I hope that answered your question.

If I'm understanding your post correctly, you have an image that you would like to use and just need the code to make it a link to your site? The html code would look a little something like this:I've put just a sample banner with a link to your forum. The only thing you would have to do is replace the URL of my sample picture with the URL of the picture you intend to use.

If you are looking to post it in your siggy here on the Lounge, you'll need to use BBCode, which would look like this:
Which would produce this:

Thanks Stewie!

I cant get on the Leaky Main page, I have tried on several different computers at several different locations. Leaky just doesnt want to load

is leaky down?

You can check for updates on the site in the TLC Main Site bug reports thread here:
http://www.leakylounge.com/index.php?showt...view=getnewpost

At the moment, the site is up.

--Nick

how do you change a .pbw into an .gif or .png or .rpg or .rpeg

I'd say using a program like photoshop would work, works for me when I want to do a gif to a jpg and what not.

Yes, except that .pbw is separate and cant be changed

On a different subject...I'd like to put a picture in my signature. Can anyone explain how I do this?

First you need the image you want. If you get a url, post back and we can go from there

Hem Hem...

(evile giggle)

Youll find an answer in the FAQ but in brief it works like this:

You need to ensure you have an image no wider than 200 pixels and no taller than 100 pixels. Store this on a image server like Photobucket or ImageShack and then you go to your control panel, where in your Personal Profile category you will see an "Edit My Signature" link.

Just add the image link there in the proper BBCode links and youre set.

You can have up to 5 lines of text including the link to your image.

If you have difficulties, feel free to PM a mod for assistance - we are here to help

Rudius you're good at explaining! Have you done it a lot?

As Rudius explained, you need to upload it on a server such as imageshack or photobucket. You need to right-click, save as the image, and then upload it on one of these sites, where it will give you a new url.

Then, once you have the new url, you go to Your Control Panel, and click "Edit My Signature"

Paste the url, and then add in img tags that will look like this:

Yes, well, being a moderator and a forum fairy does mean I spend a lot of time explaining things.

Lets wait and see if georgesear gets their signature up before patting ourselves on the back though.

Very true

Now, we wait

Thanks, I did it! First avatars, now this!