 |
demo here. |
On your blog quite a lot of gadgets that are just filled all available space? . So, before you begin, I advise you to save your template: go to. ' Template '. and in the upper right corner, click. ' Backup and Restore '. We now proceed to the installation we need codes:.
We find the combination of Ctrl F line. >!]]. and before it is inserted:.
/ * Tabbed Sidebar Widgets.
--------------------------------- * /.
widget-wrapper2 {.
border: 1px solid.
background-color:.
padding: 8px;.
}.
widget-tab {.
-moz-border-radius-bottomleft: 5px;.
-moz-border-radius-bottomright: 5px;.
-moz-border-radius-topright: 5px;.
-webkit-border-radius-bottomleft: 5px;.
-webkit-border-radius-bottomright: 5px;.
-webkit-border-radius-topright: 5px;.
background:. photobucket. com/albums/z105/dantearaujo/tabcontentbg. gif) repeat-x scroll left bottom! important;.
border: 1px solid.
font-family: Arial, Helvetica, sans-serif;.
padding: 15px! important;.
}.
widget-tab ul {.
margin: 0px;.
padding: 0px 20px 0px 20px;.
}.
widget-tab ul li {.
list-style: none;.
border-bottom: 1px solid.
padding-top: 10px;.
padding-bottom: 10px;.
font-size: 13px;.
}.
widget-tab ul li: last-child {.
border-bottom: none;.
}.
widget-tab ul li a {.
text-decoration: none;.
color:.
}.
widget-tab ul li a small {.
color:.
font-size: 9px;.
text-transform: uppercase;.
font-family: Verdana, Arial, Helvetica, sans-serif;.
position: relative;.
left: 4px;.
top: 0px;.
}.
tab-content ul li a: hover {.
color:.
}.
tab-content ul li a: hover small {.
color:.
}.
active-tab {.
background:. photobucket. com/albums/z105/dantearaujo/tabtopbg. gif) repeat-x scroll left top! important;.
border-color:.
border-style: solid! important;.
border-width: 1px 1px 2px! important;.
color:.
}.
ul. tab-wrapper {.
margin: 0px; padding: 0px;.
margin-top: 5px;.
margin-bottom: 6px;.
}.
ul. tab-wrapper li {.
-webkit-border-radius-topleft: 5px;.
-webkit-border-radius-topright: 5px;.
-moz-border-radius-topleft: 5px;.
-moz-border-radius-topright: 5px;.
background:. photobucket. com/albums/z105/dantearaujo/tabinactivebg. gif) repeat-x scroll left top;.
border: 1px solid.
color:.
cursor: pointer;.
display: inline;.
font-family: Verdana, Arial, Helvetica, sans-serif;.
font-size: 9px;.
font-weight: bold;.
line-height: 2em;.
list-style-image: none! important;.
list-style-position: outside! important;.
list-style-type: none! important;.
margin-right: 1px;.
padding: 8px 14px;.
text-align: center;.
text-decoration: none;.
text-transform: uppercase;.
}.
Now, before the closing. insert:.