Welcome To My Online earning Tutarial And Artical Based Web Portal

Wellcome to My Online Earning Tutorial and Article Based Web Portal

Trafficgoals (RevShare)

@ Online Paying Since :  01-December-2015
@ Made By : United State
@ Payment Method : PayPal, Payza & Perfect Money
@ Paid To Click Value : $0.001
@ Ads Per Day : 10
@ Cash out Minimum : $5
Referrals Share Purchase Commission: 12%
Maturate Commission : 120%-150%
Maturate Time : 40 Days
Daily Ads Surf : 10 (This is only for active account)
       Please Click Here for Payment Proof 

Ojooo 100% Paying site.

@ Online Paying Since : 2012
@ Made By : German
@ Payment Method : PayPal, Payza & Okpay
@ Daily Earning As A Free Member : $0.05 To $0.10
@ Ads Per Day : 50-80
@ Cash out Minimum : $2
@ Click Value : $0.01, $0.005, $0.001
Referrals Commission : 50% 
          Please Click Here for Payment Proof 

NeoBux 100% Paying site.

@ Online Paying Since : 2008 
@  Payment Method : PayPal, Payza & Neteller 
@ Made By : Sweden 
@ Daily Earning As A Free Member : $0.05 To $0.10
@ Ads Per Day :30-50
@ Cash out Minimum : $2
@  Click Value : $0.001, $0.01, 
@  Referrals Commission : 50%
           Please Click Here for Payment Proof 

Clixsense 100% Paying site.

@ Online Paying Since : 2007
@ Payment Method : PayPal, Payza, Paytoo & Neteller 
@ Made By : USA
@ Daily Earning As A Free Member : $0.03 To $0.05
@ Ads Per Day : 30-50
@Payout Minimum : $8
@ Click Value : $0.01, $0.001
@ Referrals Commission : 100%
          Please Click Here for Payment Proof 

Trafficmonsoon 100% Paying site & 100% Referral Commission

Share Up To 110 % - 10% Affiliate Program

@ Online Paying Since : 2013 
@ Payment Method : PayPal, Payza & Perfect Money 
@ Made By : United State
@ Daily Earning As A Free Member : $0.10 To $0.20
@ Daily Ad Surf: 10 (To get Direct Referral Commission)
@ Ads Per Day : 20-30 
@ Payout Minimum : $2 
@ Click Value : $0.001, $0.005, $0.01, $0.02 
Referrals Commission : 100%
          Please Click Here for Payment Proof 

Web design Tutorials Lesson 5.( Part 4)

A Simple One Column Layout with HTML5

 The easiest layout to implement with CSS may be a one column layout. this can be simply a series of boxes stacked one on high of the opposite. We'll have a Header space, a horizontal navigation menu a district for the contents of the page and at last a Footer The layout we'll style feels like this:

As you'll see it's fairly straightforward: Header space at the highest navigation bar page content then Footer.

The first issue to try to to is that the HTML The CSS will then be superimposed on high of this.

Have a glance within the templates folder that you simply transfer with this course (extra files templates), (If you haven't got the additional files however the transfer location is here underneath the heading net style  New Course : transfer the additional Files required for this course (You do not would like the downloads for the previous course.)

Open up the model referred to as template one coltxt you ought to see the subsequent HTML:

There area unit quite few tags here that you simply haven't met before These tags area unit unaccustomed HTML5 and don't seem to be gift in this previous versions.


In previous versions of HTML you simply used the DIV tags in situ of those on top of The new ones area unit referred to as linguistics tags they do not truly do something by themselves  they're simply there to create things clearer for you (and maybe search engines) If you employ DIV tags for everything then page code will get terribly untidy and confusing.

Let's have a glance at our code though.

Starting at the highest, we've a HEADER tag:

Top Header

The HEADER tag isn't simply at the highest of the page, If you look additional down the page you'll see that we've another combine of them:

Section Title

The HEADER tag ought to be used after you desire a nice heading for various sections of your page. Our initial HEADER is for a few H1 text Since it's at the terribly high of our page however we have a tendency to might replace the H1 tags with say a picture to use as a website banner.

Our second HEADER is encompassing a combine of H2 tags this might be the title of a piece that we wish individuals to click on.

After the highest HEADER tags we've a combine of NAV tags.

 These area unit encompassing associate degree unordered list that we wish to use as a navigation bar Previously we have a tendency to had DIV tags encompassing our unordered list Now it's abundant clearer what this list is getting used for.

The next linguistics tag is SECTION we've 2 pairs of those the primary combine area unit at the highest and bottom of the page:

These SECTIONS tags hold the most content of the location.

In between the primary combine of SECTION tags we've a piece tag. because the name suggests, these area unit used for after you need to separate a piece of text from the remainder of your website. you will well have over one article within which case you'll use another combine of ARTICLE tags. Like this, for example:

Here, we've 2 articles on the page. every combine of ARTICLE tags incorporates a HEADER and a district The HEADER tags are was hyperlinks whereas the SECTION tags area unit used for the headline of the story.

Save your model as a HTML file. reserve it in an exceedingly new folder referred to as layouts. For the file name, kind html.

When you load the page in an exceedingly browser you will see this:

Because we have a tendency to used solely HTML tags the page appearance quite basic.

One last item to try to to before we have a tendency to get to the CSS Add the subsequent ID attributes to your HTML code:

So there area unit 5 ID attributes to feature, highlighted in daring on top of (Incidentally these is category selectors instead of ID selectors if you like. mistreatment ID implies that you'll discuss with them in an exceedingly scripting language like JavaScript, yet as mistreatment CSS.)In succeeding half you will find out how to vogue your HTML five layout.

Web design Tutorials Lesson 5.( Part 3)

The CSS Float Property

 Another way to govern the conventional, static flow of your sites is with the float property. you have got already used this property during a previous section to wrap text around pictures. however you'll be able to additionally use the float property to own columns of text aspect by aspect. you'll be able to even use float to own navigation bars on the left and right of your pages. (We'll use float in our page layouts, that area unit developing shortly.)

As associate degree example of column floating, have a glance at the image below, taken from a browser:

So we've got 2 columns of text side-by-side. the primary one contains a gray background therefore you'll be able to see the column higher. It additionally contains a ten pel margin. Here's the CSS:

And here's the hypertext mark-up language:For the HTML,

 we've simply used the DIV tags for 2 paragraphs of text. the primary paragraph has the CSS category applied thereto.

Notice 2 things concerning the CSS code, though. the primary factor to note is that we've got used float: left. The second factor to note is that we've got set a breadth for the column of two hundred pixels.

 If you do not set a breadth then any text you have got for your column can merely be due left to right.

There is a haul with our approach, however. Have a glance at the columns within the browser once more. though they give the impression of being nicely side-by-side, this is often solely as a result of we tend to manipulated the browser. we tend to deliberately created it smaller in order that the text resized itself. If we tend to create the browser larger, here's what happens:

The text within the second column can stretch from left to right to fill the on the market area.

To stop it doing that, you'll be able to add the category to the second DIV, as well:

Now each paragraphs of text area unit floated left, and have a breadth of two hundred pixels. The browser will currently be resized and also the 2 columns can keep in situ.

To start text on a brand new line beneath the columns, you'll be able to use the clear property in CSS, remember:


This clears the float price and returns you to the conventional, static flow. (You will replace left with right or each betting on your desires.)In successive lesson, you will see the way to produce a straightforward one column layout.This will introduce you to the new HTML5 components.