• Building A Surfer Trap – Stage 1

    Date: 2011.02.21 | Category: Traffic | Response: 0

    The last 2 weeks I have had a LOT of webmasters email and ICQ me regarding traffic and, not getting any sales.

    So, I thought it would be a good idea to make a step by step tutorial on building your own surfer trap.

    Now these are some of the arguments I have heard why people haven’t already built one over the last few weeks…

    * To complicated to follow.
    * I want surfers returning to my site.
    * Don’t have the time.

    The first two however seem to be the ones that I hear over and over again.

    First of all, a surfer trap IS NOT complicated, in fact, it is probably one of, if not THE easiest type of site to build.

    Secondly, Why get a surfer visiting your site over and over again if they are not paying for trial memberships? All you are doing is wasting your bandwidth.

    Thirdly, A surfer trap can be built over a period of time, my very first trap was built within 1 hour my next was built in a day and my next one was built in a week.

    So onto the start of building our surfer trap…

    The first thing that I want you to do is to look at the Multi-Site FPA’s that ARS in the marketing section and choose ONE of them.

    Download it, optimize the keywords on the FPA, make sure you add meta tags, titles descriptions and Alt tags on all images.

    Once you have done this, you now need to search through ALL of the single site FPA’s and download and optimize one for each of the ARS sites that you have on your Multi-Site FPA. (Even the gay sites!)

    This should take you 2-5 minutes for EACH FPA, any longer than that and you are doing TOO much work!

    Once you have all of the single FPA’s downloaded, optimized and uploaded onto your server that is the first stage completed.

    Article written by Lee

  • Gay Industry Networking – The Gay Boards

    Date: 2011.02.22 | Category: Promotion | Response: 0

    Gay Industry Networking – The Gay Boards.

    With so many ways for webmasters marketing straight sites in the adult industry to network I started to look at the various alternatives available to those webmasters who market gay sites to network and, although there are a few different ones about, they still seem to be few and far between.

    So What Boards Are There For Gay Webmasters?

    Presently, to my knowledge there are four dedicated gay boards that webmasters can utilize for networking purposes in the adult industry with several straight orientated resource sites having a gay board also these are as follows:

    The Gay Boards:

    Rock Me Hard
    Triple X Gay
    Gay Webmaster Chat
    Gay Wide Webmasters

    The Straight Sites With Gay Boards:

    Ynot Gay Board
    Xbiz Gay Board

    Obviously my favorite is The Gay Board at Gay Wide Webmasters but i am slightly biased towards that seeing as its one that we own privately however, the other boards are almost certainly worth a visit in addition to the GWW community forums.

    So what do these gay boards offer those marketing to the gay surfer that the straight boards cant? Simply put, it can offer you a place to network without fear of ridicule from your colleagues and peers in addition you will find that a lot of these gay boards have a wealth of information about the gay market being posted on them on an almost daily basis.

    It is also worth mentioning however that just with the numerous straight orientated message boards, the gay boards do have their own individual feel to them, for example, Rock Me Hard is what I would personally classify as a ‘fun’ board and Shelmal does a great job keeping the spirit of the board going likewise, Gay Webmaster Chat is more a board geared towards webmasters who operate traffic sites such as TGP’s and Link Lists which becomes apparent after reading a few threads. Gay Wide Webmasters is more a board with a wide reach but, primarily, it is a business orientated gay webmaster community and Triple X Gay, because it is fairly new is still, imho, trying to identify the direction it wants to take but non the less, a lot of the forum members posting there also post on GWW.

    The Gay Board – An Overview.

    When all is said and done, no matter whether you are gay, straight, black, white or any other demographic, focusing your attention to one type of board can become counter productive after a while, I mean how often can you hear from the same people over and over again before being given the same information again and again? Diversify your posting activities to include some of the gay market community forums and at the same time, you will also diversify your business knowledge which, im sure you will agree, is good for everyone, especially you and your bank account.

    Article written by Lee

  • Domain Name Extensions + SEO

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

    With a slew of new TLD (Top Level Domain) extensions being launched in the first quarter of 2004 in addition to the hundreds already available how many of us actually take time to consider that when we register a .com, .net or, .org domain how will these sites help or hinder us with our search engine work? This is what we will take a closer look at in this article.

    Domain Name Extensions – What Are They?

    First of all, before we look at how the extensions of our domain names can assist us in running our search engine optimization methods we need to understand what the TLD’s themselves are actually for. Domain name extensions are essentially a way to recognize specific locales via the usage of domain names so for example, the domain name extension .com were primarily set up as commercial domain names however, with the commercial use of this extension it has also become, without a doubt the most popular extension for individuals or companies registering new domain names. In addition to the TLD extensions there are also a selection of domains extensions ranging from industry specific extensions such as .aero to country specific extensions such as .co.uk.

    Domain Name Extensions And Search Engines.

    Now we understand what the domain name extensions were put in place for we can now start to look at how they may benefit us in terms of SEO (search engine optimization) for example, head across to http://www.google.com and do a search on something such as ‘penis pills’ you can see from the results shown (01/01/04) that the first 10 results are evenly spread across a range of domain name extensions ranging from .com to .net and also some smaller .go.ro domain extensions. This would lead us to assume that at the current time, Google specifically is not paying to much attention to the extensions of the domain names we are using however, given the recent updates of the last month or two across Google this has also cleaned up a lot of the results that were present 2 months prior to this search in which the .biz extension was highly populated in the rankings.

    Domain Name Extension Abuse + Spam.

    With this slew of new domain name extensions being launched what seems like yearly this also opens up a whole lot of new problems for the webmaster primarily that of the domain name spam. Because domain names can be registered for as little as $5 per year many webmasters have taken to purchasing them, using them to spam the search engines and then, once the search engines discover the spam and remove the offending domains, the webmaster then moves on to new domains in effect, making domain names a disposable commodity to them. Whilst this method will certainly garner traffic for the search engine spammer it will also in turn mean that the traffic that honest webmasters receive from the search engines will be lower.

    Domain Name Extensions And Optimization.

    Hopefully this brief article has given you a little insight into how domain name extensions can both benefit and also detriment your business, by choosing your domain name extensions carefully and, making sure you do your best not to spam the search engines you can make some serious income from pure search engine traffic however, once you start to buy domain names with lesser known extensions to purely spam the search engines you are not only wasting your own money but, are also potentially wasting other hard working webmasters money too.

    Article written by Lee

  • Niche Marketing – What Is A Niche?

    Date: 2011.02.23 | Category: Promotion | Response: 0

    The first step as webmasters we must take to become successful is to discover what our niche specialty is however, many webmasters still do not realize exactly what a niche is.

    In fact, from the webmasters I have spoken to it would seem that a ‘niche’ is just another word for the main topics of pornography, Teen, Asian, Fetish, Gay, Straight, the list goes on and, whilst this list is never ending they are all niches in themselves however, you need to look beyond the top level niche and start to develop a feel, a stance of your own as to what niche you will work on for example, Asian Midgets, you probably cant get more niche than that in this day and age however, realistically, the chances of you a) being able to find the content for this niche and b) Being able to find a sponsor are remarkably thin.

    That said, if you can find a niche that you like personally, whether that be she-male, midgets, straight or, gay, this will give you a solid foundation to market your sites on especially if you build on your already vast knowledge of what turns you on.

    Now, onto breaking down the niche you are comfortable working in..

    Lets say for arguments sake that you have chosen to concentrate on the ‘Gay’ market,, within this market (as with any other) there is a remarkable amount of ‘sub-niches’ and, these are what you need to build your business around whether you want to or not, the ‘sub-niches’ of any given adult market is where the $$$ can be earned.

    Now using the gay market as an example the first few niches that come to mind are:

    Twink’s – Young looking hairless 18 – 20 year olds.
    Bear’s – Hairy men over the age of 20.
    Hunk’s – Muscular looking guys in the age group of 20 – 30 .
    Straight Guys – Yes, that’s right, gay men get off on looking at straight guys.

    As you can see from the above four examples we can now start targeting our market audience a lot better.

    The next thing we need to do now that we have found the niche and the sub-niche we will be working is to look for a sponsor that complements the niche of our choice, this is the hard part. Many webmasters will go directly to the highest paying sponsor and throw links up to their ‘sub-niche’ pay site not even looking at the sites tour or members area. This is a huge mistake, the first thing you NEED to do is to look over the sponsors paysites and, more importantly, the sponsors site tour AND members area. What point is there sending your surfers who are after Twink’s if, your sponsors tour has images of a load of guys over the Twink age bracket?

    From this point on and, after you have chosen a suitable tour to send your traffic to you need to build up a flow of ‘niche’ traffic the chances are, if you submit your TGP gallery to an ‘all gay’ TGP that you will receive a substantial amount of unfiltered traffic making your hard work in choosing your sponsors tour worthless.

    So how do you choose a traffic source that is right for you? Simple, you need to experiment, start of with your niche TGP’s, Top Lists, Links Lists etc and see what happens, how much traffic are you being sent from your chosen traffic source and, more importantly, how much of this traffic is actually clicking through to your sponsors tour. Once you can get an idea of what traffic you are being sent from what traffic source you have won more than half of the battle already.

    Record EVERY possible detail about your traffic sources that you can, how much traffic they send a day, how many visits your sponsor gets, how many sales you made, what content you were using etc, etc.

    Once you have a working list of data to use you can start to abuse and filter your traffic like you would have not thought imaginable, if one of your sponsors has a higher payout on Bear traffic, then you instantly know what traffic source gives you traffic for that niche and, you can utilize that information to your benefit.

    The most important thing to remember however when marketing a niche is that you need to have patience, you need to use a process of trial and error and, more importantly, you need to experiment, just because TGP A sends you 100,000 hits of Twink traffic one day, it doesn’t mean you will get the same quantity of niche traffic the next.

    Article written by Le

  • Resource Forums – The Changing Face Of The Adult Industry

    Date: 2011.02.24 | Category: General | Response: 0

    Online adult webmaster resource sites are becoming a thing of the past instead, we have witnessed a new breed of resource site being birthed in the adult industry, the resource forum. It seems like almost every major adult sponsor and webmaster has their own resource forum as of the current time however, what is making these forums stand out from one another and, more importantly, can you actually learn anything valuable from them.

    Webmaster Resource Forums.

    Back in the day there were only a handful of resource forums made available for adult webmasters to educate themselves further, these included such sites as Ynot Masters, Netpond (then The Condom Chronicles) and Porn Resource, however, to date there are no less than 200 webmaster resource forums floating around the internet for adult webmasters to post on.

    With this amount of resource forums available to webmasters it seem impossible that many webmasters cant be making a profit however, upon closer inspection a disturbing trend seems to be taking place.

    Resource Forums – Webmasters Posts.

    With the sudden surge of webmaster resource forums in the last 6-12 months there is one thing that is apparent, most of, if not all of the resource forums to have spawned during this time have one thing in common, the webmasters who post on them, often, these webmasters are posting for a single reason, to get other webmasters to click on their signatures, nothing more, nothing less.

    It would appear that the adult industry is heading towards a meltdown of the adult resource forums, with more and more webmasters grabbing free scripts such as phpbb to load onto their domain and launch their own resource forum it would appear at first glance as if the industry is a thriving community of webmasters all willingly helping each other out however, this is not the case, instead, we find post after post duplicated across multiple resource forums in the effort of making the longest thread, getting the most page views and, ultimately, getting the most signature clicks.

    Webmaster Resources.

    So with all of this going on what’s happening to the actual resource sites? Well they are still around and, they are still being used however, these have now become second place to the message forum, often as mentioned above, webmasters will post the same message on several message boards and get several replies of exactly the same answer from exactly the same people. Whilst this in itself is a good thing (the exchange of information) my personal feelings are that we are heading towards an excess of resource forums and, whilst communication is needed, there also becomes a point at which you can get an information overload, new webmasters entering the adult industry will see the variety of forums made available to them and start posting however, in doing so they forget the one thing that they actually should be doing, working.

    Webmaster Resource Forums – Overview.

    I think within the next 12 months we are going to see one of two things start to happen, either the resource forum phenomenon will continue as it is doing now or, the resource forum will become a thing of the past whilst a new medium takes its place, one thing is certain though all these webmasters posting on forums to get sig views and post counts are not doing the one thing they should be, making money and, this becomes all to apparent after watching the same old posts, make the rounds to the same old forums time and time again.

    Resource forums can be great help to the adult webmaster however, at the same time, they can also become a webmasters biggest downfall, remember why resource forums are there, to help you when you need it and to socialize when you have to, at what point to do you stop getting help and start becoming a post whore? Well only you can answer that question.

    Article written by Lee

  • What’s In A Niche?

    Date: 2011.02.24 | Category: General | Response: 0

    Many webmasters realize what the different ‘fetishes’ the surfers have are but, how many of us realize these are actually niches and, how many of realize that these niches can be broken down into smaller sub niches of the particular fetish the surfer is looking for?

    Lets take an example of say, the ‘lesbian’ niche.

    Of course we all know what the lesbian niche entails, two women getting naked with each other right? Wrong.

    There is much more to it than that, for example, obviously lesbian sites appeal to, well, they appeal to guys who want to fantasize about getting it on with two women but, what about the female surfers? Sure, some women probably join lesbian paysites too.

    That’s one ‘sub-niche’ of lesbian right there, this can be broken down even further though for examples, Ebony Lesbians, Teenage Lesbians, Mature Lesbians, the list goes on and on and on.

    So how do we choose a niche to market in adult?

    The first and foremost thing you should try when choosing ‘your’ niche is to try something that either excites you or, appeals to you in a non sexual manner, if you are into Lesbian Midgets getting it on, then start off with that for your niche.

    Likewise, if guys getting down and dirty is the thing that floats your boat, choose that as your niche, you should already know enough about the niche you choose primarily to be able to sell something to the surfer. If it excites you, it will more than likely excite a surfer and result in a sale.

    Of course, the above statement isn’t always true, I know plenty of straight webmasters who market the gay niche VERY successfully, they have found a method that works for them and developed their business from there it probably wasn’t easy at the start but, nothing easy will make you the ‘real’ money that there is in adult.

    You need to experiment, constantly adapt and change the way you do business, if you try something and it doesn’t work, ask yourself why, what could you have changed that might have made a difference and, instead of changing it on the first site you built, change it on your next one, that way, even though it may not work at this moment in time, you will no doubt find it will work at a later date just as you will find that something that works well for you now may not work at all later on in your business career.

    Once you have mastered a general niche you should then think about trying some of the sub niches that are available to you, there is more to teen than than just cute teenage girls lying naked on a bed and getting screwed rotten by some guy. just as you saw there was more to the lesbian niche above.

    Take your sponsors tour for ideas, often you will notice things that spark some though and, once you have that spark, you should ensure it develops into a flame.

    Even something as simple as a tattoo on a model or a piercing can be the tart of a whole new niche, look at the things that other webmasters may not be, just because there isn’t a proliferation of teenage pierced lesbian sites, doesn’t mean that someone doesn’t want to join one and, who knows, that weird sexual fetish you build a site for now may become popular in 6 months time.

    Basically, what I am trying to say is that as adult webmasters we need to investigate all aspects of the niche we want to or, currently do market, just because a surfer comes to the front page of a lesbian site, doesn’t mean that they wont also be interested in an ebony site, its all down to how we market our sponsors paysites as webmasters.

    Article written by Lee

  • Online Dating Programs – Working The Adult Angle

    Date: 2011.02.23 | Category: Sponsors | Response: 0

    As the industry starts to feel the effects over the coming months from the whole Visa situation the one thing that, at present seems to be true of the adult industry is that more and more webmaster/companies are looking to increase their revenues by utilizing mainstream sponsors on their sites. However in addition to this, the adult dating program appears to have been overlooked at least up until now.

    Online Dating Sites – The Options.

    There are actually a few good online personals sites available for adult webmasters to promote ranging from Love At First Click through the Advertising Revenue Service program to specific dating sites such as Match.com and Date.com. One thing is overwhelmingly consistent however regardless of which sponsor you use for your dating traffic, they all have a relatively low payout when compared to the ‘norm’ in adult sites with payouts ranging from $1 to $5 per signup.

    Marketing Dating Sites.

    So how should webmasters market dating sites in conjunction with their current streams of traffic, this is actually a lot easier than you may think for example, almost everyone has an exit link on their free sites, you could utilize this exit link to send traffic to a dating affiliate program in fact, you could also utilize a dating affiliate program on your exit consoles or even on TGP galleries instead of pay sites. The opportunities for you to make money by placing dating affiliate program banners on your web pages are virtually endless.

    Online Personals – Sales Techniques.

    When selling online dating sites there are, in addition to the abundant methods of generating the traffic, many different methods of generating your marketing speech to the surfers, you should ideally try a selection of methods on your sites to find out exactly which method works best for you. As an example of this, if you are using a dating program on a softcore site, you might want to try a hardcore approach to selling your dating sponsor in much the same way as you would sell a hardcore pay site except not as highly graphic. In comparison, if you have a TGP gallery you may like to tell your surfer that rather than looking at sex, they might actually be able to get sex for a change. The ways in which you can entice your surfers to your dating affiliate program are virtually limitless.

    Marketing Dating Sites – An Overview.

    Whether you are already using or are planning to use dating sites, the one thing you must do is ensure that you choose wisely not only the words for selling the site to your surfer but also the placement of the promotional material, a well placed text link can have a higher impact on your overall sales than a badly placed banner and well, the same is true in reverse, find out where you are missing out on opportunities to upsell your surfers to an online dating site.

    Article written by Lee

  • Sample Adult Model Release Form

    Date: 2011.02.21 | Category: Forms & Contracts | Response: 0

    For many webmasters the option of being able to shoot their own content is a wholly viable one as such, you should ensure that the models you are using sign a suitable release form. Below we have set together a pretty industry standard model release form which you may duplicate if you so wish. European Webmasters would however, recommend that you get professional legal advice in respect of this matter and that this is no substitution for proper legal advice.

    I, (Please Print) ____________________ (Model), for good and valuable consideration, the receipt of which is acknowledged, give to [INSERT YOUR LEGAL NAME HERE] (Photographer), his legal representatives, successors, and all persons or corporations acting with his permission, unrestricted permission to copyright and/or use, and/or publish photographic portraits or pictures of me, and the negatives, transparencies, prints, or digital information pertaining to them, in still, single, multiple, moving or video format, or in which I may be included in whole or in part, or composite, or distorted in form, or reproductions thereof, in color or otherwise, made through any media in his studio or elsewhere for art, or any other lawful purpose.

    I hereby waive any right that I may have to inspect and approve the finished product or copy that may be used in connection with an image that the Photographer has taken of me, or the use to which it may be applied.

    I further release the Photographer, or others for whom he is acting, from any claims for remuneration associated with any form of damage, foreseen or unforeseen, associated with the proper commercial or artistic use of these images unless it can be shown that said reproduction was maliciously caused, produced and published for the sole purpose of subjecting me to conspicuous ridicule, scandal, reproach, scorn and indignity.

    I acknowledge that the photography session was conducted in a completely proper and highly professional manner, and this release was willingly signed at its termination.

    I certify that I am not a minor under the laws where I live, and am free and able to give such consent.

    Model’s signature:_________________________ day___/month___/year_____ Address:___________________________________ City:______________________________________ State/Province:______________________________ Country:___________________________________
    Zip/Postal Code:_____________________________
    Country area code and home telephone number:(______)____________________________
    Witness (non family member):___________________________________
    Witness (non family member):___________________________________
    This form will be retained with the negatives, transparencies, digital media, and/or contact sheets. day___/month___/year_____ {INSERT YOUR LEGAL NAME HERE}.

    The above model release form is to be used as a mere example form and, when entering into any contractual agreement with any model for photographic / video work you should always seek proper legal advice.

    Article written by Lee.

  • How To Use ALT Tags On Your Sites

    Date: 2011.02.24 | Category: WebDesign | Response: 0

    One simple technique can improve your search engine rank, make site navigation easier, and increase the accessibility of your site to disabled visitors. Yet, as many as 78% of sites don’t use it! Boost your site’s profile with human visitors and search engine spiders with the <ALT> tag.

    Inserting ALT Text

    Adding <ALT> descriptions to your <IMG> tags is quick and easy. You don’t have to do any complex HTML coding. If you can describe your image or link, then you can add ALT tags to your code.

    We’ve used some examples below:

    <img src="thumbnails/porn.jpg" 
      width="100" height="78" ALT="Explicit Teenage Sex Pictures">

    You can also include an ALT tag when your image is a link:

    <a href="porn.html"> 
    <img src="thumbnails/porn.jpg" 
    width="100" height="78" ALT="Explicit Teenage Sex Pictures"></a>

    Ideally, your ALT text descriptions should be complete sentences, rather than a list of keywords or obscure phrase like “company logo small 2.” Remember that all visitors are likely to see (or hear) some version of your ALT text so be sure that it’s meaningful.

    Optimize ALT Descriptions For Search Engines

    Besides helping human visitors, ALT descriptions help you rank higher in some search engines. AltaVista and Google are two of the search engines that use ALT descriptive text when they rank Web sites. The growth of search engine/directory partnerships means that a high rank in one engine can often translate into an improved rank on its partner sites.

    Search engine algorithms calculate the number of times keywords are repeated and give higher rank to pages that use them often. Keywords in the ALT descriptive text help you increase their frequency on the page. Search engines assume the terms are more relevant and important if they’re used in the page content, not just listed in the META tag.

    For instance, the descriptive text in the example code uses keywords and keyword phrases from the META keyword tag: Explicit Teenage Sex Pictures. Since these are relevant to the site’s content, they’re easy to include as descriptive text.

    If you’re having problems choosing relevant, targeted keywords, refer to this article, How To Pick Your Keywords. It provides helpful tips about selecting keywords and using them to improve your search engine ranking.

    Make Your Web Site Sticky

    ALT tags help you promote your site in another way too: they help make it “sticky.” Sticky means that visitors stay at your site longer so they see your advertising and purchase your memberships. Visitors who feel comfortable at a site will stay longer – and hopefully return more often to make further purchases.

    Disabled visitors who use text-only or spoken word browsers rely on the ALT text for clues about the image’s content and function. This can be a lucrative audience: they represent a worldwide audience of 750 million and spend twice as much time online as the average user. But it isn’t just a disability issue: ALT tags make your site more accessible to everyone.

    Visitors see your ALT text while the images are downloading or when they mouse over images. The descriptive text helps them decide if they want to wait for an image to download or move on to a different page. If your image is also a link, then visitors can read the explanatory text and quickly jump to the section they want.

    Site navigation is easier, so impatient visitors are less likely to leave the site.

    Don’t Follow The Crowd

    ALT tags are a small addition to your HTML code that can make a big impact on your site. Since many of your competitors don’t use them, give your site and edge and include them on all images.

    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