Masters Of Discipline – Have You Got What It Takes?

Date: 2011.02.22 | Category: General | Response: 0

So you want to throw in your day job and become a full time adult Webmaster? Well yeah, I can hear you saying, “Who wouldn’t want to be surrounded by pictures of beautiful women all day, make up their own hours, and be the master of their own destiny?” It just sounds sooo good when it’s put like that doesn’t it?

Before you tell your boss you quit, you might want to read this article first, as the reality of working in this industry and especially for yourself can be a real wake up call for many.

The main thing you need to succeed in this business is discipline, and lots of it. If there are temptations when you work for someone else to slack off, take a sick day, or simply not bother showing up, then you can double those temptations when you work for yourself.

It’s so easy to roll over in the morning rather than get out of bed, stagger to the PC, and actually work.

It’s so easy to decide to take the day off when the sun is shining and the beach is calling. You simply tell yourself you’ll make up for it tonight, and then find yourself coming home at 3am.

It’s so easy to not actually work, when you work for yourself, that at times it can be unreal.

The reality of doing any of the above is longer nights, less sleep, and almost inevitably smaller paychecks.

Structure Your Day.

The answer to this problem is to really think about your working day and give it some structure, just as you would if you worked for someone else. Work set hours and take frequent breaks. When you work for someone else they make you take breaks for a variety of reasons, but mostly, because as research has proved, you’ll be more productive after one. It’s also important to make sure others know your hours as well, and always remember to add what time zone you are located in on any correspondence. There is nothing worse than being awoken by an associate at 3am because you forgot that little detail!

Set A Routine.

Get into a routine! There are various tasks that must be done each week no mater how boring. By creating a work routine, you can control your time and structure the more boring jobs at the end of the day when for most our creativity levels are less. You can also structure that routine as I do, when I’ve finished those boring tasks at the end of each day, I reward myself with some time doing what I want to do.

Going Solo.

This can be a lonely business and if you don’t like working alone then maybe it’s not the right one for you. You’ll likely spend many hours in your own company and as someone else pointed out to me, while boards and instant messengers are great, they can also eat heavily into your working time if you’re not careful. Personally, I use the boards and chats as a treat when I’ve accomplished a goal, unless I need to talk to someone in order to get that set goal done.

If, like me, your office is in your home, in reality you never really leave work. It’s just always there and there is always something else to be done, and it’s so tempting just to work a few more hours. Having the discipline to stick to your office hours is the trick and where structure comes into play. The saying all work and no play makes Jack/Jill a dull boy/girl is really true here.

The biggest trick of all though, is learning to recognize your limits. Set them and stick to them. Unlike in the normal workplace, you won’t have the big cheese or even the little one watching over your shoulder, making sure you work or making sure that your paycheck and your bills are covered each week. That’s up to you now.

Think Before You Leap.

Another thing you need to consider is can you REALLY afford to give up your day job? Working for someone else means that for the most part you will have a reliable pay check each week or month, when you work for yourself you loose that security. There are other things to consider as well like health insurance, book keeping and how exactly you are going to pay for them. Of course if there is another bread winner in the house this may not be of such a concern, but it’s still something you should consider before you give in your slip. As a general rule of thumb, if you’re considering going it alone, don’t, at least not until you have enough cash saved to cover any outgoings you might have over a six months period.

How well do you know the law? If you think the law doesn’t affect you because your just one person working from home then think again. If you don’t know your Title 18 USC 2257 from your arse then you may be heading for trouble. Standing in front of a judge and saying I didn’t know won’t get you out of a heavy fine or even a prison sentence.

The real questions you need to ask yourself now are you up to the challenge, and do you have the personal discipline to make this work for you?

Article written by Jenne.

http://www.clitical.com.

Adult Employment Vacancies

Date: 2011.02.21 | Category: Employment | Response: 0

For some the prospect of being able to work for another company online is something that they may ultimately want to pursue however, just how do you go about finding work for one of the many adult companies and, more importantly, how can you ensure that you have a better chance of being hired for the job once you find the position you would like to have at the company?

Online Adult Employment – Job Types.

Working in the adult industry can take many forms however, the most commonly perceived adult industry job is that of a model but, what about other online job vacancies such as graphics designer, marketing manager, sales director, and webmaster support representative, just how do you find out what companies are hiring and more importantly, what adult employment vacancies they have.

