Hiding the web part tool bar on the top with CSS on Sharepoint 2010

To hide the tool bar on the top the web part (see below)  just follow these steps:

 

1- Site Actions > Edit Page Insert > Web Part Media and Content select Content Editor and click Add

2- On the top of the page (be sure you select the "Content Editor Web Part") Format Text > HTML > Edit HTML Source

3- Add this CSS piece:

<style>
    .ms-WPHeaderTd
    {
        display:none;
    }
    .ms-WPHeaderTdMenu
    {
          display:none;
    }
</style>

WITH THIS YOU WILL AVOID THESE STEPS! –> To "hide" the content editor web part ... Options > Web Part Properties > Appearance > Chrome Type > None  then click OK

Hiding the left side panel on Sharepoint 2010

If you want to hide the left side panel in Sharepoint 2010, just go to your page and add the "Content Editor Web Part" and be sure you hide the panel with this CSS. To do it follow my steps.

1- Site Actions > Edit Page Insert > Web Part Media and Content select Content Editor and click Add

2- On the top of the page (be sure you select the "Content Editor Web Part") Format Text > HTML > Edit HTML Source

3- Add this CSS piece:

<style type="text/css"> 
  body #s4-leftpanel { display: none; } 
  .s4-ca { margin-left: 0px; } 
</style>

4- To "hide" the content editor web part ... Options > Web Part Properties > Appearance > Chrome Type > None  then click OK.