Link to Us

You are free to link to us in any way you choose. The easy way is to copy and paste the code for one of the link methods depicted below. To submit your web site for possible inclusion, visit the submit a resource page. If you would like to become a link partner, read the partner rules for more information.

The code for our buttons was derived from the the works of "Mike Golding Buttons in Pure CSS"
Thank You Mike!

Link methods for computer basics and beyond...

Button 1:

CBB COMPUTER BASICS

Button 1: CSS and XHTML instructions and code

/* ***********************************

Instructions for the CSS code for Button:1

You can add the CSS code to your external stylesheet
      or place it in-between the head tags of your
      HTML document. When placing the code in-between
      the head tags, you must surround the css code with
      the proper style tags.

Example:
       <head>  <style type="text/css"> place css code here </style> </head>

Instructions for the XHTML code for Button:1

You can add our button to your page by copying the
       <div class="button"> block level element code below.

*********************************** */

/* CSS CODE */

.cbbutton1 {
      background: #fff;
      color:#000;
      border: 1px solid #94BD53;
      padding:2px;
      width:145px;
     }

.cbbutton1 a, .cbbutton1 a:hover{
      text-decoration: none;
      background: inherit;
      color:#333;
     }

.cbbuttona{
      display:block;
      font: 10px verdana, arial, sans-serif !important;
      padding: 3px 0 3px 0; border: 1px solid white;
      text-decoration: none;
      background: #F7F9F7;color: #333;
     }

.cbbutton1 span {
      font: bold 10px verdana, arial, sans-serif !important;
      padding: 3px 3px 3px 3px;
      background: inherit;
      color: #333;
     }

.green span{
      background:#B0CE88;
      color:#000;
      font-style:italic !important;
     }

<div class="cbbutton1">
   <a class="cbbuttona green" href="http://www.computerbasicsandbeyond.com"
    title="Providing quality computer resources, tutorials and help.">
    <span><CBB</span> COMPUTER BASICS</a>
   </div>

Button 2:

CBB COMPUTER BASICS

Button 2: CSS and XHTML instructions and code

/* ***********************************

This is the CSS code for Button:2.

Example:
       <head> <style type="text/css"> place css code here </style> </head>

Instructions for the XHTML code for Button:2

You can add our button to your page by copying the
       <div class="cbbutton2"> block level element code below.

*********************************** */

/* CSS CODE */

.cbbutton2 {
      background: #fff;
       color:#000;
      border: 1px solid #B2CBFB;
      padding:2px;
      width:145px;
     }

.cbbutton2 a, .cbbutton2 a:hover{
     text-decoration: none;
     background: inherit;
     color:#333;
    }

.cbbuttonb{
     display:block;
     font: 10px verdana, arial, sans-serif !important;
     padding: 3px 0 3px 0px;
     border: 1px solid white;
     text-decoration: none;
     background: #EDF3FE;
     color: #333;
    }

.cbbutton2 span {
     font: bold 10px verdana, arial, sans-serif !important;
     padding: 3px 3px 3px 3px;
     background: inherit;
     color: #333;
    }

.blue span {
     background:#B2CBFB;
     color: #000;
     font-style:italic !important;
    }

/* END of CSS CODE */

/* XHTML Button Code */

<div class="cbbutton2">
   <a class="cbbuttonb blue" href="http://www.computerbasicsandbeyond.com"
    title="Providing quality computer resources, tutorials and help.">
    <span><CBB</span> COMPUTER BASICS</a>
   </div>

/* END of XHTML Button Code */

Button 3:

CBB COMPUTER BASICS

Button 3: CSS and XHTML instructions and code

/* ***********************************

This is the CSS code for Button:3.

You can add the CSS code to your external stylesheet or
      place it in-between the head tags of your
      HTML document. When placing the code in-between
      the head tags, you must surround the css code with
      the proper style tags.

Example:
       <head> <style type="text/css"> place css code here </style> </head>

Instructions for the XHTML code for Button:3

You can add our button to your page by copying the
       <div class="cbbutton3"> block level element code below.

*********************************** */

/* CSS CODE */

.cbbutton3 {
      background: #fff;
      color: #000;
      border: 1px solid #94BD53;
      padding:2px;
      width:175px;
     }

.cbbutton3 a, .cbbutton3 a:hover{
     text-decoration: none;
     background: inherit;
     color:#333;
    }

.cbbuttonc{
     display:block;
     font: 12px verdana, arial, sans-serif !important;
     padding: 4px 0 4px 0px;
     border: 1px solid white;
     text-decoration: none;
     background: #F7F9F7;
     color: #333;
    }

.buttonc span {
     font: bold 12px verdana, arial, sans-serif !important;
     padding: 4px 3px 4px 3px;
     background: inherit;
     color: #333;
    }

.green2 span {
     background:#B0CE88;
     color:#000;
     font-style:italic !important;
    }

/* END of CSS CODE */

/* XHTML Button Code */

<div class="cbbutton3">
   <a class="cbbuttonc green2" href="http://www.computerbasicsandbeyond.com"
    title="Providing quality computer resources, tutorials and help.">
    <span><CBB></span> COMPUTER BASICS</a>
   </div>

/* END of XHTML Button Code */

Text Link:
COMPUTER BASICS

Text Link: Instructions and HTML code

Small Button Link:

Small Button Link: Instructions and HTML code

Main

Accessibility

Site Information

Link Submission

Computer Basics & Beyond

Link to Us

Link methods for computer basics and beyond...

Button 1: CSS and XHTML instructions and code

Button 2: CSS and XHTML instructions and code

Button 3: CSS and XHTML instructions and code

Text Link: Instructions and HTML code

Small Button Link: Instructions and HTML code