Adult Employment Agencies.

For many webmasters the chances of finding employment in the adult industry at a ‘regular’ online employment agency such as monster.com may seem impossible however, that said, many of the larger companies have realized the value of the mainstream employment agencies and, as such are now advertising on these sites for their staff but where else can you look? Well there are actually several adult industry employment sites that adult webmasters can look at to find their ideal job for example Adult Staffing, Sexy Jobs and, Adult Help Wanted in addition to several smaller sites operated by companies such as Cybererotica.

Improving Your Employment Chances.

So now you know where to look for adult employment opportunities what can you do to ensure you have a greater chance of being hired? Well as with the mainstream bricks and mortar job market having a good curriculum vitae (CV) can be a good start, ensure you keep your CV regularly updated and that it contains pertinent information for the type of job vacancy you are looking for in addition, often the first method of contact you will make with these potential employers will be via email or cover letter, make sure that you spend some time to write a letter that is not only noticeable but, interesting and, more importantly, grammatically correct. Demonstrate in this first stage of contact with your potential future adult employer that you take pride in your work and, you might just get bumped to the top of the ‘must see’ applicants.

Adult Jobs – Overview.

Many webmasters forget that there is more to the online adult industry than being able to party with the best of us and, whilst this does form a chunk of the industry overall it is not conducive of you further enhancing your online career, take the time to investigate all of the avenues available to you and, most importantly, make sure you choose a job that you not only want to do but one that you will enjoy, your reputation is the one thing that a potential adult employer will take into consideration, if you have had several previous jobs all lasting for short periods of time, it wont look as good to them as if you have only had a couple of jobs for a lengthier time frame. Most of all remember that whenever you contact a company looking for employers, make sure you are prepared and professional even if it is just sending them a quick email asking for further information.

Article written by Lee.

Calling Complete JavaScript’s With One Line Of HTML Code

Date: 2011.02.21 | Category: WebDesign | Response: 0

We all know that some JavaScript coding can be excessive and add considerable amounts of additional coding to our pages making them both slower and less search engine friendly however, what if I told you there was a way you could call the EXACT same JavaScript functions you are calling now by using a single line of code and, in the process you would NEVER have to find a specific piece of JavaScript again as you would instantly know where it was saved.

You would probably think the above is in fact very time consuming but, it actually takes no time at all.

The secret is to copy and paste the JavaScript into a plain text file and save that on your server somewhere. However, instead of saving it as a .txt extension save this file as a .js extension and, to make it easier still to find, when you upload this file to your server place it in a directory called /JavaScript/.

That’s pretty much it, easy huh?

Now comes the part of actually getting the JavaScript to work on your web pages, what you need to do instead of using the complete JavaScript coding that you usually would if you wanted to make a pop-up console appear is to use the following coding placed between your <head> and </head> tags:

<script language=”JavaScript” src=”../JavaScript/popup.js”></script>

That will now call the popup.js file or whatever it was you called it from your server and make the JavaScript function work for your surfers with JavaScript enabled in their browser.

As you can see, not only does using this method save you a considerable amount of time but, it will also make your pages more search engine friendly as spiders will not have to work their way through a lot of heavily JavaScript before they get to your SE content.

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

Marketing to Foreign Surfers

Date: 2011.02.22 | Category: Promotion | Response: 0

Marketing to Foreign Surfers.

What would you do if I told you that there are 3 million plus new surfers last year that you did not market too? You probably marketed your product or adult site to those that could read English well enough to be searching with English terms. How about the growing numbers of surfers with English as their second language?

According to Nielsen/Net Ratings, from September 2000 to 2001, Italy’s online population grew by 3,540,970 users: about one new user every ten seconds. Italy is just one of the non-English speaking countries that is coming online at lightening fast speed.

Are you relying on these surfers searching for your English keywords? Are you thinking that every language uses the words “porn and hardcore” and what about the finer niches like “bisexual and titties”? The best conversion is with newbie surfers just online for the first time and wanting to see adult sites and products. Those that have been around a while find out about the plethora of free porn. This means that websites do their best marketing with search engine placements of their main sites or feeder sites. If you are on your money, you are trying to work every engine for every related keyword. Now think of the keywords that you could be going for in all the worlds’ languages!

