HTML tutorials for Niteflirt and other stuff

Changing font colors

Here’s a big chart of color names. There’s no guarantee that they will work on Niteflirt, but if you like one that doesn’t, just copy the hex code, hashmark and all, and put it instead of the color name.
Color reference

Web-safe fonts your visitor should have on his computer.

You can. What you need is the url, then you can import it into your movie.

This is the url of the rabbit video we’re going to embed.

http://youtube.com/watch?v=bZBHZT3a-FA

But that’s not enough information. It doesn’t have the whole filename, and it has that “watch” thing in it. The entire url you need is found in the embed code. I have made it bold for you.

<object width=”425″ height=”344″><param name=”movie” value=”http://www.youtube.com/v/bZBHZT3a-FA&hl=en&fs=1“></param><param name=”allowFullScreen” value=”true”<</param><embed src=”http://www.youtube.com/v/bZBHZT3a-FA&hl=en&fs=1″ type=”application/x-shockwave-flash” allowfullscreen=”true” width=”425″ height=”344″></embed></object>

Let’s compare them again and see the difference and similarities.

http://youtube.com/watch?v=bZBHZT3a-FA
http://www.youtube.com/v/bZBHZT3a-FA&hl=en&fs=1

Basically, what you have to do is find the ‘http://youtube.com/…’ part of the embed code and copy everything between the double quotes enclosing it.

Now let’s make a movie. Open SWISHmax 2. Select “create a new movie” from the splash screen.

I’m going to set the width at “475″ and the height at “380″. (Modify => Movie properties)

Select the rectangle tool and draw a rectangle toward the top of the screen. In the reshape panel, set the width to “475″ and the height to “380″—the size of the video. Set the background fill to “none”, the line color to “black”, and the line width to “0″. Set the reference point to upper-left and click the “x=0″ button in the transform panel. Set “x” and “y” both to “0″. The rectangle should be the same size and location on your screen as the movie.

With the rectangle selected, choose Modify => Grouping => Group as Movie clip. With the movie clip selected, switch to the script panel. Select Add Script => Events => Frame => onSelfEvent(load). Now select Add Script => External files and data =>Load/unload Movie Clip => loadMovie(…). Type or copy the filename into the “URL” field at the top, then type ‘this’ (no quotes) into the “Movie Clip” field.

Okay, let’s look. Switch back to layout view and click the “preview” arrow at the top of the screen.

There it is. Isn’t that rabbit cute?

Changing Fonts

This post is not for my regular readers, who I fully expect do not have Swishmax 2. This is for those of you out there who have Swishmax 2 (and Swishmax, too) and would like to use their preprogrammed text effects more, but can’t tell by looking at the lists what does what and which is which.

I made a flash movie which is a series of interactive charts based on screenshots of the dropdown menus. I just added a whole lot of little buttons to it which you can mouseover to watch the text effects beneath. It was tedious to do, but now I have the reference, and so do you. Enjoy!

The chart

Making Paragraphs with HTML

Headers

Does the fact that you have multiple accounts mean that you’re always struggling to change your availability on the others when you get a call on one, and missing calls and losing points?

Hypnotic Guy has a new free script you can use to help you sign in and out quicker. It requires a website which is php/CURL extension enabled. Unfortunately, that probably means that Godaddy’s out, but any other real webhost should work for it. It won’t work if your “website” is a hosted blog. Sorry, you need a real website. You will also need to be able to edit files, change filenames, and use ftp to put files on your server.

But anyway, here’s what it looks like. Click the link below the picture to go to his site and download. You can even click one of his buttons and give him a donation.

It does say something about this in the directions…but you need to upload all the files to a password-protected directory on your server. You may not have done this before, but it’s a good thing to be able to do. I can help you with it if Dreamhost is your host. Otherwise, look through your admin area or panel. If you don’t find it, contact tech support. They’re used to hearing this question, and they probably have an answer all ready for you.

I undoubtedly suck at Photoshop, since I don’t have it. But I have been watching this series of tutorials based on a guy’s breakup with his wife. It’s incredibly entertaining, and if you actually did the tutorials, you would be a lot less sucky at Photoshop.

If you haven’t been watching these, start with season 1 episode 1.

Link

Here’s what the listing looked like when we left off.

Just as a refresher, we added a photo here and formatted the text here.

What we’re going to do is add another photo to it, this one over on the right. Then we’ll add a photo that’s centered, and we’ll center the header text.

What we need to do is put the next photo in the second paragraph exactly the same way the first one went in. We take this piece of code

<img src=”http://help4flirts.com/images/portrait2.jpg“>

and insert it right after the header of the second paragraph, changing only the name of the image.

It looks like this, just like the last one did. There’s a photo inline with the beginning of the first sentence.

now we are going to align the photo to the right by adding ‘align=”right”‘ and put a little space between the text and the photo by adding a left margin of 5 pixels to it.
<img src=”http://help4flirts.com/images/portrait2.jpg” align=”right” style=”margin-left:5px”>

Now the photo is on the right side.

To center something, what we do is put <center>and</center> around it.
So if we put those around an image, the code will look like this:

<center><img src=”http://help4flirts.com/images/landscape.jpg”></center>
If we put these around the header text, the code will look like this:

<center><h1>Header</h1></center>

So what we do is put the center tags around both headers. We put center tags around an image we want to use as a header image. We get rid of all those line breaks (<br>), because we won’t be needing them anymore. And here’s what it looks like.