Friday, 24 May 2013

20 Awesome Free Online Tools For Pc And Internet Users

Be The First To Comment

How To Share A NSFW Page With A Warning ?

Share NSFW Page With Warning



  • Goto http://isnsfw.com



How To Set A Simple Online Timer For Daily Needs ?

Set A Simple Online Timer


  • Goto http://e.ggtimer.com



How To Pick Random Numbers, Flip Coins, And More




 Pick Random Number Etc
How To Pick Random Numbers, Flip Coins, And More

  • Goto www.random.org


How To Check The Trust Level Of Any Website ?



Check Trust Level Of Website





  • Goto www.mywot.com/



How To Preview  PDF's And Presentations Directly In The Browser ?


Preview  PDF's And Presentations
  • Goto www.viewer.zoho.com



How to Record movies of your Desktop?


record movies


  • Goto  www.screenr.com


How To Share E- Mail Address Online Without Spam.


Share E- Mail Address Online

  • Goto www.scr.im.com


How To Get Read Receipts for email ?


Get Read Receipts for email

  • Goto www.spypig.com


How To Shorten Long URLs And Convert URLs Into QR Codes ?


Shorten Long URLs

  • Goto http://goo.gl

How To Capture Full Length Screenshots Of Web Pages ?


Capture Full Length Screenshots
                                                                                 

  • Goto www.bounceapp.com


How To Print Web Pages Without The Clutter ?


Print Web Pages

  • Goto http://printwhatyoulike


How To Reformats News Articles And Blog Contents As A Newspaper ?


Reformat Your News Articles
  • Goto http://joliprint.com


How To Copy Special Characters That Aren’t On Your Keyboard ?


Copy Special Characters

  • Goto http://copypastecharacter.com


Get Answers Directly Without Searching .




Get Answers Directly

  • Goto http://wolframalpha.com





Scan Suspicious File Or Email Attachment For Viruses.


Scan Suspicious File

  • Goto www.virustotal.com

Know Everything You Wanted To Know About A Website.




Know Everything About  Website

  • Goto www.woorank.com


If a site is down due to heavy traffic, try coral CDN.


solve heavy traffic problem

  • Goto www.coralcdn.org

Find Icons Of All Sizes.


Icons Of All Sizes.

  • Goto www.office.com

Search IOS App Without Launching ITunes


Search IOS App

  • Goto http://fb.me/AppStore

A Better Search Engine For Twitter


Search Engine For Twitter


  • Goto http://topsy.com

Basic Web Page Layout And Navigation With Id's

Be The First To Comment

Basic Web Page Layouts :




Web site layout is important to make your website look beneficial.

Pattern your web page layout very carefully.


The majority of internet sites have got put the information in numerous articles (formatted being a newspaper or newspaper).


Numerous articles are set up through the use of <div> or <table> elements. CSS are used to position elements, or to generate skills or vibrant search for the actual web pages.


Though you are able to generate good floor plans with HTML furniture, furniture had been intended for delivering tabular facts - Significantly less any layout application!




It has following basic components of a html web page



  • A header
  • A footer
  • Left SideBar
  • Right SideBar
  • Middle Column



Layout_with_Float.html




<!doctype html>
<html>
<head>
    <title>Layout With CSS</title>
    <style>
        * {
            padding: 0px;
            margin: 0px;
        }

        #con {
            width: 900px;
            height: 770px;
            background-color: green;
            margin: 0 auto;
            overflow: hidden;
        }

        header {
            width: 900px;
            height: 100px;
            background-color: red;
        }

        nav {
            width: 150px;
            height: 650px;
            background-color: yellow;
            float: left;
        }

        #content {
            width: 550px;
            height: 650px;
            background-color: orange;
            float: left;
        }

        aside {
            width: 200px;
            height: 650px;
            background-color: purple;
            float: left;
        }

        footer {
            width: 900px;
            height: 20px;
            background-color: lightblue;
            overflow: auto;
        }
    </style>