Do a bit of research in some of the common languages. If I was Italian and new to the net, the first place I would be searching is in an Italian search engine. Go to http://arianna.iol.it/ and search using the word porn and you will find 10 listings come up all in Italian. Not one is English. Even http://it.yahoo.com/ Yahoo Italia does NOT serve up your English porn site in its results.

So how do you get a piece of this pizza pie? You need at least a doorway written in Italian. You need to visit a site like http://www.adult-site-translation.com/ and find out how affordable it is for a doorway page that is put together by a foreign translator. Not only is the text for your doorway sites or even complete tours with the proper keywords but the graphics are redone where necessary. You really cannot rely on a text translator. We all have been on a site where it was obvious that the webmasters first language was NOT English and felt bad for their awkward use of words. This is not how to make a sale.

You need to be careful that you choose a professional service for your translating needs. You need to know that the translators are top notch and can not only translate your existing page/site keeping your marketing angles but they can also advise you on such things as proper wording and what a surfer from that culture would find erotic. Languages do not translate word for word. A service like Adult Site Translation has hired translators who also know how to market adult sites. They will tell you the search terms your page should be listed under and can assist you with foreign search engine optimization.

Remember the days where you were the only site in a category or niche? It was like being a pioneer and it was very lucrative. Do you want to be first to market to these growing pockets of millions of new surfers? There are new frontiers out there and finally sites like Adult Site Translation can assist you to conquer them successfully!

Article written by Susanna

Writing Your Sales Text – Some Facts

Date: 2011.02.21 | Category: Writing | Response: 0

Do you know the difference between writing sales text for print advertising i.e. magazines and, writing sales talk for websites?

Well some of these differences will go against your intuition however, these differences are based on how people read specific items.

Where Do Eyes Go First When Your Page Loads?

Contrary to what most webmasters think it may not always be towards the thumbnails and banners on your page instead, surfers eyes will more than likely go to the first few lines of text on the page therefore, your first chance at making a sale before the surfer starts to burn your bandwidth is to have some enticing text on any site or page you build. Another reason why learning to write good text links can benefit you long term.

Also, as most surfers will only look at a page for between three and fifteen seconds before they decide whether they want to stay on the site they are at or close it this now starts to question webmasters use of heavy graphics on their sites, if a graphic takes three to four seconds to load you have just lost valuable sales time on your site.

How Much Of Your Copy Do Users Actually Read?

On average surfers will read about 75% of the length of any given page. Again, this is good news because it now means we can draw our surfers attention tot he ‘important’ sections of our sites by using headlines and bullet points to make them stand out. Also, this means that, given surfers will read only the first 75% of any page that the bottom half of your pages may not be as important as what was first believed.

Why Do Most Banner Ads Produce Poor Click-Through Rates?

Again as with any advertising media there is only a specific time frame that anyone will look at something, in this case it has been found that the vast majority of surfer will spend a mere 1.25 seconds looking at a banner which, is about enough time to read say 5 words based on the average college students reading time of 350 words a minute.

Therefore, banners which are animated and can take up to 5 seconds to get all the information across may in effect be completely worthless on our sites. More bad news for webmasters who have fancy animations and the likes on our pages.

Why Is Reading Online More Frustrating Than Reading Print?

Did you know that reading text on a computer screen can cause your reading ability to slow by up to 25% in some cases? This means that over inflating pages with text heavy content may actually aggravate the surfer instead of draw there attention! But, how can we stop this from potentially losing us a sale? Simple here are a few suggestions.

Rather than having one long continuous stream of text have several smaller one or two line paragraphs of text.

Use headlines to summarize what you are telling the surfer for example, if you sponsor has free trials tell them in bold lettering ‘Free Trials’ you get the point across and, you may draw their attention to click on the text.

Are Your Web Page Users Not Getting The Whole Picture?

Can surfers ‘scan’ your website? Lets look back at the above figures, 75% of the page gets read, banners have an attention span of only 1.25 seconds on average, that’s not much time for a surfer to look at your pages.

I think that would probably explain the reason why surfers tend to ‘scan’ our sites and only concentrate on the free images, how many of us actually take the time to read word for word EVERYTHING on a page?

