• Using JavaScript To Auto Scroll Text

    Date: 2011.02.24 | Category: Scripts | Response: 0

    Using JavaScript To Auto Scroll Text.

    There may come a time when you would like to have some text on a page that is simply just to big to fit on a single page. Of course, you could always create a new document for this text but, what if you could make the text actually scroll through the surfers browser?

    The following JavaScript will do just that.

    Place the following section of JavaScript coding between your <head> and </head> tags:

    <SCRIPT LANGUAGE=”JavaScript”>
    <!–

    function scrollit() {
    for (I=1; I<=1200; I++) window.scroll(1,I);
    }

    // –>
    </SCRIPT>

    Along with the following JavaScript coding someone in the Body of your page:

    <FORM>
    <INPUT type=button value=”scroll” onClick=”scrollit()”>
    </FORM>

    Have a play around with the numbers in the first section of the JavaScript to speed up and slow down the rate of scrolling until you find a speed that is easy on the eye.

    Article written by Lee

  • Gay Online Dating – Offering Your Surfers An Alternative

    Date: 2011.02.22 | Category: General | Response: 0

    Whilst adult websites remain the most highly concentrated method of making money for affiliate programs we have slowly started to see a trend over the past few months of affiliate programs adding a new kind of site to their regular lineup, online dating sites however, as webmasters working in the adult industry how can we successfully market these sites on our existing traffic base? This is what we are going to look at in this article.

    Gay Online Dating – Some Facts And Figures.

    As mentioned above many affiliate programs now offer some form of online dating site whether it is for gay men and women or for their straight counterparts there is very little mentioned about the target audience these types of site attract so, with that said lets look at some figures from a recent Nielsen report in respect of online dating sites.

    The online dating market is expected to grow to become an estimated $642 Million dollar industry by 2008.

    On average, a user on a dating site will spend 1hour 45 minutes on the dating network itself.

    The highest ranked age group (27.64%) for online dating sites is between the ages of 35 and 44 years old.

    Men are more likely to a) Browse online dating profiles, b) Post a profile on a dating site, c) Respond to a dating profile and, d) Pay for access to a dating site than women.

    So what does this mean for us marketing our sites to gay men and women well, straight off the bat you can see that there is going to be a considerable boom in the online dating world and, with that boom will come a rather satisfying chunk of change also, the age group that spends most time on a dating site as mentioned above is also within the demographical group for the ages of gay online surfers. In addition, males as mentioned, are also more likely to respond to, post, browse or, more importantly here, pay for access to an online dating site making this an ideal opportunity for those of us who actively promote a gay site lineup to start supplementing our income by offering our surfers access to dating sites too.

    Gay Adult Dating – Affiliate Programs.

    So now we have the figures where do we go to find a gay adult dating affiliate program? Well, there are a couple of options for us, there is the highly recognized outpersonals.com as well as the gay.com dating area however, surprisingly enough, the more ‘mainstream’ dating sites such as date.com, match.com and even adultfriendfinder.com all have sections within their sites for gay men and women as well as gay specific tour pages and promotional materials.

    Gay Online Dating – Where To Market Our Sponsor.

    As with any type of new affiliate program the best way to start marketing them is to place a link on a less prominent page of your site so as to not send your high converting traffic off to a sponsor that may not work for you however, if you have a good network of sites then you might like to try adding your newly found dating affiliate program on your sites ‘exit’ links or even create a TGP gallery specifically for your dating sponsor utilizing softcore content. Also, one thing that I have personally found is that using text links always garners more clicks thru to the dating site than a regular button or banner so again, this may be something you would like to try. In essence though, first test your gay dating sponsor on a minimal traffic source to see what effect it has on your overall site then, once you have ran a test period you can adjust your marketing efforts appropriately.

    Gay Adult Dating – Recap.

    As we have seen above the marketplace for online dating is going to grow to a multimillion dollar industry and, whilst we already know that gay surfers are more affluent and willing to spend money if we can match our sponsors to the type of site they are looking for, why not also offer them an alternative to porn? Many webmasters often overlook the basic principles of marketing that is to say, don’t just give a potential buyer one option but rather, give them several options, by utilizing dating affiliate programs on our sites we are not only giving the surfer an option but, are also giving us a potential opportunity to make more money.

    Article written by Le

  • International Billing Alternatives – Online Check Payments

    Date: 2011.02.23 | Category: Billing Solutions | Response: 0

    In my previous article i discussed the value involved with Premium Rate Phone billing as an option for your adult surfers and, staying on the topic of payment processing this article will take a closer look at the Online Check payment method or, ACH as it is commonly referred to.

    ACH (Online Check Payments) – What Is It?

    An online check payment is a method of allowing your customers to pay for their goods using their check’s online, in order for your customer to pay via a check they need to have available certain items these are, a current checking account, a valid routing number (found on the check) and, an account number. Funds paid via online checks are automatically debited from the customers bank account.

    Online Check Billing – How It Works.

    Online check payments are processed in real-time, surfers are automatically accepted and authenticated via their current billing address, social security or, driving license number, once they have been authenticated their payment details are then sent to the ACH (Automated Clearing House) system where this information is automatically accepted as long as the details provided are verified as correct.

    Online Check Payments – What Are The Costs?

    Utilizing the online check method of billing your customers is actually just as, if not more, cost effective as using online credit or debit cards, in effect, you are guaranteed the funds of the check once they clear as, in all reality, the surfer will not have such an easy time declaring the purchase as a ‘charge back’ because the information needed to pay via an online check is information that in reality, only they have access too.

    So, as with our previous articles, lets say your paysite membership fee for one month is US$35, a surfer signs up to your site using an online check, you make, approximately, US$33 from this membership for each and every month the customer (or surfer) chooses to renew their membership.

    The one main advantage with online checks however is that, surfers will often feel more ‘secure’ in using them to pay for 3 or 6 month memberships and, as long as their check clears your account, you are almost certainly guaranteed the funds.

    Online Check Billing – The Main Benefits.

    As mentioned above already, the primary benefit of the ACH payment method is that the customer will almost certainly have funds available in their online checking account to be able to meet the cost of the paysite membership, after all, they wouldn’t give out their banking details if they were not sure the payment would go through. In addition to this advantage there are also several other advantages to using Online Checks as a payment method for example:

    Increased Sales.
    Reduced Order + Billing Costs.
    Faster Payment.
    Reduced Credit Card Charge Backs.

    ACH Check Payments – Overview.

    Whilst ACH check payments are a good alternative for US surfers the one major drawback is that, in today’s global market place they are not a method of payment for international surfers unfortunately, at this time, there are no companies who can offer this service to my knowledge to the ever growing global population.

    That said, there is a place in the industry for check processing for adult payments and, with Visa breathing down our collective necks more and more, now would be an ideal time to take an in-depth look at this processing method.

    I hope this article has provided you with some useful information regarding the online check payment method.

    Article written by Lee

  • Building A Surfer Trap – Stage 4

    Date: 2011.02.21 | Category: Traffic | Response: 0

    Building A Surfer Trap – Stage 4.

    Here we go with stage 4 in our surfer trap.

    We should now have a pretty basic surfer trap set up with consoles on all of the FPA’s all of the links on all of the FPA’s (Excluding the FPA graphics) should go to either another FPA or, the a POTD Program.

    As mentioned in the last stage we are going to start building up some traffic to our surfer trap even though, we are not finished yet.

    The first place where you can get some good free traffic would be from a toplist counter.

    A good counter that I would recommend would be one of the following:

    Outster http://www.outster.com (A Gay Specific Counter)
    SexTracker http://www.sextracker.com (A General Adult Counter)

    You need to sign up to ONE of the above counters and only ONE.

    Usually a counter will ask you for some details when signing up for them these will usually include:

    Email Address.
    Site Url
    Name

    For the email address, enter a REAL email.
    For Your Name, Enter a name you wish to be known by to the counter owners.

    However, for the URL (The one to SEND traffic to FROM the counter) you should enter the index.html page of your surfer trap (The Multi-Site FPA).

    You will now be given some coding once you complete the counter sign up process. This counter code you now need to place on EVERY page of your surfer trap.

    Place the counter towards the bottom of your FPA’s (Including the Multi-Site FPA) this way, they will load after the rest of the graphics or at least, they should in theory.

    Basically what you are doing by implementing this counter is as follows:

    For each time the counter is displayed or clicked on your site (Depending on the counter you choose) you will earn one credit on the respective counters toplist.

    Each credit you earn on the toplist will move you higher up the list.

    Now, the higher up the list you get, the more visitors to the counter site that you are going to get visiting your surfer trap by clicking your link on the toplist.

    In return, by clicking on your surfer trap link from the toplist, they are ‘registering’ another impression of your counter hence, getting you one more ‘credit’ on the counter toplist hence, moving you higher in the listings.

    See where we are going with this?

    The more clicks you get from the counter to your hub, the higher you will get on the toplist in the process earning you more and more traffic to filter through your surfer trap.

    Adding these counter codes to your FPA’s as they stand at present should take you an hour or so to do so, for now this is where I will leave the traffic generation section of this tutorial.

    Article written by Lee

  • Cross Selling – Offer Your Surfers An Alternative

    Date: 2011.02.23 | Category: Promotion | Response: 0

    As webmasters our primary goal is to make money from our surfers in order to be successful at business, however, in order to make money from our surfers we need to constantly change the way in which we sell products and services to them.

    One such method of selling products to surfers is by using cross selling or, up selling as it is sometimes referred to in the industry. So what exactly is cross selling and, more importantly, what benefit does it give your business model? This is what we shall take a look at in this article.

    Cross Selling – The Basics.

    Cross selling is a method used by marketers to make the maximum amount of money out of a single sales lead at any given time regardless of whether you are working online or, in a bricks and mortar store cross selling is something that almost every sales person does from offering an extended warranty on a new television purchase to offering an affiliate product from inside your sites secure area.

    Cross Selling – How To.

    One of the easiest ways to initiate the cross selling process is simple to provide your site visitors with a selection of links going to a multitude of individual products, this may be a dating site, a software package or, something else, either way, by placing a selection of links on your main selling pages you have already initiated the cross selling process and, by doing so, have already increased your chance at making a sale.

    Cross Selling – New Customers.

    One method of cross selling that is becoming more and more prevalent on the internet is that of cross selling or, up-selling new customers immediately after they have made a purchase, this in itself is not a bad thing after all, you know they have money to spend so, why not use this fact to garner additional sales.

    One good way of offering cross sales to new customers is to give the an option on the actual shopping cart page immediately when they hit it, this may be for a site that complements the product they are making a purchase to already or, something completely different either way, by having this already on the order page waiting for your customer you might just make additional money from them.

    Cross Selling – Old Customers.

    So what happens when a customer leaves your site after making a purchase? Well there are two routes you can take with thee customers, one, is to leave them alone and hope that they return to buy from your site again whilst, the other, my personal preference, is to send these customers a regular follow up letter offering them a product they may be interested in based on their initial purchase after all, if they purchased a copy of Adobe Photoshop, the chances are they may also be interested in something such as Paint Shop Pro, why not give the surfer this as an option by placing a link in the follow up letter taking them to that specific area on your site.

    Cross Selling – Overview.

    When all is said and done, cross selling whether you agree with it or not is a very powerful sales tool, not only can it increase the revenue potentials from new clients but, can also enable any business a method of gaining further incomes from older customers, the one thing that you should all be doing on a regular basis is ensuring that you have a good cross selling strategy in place, regardless of whether you actually are selling memberships to sites, warranties on televisions or, mouse pads for new pc owners.

    Article written by Lee

  • Converting Japanese Traffic – The Niche Paysites That Work

    Date: 2011.02.21 | Category: Traffic | Response: 0

    Up to this point we have only looked at the European traffic sources and what niches convert for them however, we will now take a look at the Japanese specific adult surfers and, see just what makes them tick when they come to look online for porn.

    Japanese Adult Traffic – Dispelling The Myths.

    Contrary to popular beliefs Japanese porn surfers are not all looking for Bukakke or Hentai orientated adult sites in fact, the results we saw far from backed this up. Also, many webmasters believe Japanese traffic is worthless again, from our results this is simply not the case.

    Japanese Adult Traffic – The Niches.

    We were extremely pleased with the results we found from the Japanese traffic we got to our hub sites in fact, we altered the type of sponsors we used on our Japanese hubs so that we could see just how well this type of international adult traffic converted and, i think you will see the results are worthy of you sending your Japanese adult traffic to sites that do not encompass dialers as the only means of revenue for those surfers after reading this article.

    Asian.

    We set up a small niche specific ‘Asian’ hub trap that we could use to primarily filter our Japanese traffic through and, as we expected, very little of the traffic actually purchased memberships to these sites that were supposedly made specifically for Japanese surfers instead, all but 2 sales came from sites outside of this ‘Asian’ specific hub.

    Ebony.

    By far our best converting niche on Japanese traffic, the sales figures we saw from a join perspective were enough to warrant that we altered the rest of our hub site to ensure maximum exposure of the Ebony niche sites we were using to get them in front of the Japanese surfer as quickly as possible.

    Anime / Hentai / Toon.

    Again another surprise, the sales we saw on these niche paysites were lower overall when compared to sites in completely different niches what was also surprising about this is that the vast majority of adult webmasters will actively push their Japanese traffic to sites in this niche.

    Bukakke.

    Finding a Japanese Bukakke sponsors was impossible for us, instead, we opted to send the traffic to a US only paysite and, as expected, we had no sales for this niche on the Japanese traffic we saw flowing through our sites. As mentioned above with the Anime niche, this is often the first type of site adult webmasters will send their Japanese speaking traffic too and, as we thought, this is wrong.

    Teen.

    The teen niche converted really well for us, not as well as the ebony niche did but non the less, we received a steady amount of signups each month, this steady signup rate was also added to by recurring incomes from the previous months signups towards the end of our three month test period.

    Gay.

    As with the Bukakke niche paysite we received absolutely no sales to the Japanese gay paysite we used in our hub site this was surprising as even with the other international traffic we had gotten at least one sale a month but, alas, it seems the vast majority of Japanese surfers do not want to see naked men online.

    Amateur.

    Specifically amateur web cam sites converted for us on our Japanese traffic and again, this was good because of the rebills at the end of the month in fact, we still have some rebills continuing now some 5 months after our test period ended.

    Japanese Adult Surfers – An Overview.

    As expected at the start of the test period, Japanese adult surfers are not primarily interested in Bukakke and Anime sites in fact, it would appear they were primarily interested in the Ebony paysites we had to offer them. This is interesting in itself because, when offered ‘Asian’ niche paysites we only achieved 2 sales a month compared to the vast amount of sales to the Ebony niche, I think it might be worthwhile re-visiting Japanese traffic at a later date so we can evaluate exactly what preferences they have over time.

    One other thing we discovered when testing the Japanese traffic was that, as we have been saying for a long time, Japanese surfers do hold credit / debit cards and, will use them online if their needs can be matched. This is good as if, like us, you use recurring sponsors on this type of traffic you will see some good long term residual income.

    Article written by Lee

  • Anime vs. Cartoon – What Is The Difference?

    Date: 2011.02.21 | Category: Content | Response: 0

    Over the past three years I have written articles, been a guest on radio shows, and even been part of panels, all discussing the wonders and bewilderment of anime and hentai content. In that time, I thought I had covered most aspects of the niche, the content, the market, the huge underground following, the money making potential etc. Yet I am still being asked on a regular basis questions about the niche and especially about the confusion of what is anime vs. other toon type content. So I decided to re-visit the issue in this article.

    One of the newer occurrences that seems to have confused many a webmaster, is the recent surge of content providers now offering images that they have titled as anime. Many of these images are computer generated images (CGI) in 3D like format, which tend to portray almost life like images. While others are cartoon images in various styles, that while they do have their market, are certainly not anime.

    Anime and Bishoujo (also known as Hentai) images are very unique in their style and characterization. If you know certain key points about the art work, you will know if what you are looking at or purchasing can truly be termed anime. And believe me, your surfers or members definitely know the difference! Here are some of the key things that you can do to assure yourself of what you are getting:

    Eyes: The eyes are one of the most important features of anime style characters; they are the most expressive parts of the face, and are part of what makes each character different and recognizable. Large eyes are of course the one feature that most people associate with anime, but just making the eyes large is not enough. Anime characters’ eyes should always have at least some sort of shading. Anime females in particular tend to have really heavy shading and lots of shiny areas. Male characters have light glares in their eyes, too, though they often are not as large or obvious.

    Nose and Mouth: Anime style noses and mouths are pretty straightforward, they consists of three basic simple shapes: a wedge for the nose, a long, thin line for the mouth, and a shorter line to define the lower lip. You will rarely see teeth on an anime character, even when the character is seen with the mouth wide open.

    Hair: Hair styles of Anime characters are stylized, unique, and sometimes impossible to have in the real world. Any hair color is possible, be it blond, black, sky blue, light green, orange, pink, all the colors of the rainbow. Hair length is also unusual as most males have shoulder length hair and most females either have really short hair or their hair is at least four feet long.

    Now this is obviously a generalization as there will be some variance in images depending on the style of a particular artist. But in general, this is what the anime/hentai surfer will look for. The other key to authentic anime is the style itself, the art is hand drawn and until recently always hand inked or colored as well. Though some artists now draw the sketches by hand and color via the computer, it is still very easy to notice the difference in quality of hand drawn art.
    I am not saying that other artworks do not have their market, they certainly do! I just want to make sure, if you are promoting images as Anime that you are truly using anime images, otherwise your sales or sign ups will not be near what they could be.

    Now let’s visit toons shall we? Cartoons, toons, sexy toons, erotic art, erotic illustrations, what ever you want to call them, are also very popular with many surfers. Toons are just what they seem to be, illustrated drawing depicting various characters in an exaggerated form. These images are fantastic for use on or for promoting the mired of Toon sites out in the market today. Toons, like Anime can fulfill fantasies that cannot be realized in real life or with real people. If you can think of it, it can be drawn! There is high demand for quality sexy toons because the loyal surfers out there cannot get enough.

    There are things to watch out for however even in toon content. Copyrighted characters, this has been a popular debate among those of us that deal and make our living from anime and toons. A copyright is a copyright is a copyright! Whether it be created or shot, the characters belong to the creators. Even if the character has been modified to blur the identity, if it is a recognizable character, ie, Batman, Flintstones, Sailor Moon, DragonBallZ etc. then you can be opening yourself up to prosecution from the copyright holder. Many a webmaster can tell you about hearing from Nintendo, Disney, Marvel and many other companies on this issue. Some providers feel that since such images are a parody of the copyrighted characters, they are protected, and in some cases they might be. But unless you have very deep pockets or a rich uncle to help you win that court battle, I would strongly suggest you steer clear of this type of image.

    As with any content you purchase it is important that you do your research and know your provider! Just because some one is selling something, it does not automatically make it legal, nor does it indemnify you, if it is not illegal. Unfortunately, as in all business there are a few bad apples out there that are willing to risk their reputations and their business to make a few quick bucks. If a provider tells you that the anime/toon images they offer come from Japan, and it is ok to use them, because the Japanese artists do not care, run, do not walk from this provider because that is simply a lie. Japanese artists are very aware of the theft of their artwork and many are now utilizing the Bourne Convention (http://www.law.cornell.edu/treaties/berne/overview.html) to actively prosecute offenders throughout the world.

    I hope this has helped clear up some of the confusion about anime vs. cartoons, and as always I am more than happy to answer any questions you may have on the subject. You can always find me through my sites.

    Article written by Bestat

    http://www.exclusivecontent.com

  • Obscenity – Put It To The Test

    Date: 2011.02.23 | Category: Writing | Response: 0

    Regardless of how long any of us have been an adult webmaster we all need to be
    aware of obscenity laws and, in particular how they affect our businesses
    whether we think a hardcore photoset is ‘obscene’ or not ultimately, if you get
    taken to court on obscenity charges the one thing you should be aware of is how
    the courts will decide whether the images you are using will be classified as
    obscene or not.

    Testing Obscenity – The Miller Test.

    The Miller test was developed in the 1973 court case of Miller vs. California
    and in comprises of three parts ALL of which MUST be satisfied on order for
    something to be deemed obscene by the courts. The Miller test is the ‘official’
    method used by the United States Supreme Court for determining whether an
    expression or a speech can be determined as obscene and, if deemed obscene, it
    is not protected under the First Amendment and is therefore prohibited by law.

    The Miller Test – Part One.

    Part one of The Miller Test states something may be obscene if ‘the average
    person, applying contemporary adult community standards, would find that the
    work, taken as a whole, appeals to the prurient interest’ In essence, this
    means that if the ‘average’ person on a jury or on the bench finds the work to
    be deemed obscene then, it is. However for the court to rule something as
    obscene it also has to be deemed obscene by the standards set in part two and
    part three below.

    The Miller Test – Part Two.

    Part two of The Miller Test states that something is potentially obscene is
    ‘the average person, applying contemporary adult community standards, would
    find that the work depicts or describes, in a patently offensive way, sexual
    conduct’. Basically this is saying that if the images or speech is something
    which is not practiced in a manner befitting your local community standards
    then again, it may be obscene. However, as with part one of The Miller Test for
    a court to find something obscene it needs to fall below the standards in part
    three below.

    The Miller Test – Part Three.

    Part three of The Miller Test states that something is potentially obscene if,
    ‘a reasonable person would find that the work, taken as a whole, lacks serious
    literary, artistic, political, or scientific value.’ This is pretty much where
    you could potentially come unstuck after all, everyone has different sexual
    tastes and because of this, just because something that may be widespread such
    as ‘bare backing’ (to use as an example) could potentially be considered as
    obscene if you happen to have a jury who are devout practicers of safe sex.

    The Miller Test – Overview.

    In essence The Miller Test is a useful guideline for webmasters when it comes
    to operating our sites and specifically, when it comes to choosing the types of
    content we utilize on them however, for the most part The Miller Test itself is
    outdated. Since the early 70’s when this test was devised there have been many
    sexual practices that were once deemed obscene that have become more a part of
    everyday life and accepted in to society as whole thus, what once would (or
    could) have been deemed obscene would no longer be in the same sense as
    something that may be deemed obscene today could be found not to be in 5 years
    time.

    Article written by Lee

  • Guaranteed Marketing – Power Words

    Date: 2011.02.22 | Category: Search Engine Optimization, Writing | Response: 0

    How many webmasters do you think actually pay attention to what they are writing so far as their sales copy go? Furthermore, if you actually think about it, how much time do you put into choosing the words in which you use on your websites? With the help of this brief article hopefully, you will start to choose the words in which you use a little more carefully, let me explain.

    Power Words – What Are They?

    Power words are a set of roughly 10 words that can invoke interest in a person, object or, in our case, a product which we would like to sell however, they are also much more than that. When used in the correct manner power words can become a webmasters greatest selling tool. However, everyone has their own unique set of power words that will appeal to them over everybody else, the good thing is, for the most part there are at least 25 words which almost everybody will look positively towards.

    Power Words – The List.

    The following list is compiled from research at Yale University consisting of the most popular power words amongst a demographic of 1000 individuals of mixed sex. The words are, Discover, Easy, Guaranteed, Health, Love, Money, New, Proven, Results, Safety, Save and, You. By using these words in a variety of ways when writing our sales text we can almost be certain that we will keep the surfers attention and enable us to put the power of our marketing to good use.

    Power Words – Uses.

    As already mentioned, the best use for the most common power words on our sites is to use them within our text links either at the start of the sentence or, the absolute end. Take a look at the following example to see what i mean.

    1) High Converting Affiliate Program.
    2) Guaranteed To Convert Your Traffic.
    3) Turn Your Traffic In To Cash – Guaranteed.

    You can see from the three examples above the the first example doesn’t really catch your attention whilst examples number 2 and 3 somehow seem to pull you into the ‘spirit’ of the site itself without even knowing what affiliate program it is.

    By using this power word marketing technique as often as possible on your text links you can not only give your site visitor information but, compel them to click on your link.

    Power Words – An Overview.

    Hopefully you have seen from this brief article the ways in which power words can improve not only your text links pulling power but also how with the right marketing combination you can also use them to increase your sales.

    Article written by Lee

  • Cascading Style Sheet Basics

    Date: 2011.02.21 | Category: WebDesign | Response: 0

    CSS (Cascading Style Sheets) have been around for a while now, and act as a complement to plain old HTML files.

    Style sheets allow a developer to separate HTML code from formatting rules and styles. It seems like many HTML beginners’ under-estimate the power and flexibility of the style sheet. In this article, I’m going to describe what cascading style sheets are, their benefits, and two ways to implement them.

    Cascading What’s?

    They’re what chalk is to cheese, what ice-cream is to Jell-O they complement HTML and allow us to define the style (look and feel) for our entire site in just one file!

    They get their name from the fact that each different style declaration can be “cascaded” under the one above it, forming a parent-child relationship between the styles.

    They were quickly standardized, and both Internet Explorer and Netscape built their latest browser releases to match the CSS standard (or, to match it as closely as they could).

    So, you’re still wondering what a style sheet is? A style sheet is a free-flowing document that can either be referenced by, or included into a HTML document (Kind of like using SSI to call a file but not, if that makes sense). Style sheets use blocks of formatted code to define styles for existing HTML elements, or new styles, called ‘classes’.

    Style sheets can be used to change the height of some text, to change the background color of a page, to set the default border color of a table the list goes on and on. Put simply though, style sheets are used to set the formatting, color scheme and style of an HTML page.

    Style sheets should really be used instead of the standard , < b >, < i > and < u > tags because:

    One style sheet can be referenced from many pages, meaning that each file is kept to a minimum size and only requires only extra line to load the external style sheet file

    If you ever need to change any part of your sites look/feel, it can be done quickly and only needs to be done in one place: the style sheet and furthermore, it is done globally.

    With cascading style sheets, there are many page attributes that simply cannot be set without them: individual tags can have different background colors, borders, indents, shadows, etc.

    Style sheets can either be inline (included as part of a HTML document), or, referenced externally (Contained in a separate file and referenced from the HTML document). Inline style sheets are contained wholly within a HTML document and will only change the look and layout of that HTML file.

    Open your favorite text editor and enter the following code. Save the file as styles.html and open it in your browser:

    Cascading Style Sheet Example.

    h1
    {
    color: #636594;
    font-family: Verdana;
    size: 18pt;
    }

    This is one big H1 tag!

    When you fire up your browser, you should see the text “This is one big H1 tag!” in a large, blue Verdana font face.

    Let’s step through the style code step by step. Firstly, we have a pretty standard HTML header. The page starts with the tag followed by the tag. Next, we use a standard tag to set the title of the page we are working with.

    Notice, though, that before the tag is closed, we have our tag, its contents, and then the closing tag.

    h1
    {
    color: #636594;
    font-family: Verdana;
    size: 18pt;
    }

    When you add the style sheet code inline (as part of the HTML document), it must be bound by and tags respectively. Our example is working with the tag. We are changing three attributes of the ’s style: the text color (color), the font that any tags on the page will be displayed in (font-family), and lastly, the size of the font (size).

    The code between the { and } are known as the attributes. Our sample code has three. Try changing the hexadecimal value of the color attribute to #A00808 and then save and refresh the page. You should see the same text, just colored red instead of blue.

    An Example Of An External Style Sheet.

    External style sheets are similar to internal style sheets, however, they are stripped of the and tags, and need to be referenced from another HTML file to be used.

    Create a new file called “whatever.css” and enter the following code into it:

    h1
    {
    color: #a00808;
    font-family: Verdana;
    size: 18pt
    }

    Next, create a HTML file and name it test.html. Enter the following code into test.html:

    External Style Sheet Reference Example.

    This is one big H1 tag!

    As mentioned above, you can see that the actual code in whatever.css is exactly the same as it was in the inline example. In our HTML file, we simply place a tag in the section of our page. The rel=”stylesheet” attribute tells the browser that the link to the external file is a style sheet. The type=”text/css” attribute tells the browser that whatever.css is a text file containing CSS (cascading style sheet) declarations. Lastly, the href=”whatever.css” attribute tells the browser that the actual file we want to load is whatever.css.

    Conclusion.

    Well, there you have it, a quick look at style sheets and how to implement both an inline and external version. Checkout the links below if you’ve never worked with cascading style sheets before. You will be surprised at some of the things you can do with them!

    Article written by Lee.

Premium Sponsors















Categories

Site Links