Como criar Menu Horizontal igual o da IDE ScriptCase

Menu / Menu Árvore
#1

Olá amigos, gostaria de criar um menu com o mesmo estilo que tem o da IDE do scriptcase, ou seja, mesma cor, sombras, fonte, etc… Tentei procurar um css de exemplo nos temas que acompanha a ferramenta mas nenhum é parecido, alguém poderia dar uma dica?

[size=8pt]Gostaria que meu menu ficasse assim:[/size]

Obrigado
Renato

#2

Ao inspecionar a página obterá os estilos aplicado na IDE facilmente.

#3

Realmente… Obrigado pela dica Haroldo…

Até

#4

Existe alguma outra forma de aplicar o css sem ser por CRIAR NOVO TEMA para Css de Menu?

Pois quando crio um tema CSS de menu, não tem todas as tags que aparece ao inspecionar o objeto menu do scriptcase…

Obrigado
Renato

#5

Você pode sobrescrever o css do scriptcase colocando como !important, basta declarar o style no evento onload do menu:

Segue um exemplo:

[code]?>

.scMenuTTableM{background-color:#f4f5f8 !important;}
#css3menut{width:250px;}
.jstree-container-ul jstree-no-dots jstree-wholerow-ul{width:250px;}
.scMenuTTable{background-color:#f4f5f8 !important; color:black !important;}
.scMenuTItems{
font-weight: bold;
padding: 0px 10px 0px 10px;
color:black !important;
}
#css3menut i{
-webkit-filter: invert(100%) !important;
}

    .scMenuTSubItems {
        font-weight: normal !important;
        padding: 0px 10px 0px 10px;
        color:black !important;
    }
    .jstree-default .jstree-anchor{padding:11px;}
    .jstree-default .jstree-node {margin-left:-35px !important;}
    .jstree-default .jstree-wholerow{
        height:30px !important;
        padding:23px;
		color: black  !important;
    }//#d0d2d5
    .jstree-default>.jstree-no-dots .jstree-open>.jstree-ocl {margin-top:11.8px;}
    .jstree-default>.jstree-no-dots .jstree-closed>.jstree-ocl {margin-top:11.8px;}
    .jstree-wholerow-ul .jstree-wholerow{background-color:#d0d2d5 !important;border-right:1px solid #D8D8D8;}
	.jstree-wholerow-ul .jstree-wholerow-hovered{background-color:#d0d2d5 !important;border-right:1px solid #D8D8D8;}
    .jstree-children .jstree-wholerow {
        background-color:#f4f5f8 !important;
        border-width:1px !important;
        border-color:#fff !important;
        border-style:solid #ebebeb !important;
	    color: #fff !important;
    }
	.jstree-wholerow .jstree-wholerow-clicked a{color: black !important;}
    .jstree-children .jstree-wholerow-hovered {background-color:#d0d2d5 !important;}
	.scTabLine{background-color:#F1F1F1 !important;}
</style>
<?php[/code]
#6

Excelente!
Obrigado!

Renato