I know I hardly do I just sit there and scan the page for things that draw me into the text or site. This is true again for surfers in fact, estimated figures show that roughly 21% of surfers actually spend the time to read every single word on any site meaning the other 79% only scan through our sites this again, cuts down our marketing capabilities dramatically making it more important to have headlines and well laid out pages highlighting the part we want our surfer to look at, namely, our sponsor links.

If we do not do this we are in effect only making 21% of our marketing efforts count again, taking away from our profits. That’s a huge chunk of our surfers we are losing out on gleaming a sale from.

What do all of the above figures tell us? Simple, we need to keep our pages quick loading, concise and more importantly unique, we need to draw our surfers to the specific areas that we want them to go to first and, in the process we should start to make more money from each of our sites.

Article written by Lee

Favicon.ico – What Does It Do?

Date: 2011.02.22 | Category: WebDesign | Response: 0

Favicon.ico is the name of the graphic Internet Explorer 5+ uses in the address bar and when someone views their favorite bookmarks. There should be one beside the address of this page now if you are using IE5+. If you want to see favicon.ico in action among your favorites bookmark our site now by right clicking and selecting ‘Add to favorites’.

Internet Explorer looks for this file in the same directory as the HTML page currently being displayed, if it cant find favicon.ico it will then display the default Internet Explorer icon in the address bar. As for viewing of favorites, IE will check its temporary folder to see if favicon.ico is there again, if it is not located it will display the default white background with a blue ‘e’ icon.

For a webmaster there are three main advantages to using the favicon.ico ‘trick’.

The first, is that it helps to brand your site with a nice little icon that is easy to recognize.

The second, is that it makes your website more professional.

The third, is that your entry will stand out in surfers bookmarks over the others. This is especially good as, if you can get a surfer back to your site then you have another chance at making a sale.

Many internet users have a multitude of site bookmarks so, you need to use favicon.ico to give you an edge. I highly recommend using it and, now I’m going to tell you how.

First, you will need to create an icon file which is exactly 16 x 16 pixels. If the icon is larger or smaller IE5+ will just ignore it. As for the colors in it, 16 is standard. You can use more colors if you want but, the more colors you use, the larger the .ico file becomes and, the longer it takes to load.

You now know the standards the favicon.ico file has to be, now to actually create this file you can take one of two routes.

The first is to convert and existing 16 x 16 BMP or GIF graphic with 16-32 colors into an .ico file using converter software making sure to save it as favicon.ico.

You know the standards the favicon.ico file has to be, now to actually create favicon.ico . The easiest way of creating a favicon.ico file is to convert an existing 16 X 16 BMP or GIF graphic with 16 – 32 colors into a .ico file using converter software making sure to save it as favicon.ico.

Once you have created your favicon.ico file all you need to do is to upload it to any directory on your server that contains html pages. This way, when IE5+ searches for favicon.ico it will be bale to find it regardless of which page you are on.

That’s nearly all the areas of favicon.ico covers apart from, what if you want different icons for different parts of your website? Can this be done? The answer is yes it can. All you have to do is place the following HTML code between the <head> and </head> tags of your web page.

<LINK REL=”SHORTCUT ICON” HREF=”differenticon.ico”> (SHORTCUT ICON should be kept in uppercase).

Now when someone adds a web page with that code to their favorites, IE5+ will not look for favicon.ico but will look for differenticon.ico and if it’s there it will display it, if not the default icon will be displayed.

Using favicon.ico or the SHORTCUT ICON code is nice way to add a unique touch to your site, and of course will result in more repeat visitors than if you were not using it – which is always good for any webmaster.

Article Written By Le

Building A Surfer Trap – Stage 3

Date: 2011.02.21 | Category: Traffic | Response: 0

Building A Surfer Trap – Stage 3.

You should hopefully by now have a basic looking surfer trap ready on your server and on your hard drive.

Now we need to start to ‘dirty’ this surfer trap up a little.

We have already added 1 pop-up console to each of the FPA’s including the Multi-Site FPA.

For the next step in this ‘dirtying’ process we need to add some additional links onto each of the FPA’s including the Multi-Site FPA.

On the FPA’s what you need to do is create a ‘no thank you’ link so, if your surfer does not want to visit the site for the FPA you have sent them to you can send them to an alternative.

