In this post i will show you how to create using just some simple html and css ,  a wibiya looking bar for your site . You see similar bars on a lot of sites these days Example : Facebook . First off if your wondering what a Wibiya tool bar looks like check out Plugged.in to get an idea .

Here is what our finished product will look like and of course you can style it to match the theme of your website

So essentially all you need to do is position and fix a styled at the bottom of your webpage at all times , to do this you need only two lines of CSS code

.wibar {
  bottom:0px;
  position:fixed;
}

This class can then be applied to a <div> containing the links/buttons you would like in the toolbar ( i recommend placing the contents in a table for alignment purposes unlike what i have done)

<!--TOOLBAR DIV , CONTENT ,
<B> TAGS ARE PURELY TO CREATE THE ROUNDED EDGES
FOR THE DIV-->

    <div id="bluebar" class="wibar">
        <b class="rtop">
        <b class="r1"></b>
        <b class="r2"></b>
        <b class="r3"></b>
        <b class="r4"></b>
        </b>
        
        <!--DEMO TOOLBAR CONTENT-->
            &nbsp;
            <a href="http://hover.in"
            style="cursor: pointer;" target="_blank">
                <img src="../assets/hoverlogo.png" 
                 style="border: 0pt none ;
                 position: fixed; bottom: 1px;"
                 width="29px" height="26px">
            </a>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            &nbsp;&nbsp;&nbsp;
            <span style="font-size: 29px;
             color: rgb(132, 193, 217);
             position: fixed; bottom: 0px;">
            |
           </span>
            
    </div> 

Then we add in the styling for the <div> (transparency , colour , sizing , rounded edges …)

/*TO STYLE THE LOOK OF THE WIBAR*/
#bluebar
{
background:#A8D9E3;
opacity : 0.9;
height:30px;
left:50px;
right:50px;
}
/*CLASSES TO ROUND THE CORNERS OF A DIV*/
.rtop
{
display:block;
background:#FFF;
}
.rtop *
{
display: block;
height: 1px;
overflow: hidden; 
background:#A8D9E3;
}
.r1
{
margin: 0 5px
}
.r2
{	
margin: 0 3px
}
.r3
{
margin: 0 2px
}
.r4
{
margin: 0 1px;
height: 2px
} 

Hope this helps .. plz leave your suggestions / feedback in the comments below

1.Download study material :
Flex3 documentation
AIR documentation
Programming ActionScript
LCDS documenation

ACE exam guide
Attest AIR app

2.Watch the flex in a week videos , these are great for brushing up your flex basics and they cover some Flex intricacies which even experienced developers are unaware of (They are a great way to learn flex too if your totally new to it) as well as Flex programming best practices and optimization techniques. Write a short summary after you watch each video to help remember the important points

3.Install and try out a couple of the Attest AIR applications practice tests

4. PANIC , and you will cause those Attest tests are scary , and your pretty likely to not make the 67% pass percentage the first time around … but don’t worry too much in my opinion the final test was a piece of cake compared to those tests

5. Read through the Flex , AIR , lcds docs … I’ve posted up my own notes which i made when i studied for the exam while reading the docs (you have 5 days to do this) .. The Flex developer guide is around 1300 pages so its clearly not feasible to go through the whole thing , i personally just went through Section 4 (Data Access and Interconnectivity)

6.Give all the Attest practice tests a zillion times , till you get a hundred on them ( or can atleast understand the answers to all the questions) , do this fr a whole day

7.Revise your notes (on the day before the exam) which you made from the Flex in a week videos and now your good to go

Some additional info about the test :
Time : 1 hr
Content : 50 MCQs ( Some really indept Flex knowledge is reqd to answer these)
Pass percentage : 67%

Well hope this helps you out , Good Luck ! Oh and in case your wondering i cleared the exam a month ago with 84% , not too shabby for 2 weeks work

My Notes : AIR , AS ,CSSetc , LCDS , Imp stuff