</head>
<body>
    <div id="con">
        <header>header</header>
        <nav>nav</nav>
        <div id="content">content</div>
        <aside>aside</aside>
        <footer>footer</footer>
    </div>
</body>
</html>


Demo Page :







Web Page Navigation With id_attr.html




<!doctype html>
<html>
<head>
    <title>Navigating with ID Attr</title>
    <style>
        * {
            padding: 0;
            margin: 0;
        }
        #con {
            width: 900px;
            height: 770px;
            background-color: green;
            margin: 0 auto;
            overflow: hidden;
        }

        #con > div {
            width: 900px;
            height: 770px;
        }

        header {
            width: 900px;
            height: 100px;
            background-color: red;
        }
        nav {
            width: 150px;
            height: 650px;
            background-color: yellow;
            float: left;
        }

        .content {
            width: 550px;
            height: 650px;
            background-color: orange;
            float: left;
        }

        aside {
            width: 200px;
            height: 650px;
            background-color: purple;
            float: left;
        }

        footer {
            width: 900px;
            height: 20px;
            background-color: lightblue;
            overflow: auto;
        }

        ul, li {
            list-style: none;
        }

        a, a:visited {
            color: green;
            text-decoration: none;
        }
    </style>
</head>
<body>
    <div id="con">

        <!-- Home page-->
        <div id="home">
            <header>header</header>
            <nav>
                <ul>
                    <li><a href="#home">Home</a></li>
                    <li><a href="#about">About</a></li>
                    <li><a href="#contact">contact</a></li>
                </ul>
            </nav>
            <div class="content">
                Home Page

            </div>
            <aside>aside</aside>
            <footer>footer</footer>
        </div>

        <!-- about page-->
        <div id="about">
            <header>header</header>
            <nav>
                <ul>
                    <li><a href="#home">Home</a></li>
                    <li><a href="#about">About</a></li>
                    <li><a href="#contact">contact</a></li>
                </ul>
            </nav>
            <div class="content">
                About Us Page

            </div>
            <aside>aside</aside>
            <footer>footer</footer>
        </div>

        <!-- contact page-->
        <div id="contact">
            <header>header</header>
            <nav>
                <ul>
                    <li><a href="#home">Home</a></li>
                    <li><a href="#about">About</a></li>
                    <li><a href="#contact">contact</a></li>
                </ul>
            </nav>
            <div class="content">
                Contact Us Page

            </div>
            <aside>aside</aside>
            <footer>footer</footer>
        </div>

    </div>
</body>
</html>



Demo Pages :













How To Run Html In Notepad?



  • Open Notepad or any text editor
  • Paste or Type in your HTML code.
  • Click "Save As" or press ctrl+s
  • Now a small window popup will open. Browse and Select a folder to save it in.
  • Save your document as: YourFileName.html
  • Now whenever you click this html file, it will open in a browser and will display the web page with layout that you have designed in html.

Hope that helps!

How to create a Google AdSense account with in short time

Be The First To Comment

How to create a Google AdSense account with in short time

==================================

How to create a Google AdSense account
How to create a Google AdSense account 


To create a Google AdSense account:


  • Go to the Google Affiliate Network application.
  • Click No, I don't have an AdSense account.
  • Step 1: Applying for an AdSense Account : On the right, you'll see a blue box called "Getting Started".Click the link, Sign up for a Google AdSense account.
  • Step 2: Check your inbox for an email regarding AdSense approval status
  • Step 3: Complete the Google Affiliate Network application process
  • Go back to the Google Affiliate Network application.
  • Click Yes, I have an AdSense account.
  • Enter your AdSense email and Publisher ID.
  • Click Submit & Continue.
  • Once you've completed the rest of the application, click, Submit.
  • After you've submitted your application
  • You'll receive an email confirmation.
  • Within 24 hours you will receive another email with the status of your application.
  • If your application is approved, you can apply to advertiser programs.
  • Advertisers may accept or decline partnerships at their discretion.
 

Popular Posts

© 2013 MyTricksLab - Designed by Asim Nawaz | ToS | Privacy Policy | Sitemap

About Us | Contact Us | Write For Us