Editando o CSS dos Menus Sobrepostos com 4 ou 8 Abas

CLASSIFICAÇÃO DO TUTORIAL
INTERMEDIÁRIO

Você pode também editar o conteúdo seu menu de abas a partir de um código CSS e fazer as alterações que achar necessário.
Para que o conteúdo do meu menu ficasse da forma que eu queria criei um código CSS para ele.

Aqui vai um modelo de código CSS para os conteúdos dos menus.
Você pode alterá-lo como quiser. Basta ter um conhecimento básico de CSS para entender estes códigos, para isso sugiro o site CSS para Webdesign. Se quiser aprender é só dar uma estudada no site.

/*-------Exemplo de Tabcontents---------*/
#tabcontent1, #tabcontent2, #tabcontent3, #tabcontent4 {
 background:#fff;
 margin:0px 0px 15px 0px; /*Margem externa*/
 border-left:1px solid #666666;
 border-bottom:1px solid #666666;
 border-right:1px solid #666666;
 padding:5px; /*Margem interna*/
 height:180px; /*Altura do seu conteúdo fixa, aumente ou diminua de acordo com sua necessidade*/
}
#tabcontent1 ul, #tabcontent2 ul, #tabcontent3 ul, #tabcontent4 ul {
 list-style:none;
 margin:0px;
 padding:0 0 0;
}
#tabcontent1 li, #tabcontent2 li, #tabcontent3 li, #tabcontent4 li {
 background: url("http://i8.tinypic.com/6lip3c7.gif") no-repeat 2px .40em;
 padding:0 0 2px 23px;
 border-bottom:1px dotted #666;
 text-indent:-10px;
 line-height:1.4em;
}

Na linha: #tabcontent1 li, #tabcontent2 li, #tabcontent3 li, #tabcontent4 li → os comandos são para a aparência dos links do conteúdo do seu menu.