Entries Tagged 'html help' ↓

Photohostess link generator

Many girls are now using Photohostess to host their images for Niteflirt. Unfortunately, although photohostess is intended to host photos for girls on Niteflirt and provide them with links to use, it does not provide you with Niteflirt-safe image code or the information you need to fix the links to make them work but keep them from getting your listing suspended.

In my last entry I gave instructions on how to clean up Photohostess links by editing them. That is no longer necessary. I have created a page that you can enter your image url, which will give you a working image link to copy.

There is also a second form which will generate a working link. So you can use it to create HTML code for payment mail buttons, image links to your blog, or whatever you want.

There is a third form you can use to create text links.

You must enter naked links with no tags. There should be no spaces in your links. If you miscopy, it will create HTML code for you that just won’t work. If you are making payment mail buttons, copy the plain HTML link from the window that comes up after you create or edit your payment mail button, not the popup that links from the payment mail index and provides you with a gray payment mail button code.

These are standard links. They will work with any text or image anywhere you need an HTML image or link code on the web. They will not modify your image size for you.

Photohostess link generator

Free Niteflirt Listing Template Generator

This isn’t intended to be a substitute for a full listing design and layout. It’s for those of you who have zero formatting on your listings and don’t know the first thing about it.

Pick your options, type your text in the Header text box and a paragraph of text in the Text area, and click the button. If you don’t like it, you can keep editing, because your text will stay in that box as long as you work on it.

All the text will run in together into one giant paragraph. Where you want a line break, copy and insert this: <br><p> into your listing edit window when you go to edit your listing.

That’s it!

LINK

Hopefully this will encourage you to learn a little more HTML.

For design geeks on Niteflirt

Oh YEAH I am getting into this! Niteflirt now has full external CSS stylesheet support!

If you know what that is, you may be as happy as I am, because right now I am streamlining all my listings and getting rid of every damned bit of inline formatting and html formatting. Yeah!

If you don’t know what that is, don’t worry about it. I may write some tutorials about it sometime, but it’s kind of a broad subject.

Somebody can now check to see if we can reference external javascript files, please. I won’t get to it at least until next week.

Reciprocal linking codes

Here’s the thing.

To get placed more highly in a Google search (who doesn’t want that?), you need to make Google think you’ve got a damned fine site. The higher the PR (Page Rank) you’ve got, the better a site Google thinks you’ve got, and the higher you will come up in a search for your chosen keywords.

One of the ways you do this is by getting links from other sites like yours.

One of the things Google looks at when deciding how good a site you have is incoming links. They look at how many sites are linking to you and what kind of sites they are. The people who wrote the algorithm decided that the more highly ranked sites you have linking to your site, the better quality your site is.

So if you’ve got a site that lots of people with good sites think their readers will want to read, they’ll link to you and you may get a boost out of this. The best way to do this is to start by having quality content on your site. Update your content regularly and people will return to see what’s new. They’ll give you links.

Of course, there are other ways to get links. Some sites will trade links with you. Google looks at links like this and sees that they are reciprocal, which means the two sites link to each other. A link like this is not worth as much to Google, but you may get some good traffic out of it.

When you make a reciprocal link, you should place the site’s link at least as well as they have placed yours. So if they link to your front page, you can link to their front page. If they’ve got a “links” page, you can put their link on your links page or on your front page. But be nice. Don’t hide their link someplace on your site if they are giving you a link to your front page. I have offered to trade links with girls who wanted me to link to their front page, while they were putting my link on a page that was behind a tiny text link. Another girl offered me a link on a password-protected page that nobody but flirts whose banners were on the page had the password to.

It’s the same with topsites. If they want you to host their image, then upload it to your site and link to the image there. Otherwise, use the code they gave you and put the link on the page you gave them.

Here’s a banner for this site:

The url for the image is
http://help4flirts.com/banners/banner.gif.
The code for linking is
<a href="http://help4flirts.com/"><img src="http://help4flirts.com/banners/banner.gif" border="0"></a>

I had to type that out in strange characters for you to see that. In order for the linking code to actually show up the way they need to copy it, you need to either type it in special html characters, format it with <pre></pre> tags:
<pre><a href="help4flirts.com/"><img src="http://help4flirts.com/banners/banner.gif" border="0"></a></pre>

your linking code

See how I didn’t actually put the linking code in there? This one doesn’t work in Wordpress.

Or you can put it in a textarea. “Cols” is the number of columns. Put more to make the textarea wider. “Rows” is the number of rows. You can increase or decrease, but you want the entire code to show without too much wasted white space.
<textarea cols="40" rows="3"><a href="http://help4flirts.com"><img src="http://help4flirts.com/banners/banner.gif" border="0"></a>

You can use any of these in an html page. You can’t use the ‘pre’ tags in Wordpress.

Font colors

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

More about fonts

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

Screencast tutorials: Changing font part 1

Changing Fonts

Screencast tutorials: paragraphs

Making Paragraphs with HTML

Screencast tutorials: Getting started in html

Headers

HTML: Adding another photo

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.