title: how to make the actionbar transparent
body: <p>i am learning actionbar and created an actionbar with tabs .the following image shows the view
  !<img src="https://i.stack.imgur.com/Iv2KD.png" alt="action bar demo"></p>
  
  <pre><code>requestWindowFeature(Window.FEATURE_ACTION_MODE_OVERLAY);
      ActionBar ab=getActionBar();
      ab.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
      ab.setBackgroundDrawable(new ColorDrawable(Color.MAGENTA));
      ab.addTab(ab.newTab().setText("Popular").setTabListener(this));
      ab.addTab(ab.newTab().setText("Latest").setTabListener(this));
      ab.addTab(ab.newTab().setText("Nearby").setTabListener(this));
  </code></pre>
  
  <p>They following are my queries :</p>
  
  <ol>
  <li><p>the tabs have shifted to a bar below the magenta color bar. is it due to space constraints of mobile.if a wish to add any item to this magenta bar with the tabs below how can add to it and then show the same pattern whether it is mobile or tablet.</p></li>
  <li><p>i want to make this tabs bar transparent so that i can see the text move behind it.i have tried to set its <code>drawable</code> as per code above but it has only changed of top bar but not the tabs bar.</p></li>
  <li><p>what is way to have a button on the magenta bar <code>onclicking</code> i have this screen shift to left and show another screen which has some links show up in a way that partly this current screen is also visible.i hope i am able to explain my point.</p></li>
  </ol>
  
  <p>kindly clarify</p>