This no thank you link can go to one of two places, you need to decide where you feel the traffic can be best utilized however, from my experience i would highly recommend using this first method:

Link the ‘no thank you’ text on each of the single site FPA’s to another DIFFERENT niche FPA in your surfer trap so, as an example, if your surfer is on the All Petite FPA in your trap, the ‘no thank you’ link would lead to Just Toon’s. If they decide not to go with the Just Toon’s site, the ‘no thank you’ link on this FPA would go to Gay Ultra and so on, you need to ensure however, that the ‘no thank you’ link goes to a completely different niche to the one of the FPA the surfer is currently on.

The second option you have is to link the ‘no thank you’ text to the ARS POTD (picture of the day) program. This will be your last chance at selling the surfer to one of the ARS pay sites.

In addition to the ‘no thank you’ link on each of the FPA’s you also need to add a small table to the Single-Site FPA’s. ideally this should be four columns across and 2 rows down. This will give you 8 places to put a one or two word link going to another different niche FPA than the one the surfer is currently viewing however, you also need to ensure that these 8 links are going to a different FPA than the ‘no thank you’ link you have created.

The above stage is where we could potentially start to lose people in the instructions therefore if you have ANY questions or queries regardless of how small they may be please post on the forums.

This stage should hopefully only take you a couple of hours to complete and, once you have tested all of the links and uploaded the FPA’s to your server you are all set for the next MAJOR step in this project…. Generating Fresh Traffic.

Article written by Lee

Getting Webmaster Traffic To Your Design Site

Date: 2011.02.22 | Category: General, Promotion | Response: 0

Just starting in the design biz? Well you’re going to need some traffic to your design work. You need to get your name out to as many people as humanly possible. If you don’t have the contacts, then you don’t have the work. Network, communicate, and setup your portfolio. These are the 3 most important steps when starting your design company, preceding these three steps are advertising and demonstrating.

When I first started designing, I had no clue what I was doing except for designing websites. I knew I needed clients, but had no idea where to start. I met up with a ouple of other webmasters one night. I told them I had just started and was looking for some work. They took me in and taught me the trade. They showed me a few tricks in how to design things much quicker, and also subconsciously taught me to make sure as many people as possible see my work, and that they know who its from.

I worked with my friends for a few months when things started to get slow, so I took it upon myself to start my own company. I still got outsourced work from them, but now was taking on my own clients, but I had forgotten one important step. Advertising, the biggest step to forget. So I started posting on message boards to get my name in the dirt. I received a few clients, but nothing large. Then one day out of the blue a man came to me and wanted 4 pay sites designed. Wow, a real client at last. He said he saw my posts on a resource forum and decided to use me for his work.

I worked for this client for about 2 months, and more and more people were coming to me. I had been doing something good, but work started to slow and finally I realized I had been working for the same few clients and had not been getting anyone else in the door. Maybe board posting wasn’t enough? Exactly, its not, I asked around to see what I could do I had gotten a few suggestions like banner trades, recip’s, work for advertising. So I did them all. And soon enough I had more clients than I could shake a stick at.

Network.

Talk to people, people that are in the biz. Webmasters and designers. Talk to anyone you possibly can that could further spread your name of even bring work to you. If you do not network, then don’t plan on anything coming your way.

Communicate.

Get on boards, ICQ, AIM, MSN, whatever. Just make sure that people see you and know you are there. Send them emails with different offers, not spam, but personal emails. Take it upon yourself to try and get your name into the field.

Portfolio.

If you do not have one of these, then you might as well try to sell a spider to an arachnophobe. Design some fakes sites if you don’t have anything to show. Do some banners, tours, anything that shows the potential of your work. Make sure you present it as efficiently as possible. People do not want to root around not knowing what they are looking at.

Advertise.

Make banners, buttons, links, ads, and anything that you can stick your name on. Get listed on any and all Webmaster resource sites, and design sites. This will help you establish a name base and let people know you are around.

Demonstrate.

Write articles for resource sites, create different tutorials also, this will let people know you know what your doing. The more people that like your ideas, the more they will like you. Therefore the more likely you will get work.

Follow these steps as I did and you will be on your way to having clients beating down your door. Also, make sure you really have something to offer before trying to sell your work. Be unique in what you design and how you present it. Clients love it when their sites are different from others, obviously.

Article written by John

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.