mudar cor do menu JA_Purity

Início
Ant
1
Próximo
Fim

fe.romao
Autor do Tópico
Offline
JCB! Novato

Mais

13 anos 7 meses atrás #64199 por fe.romao

fe.romao created the topic: mudar cor do menu JA_Purity

Eu tenho um site com o template JA_Purity
[url=http://printxpress.com.br" onclick="window.open(this.href);return false;]http://printxpress.com.br[/url]

Como vocês podem ver o menu esta totalmente branco, e meu cliente quer que o menu tenha um background cinza (#808080) e um titulo do menu especial como na foto abaixo.
Então quanto ao titulo eu posso fazer uma imagem mas não sei como inclui-la pois ali é um texto. Se for pra fazer esse efeito todo no css eu já desconheço.

Eu tentei vascular os arquivos do modulo main_menu mas não tem um css que eu pudesse editar, só encontrei .php, .xml e .html (que nada mais é que uma página em branco).

Quato ao degradê que tem nos botões na foto, eu disse ao meu cliente que talvez nao seria possivel faze-los, mas se der eu fico grato

Desde ja agradeço a quem puder me ajudar, to precisando meeesmo ja quebrei a cabeça aqui

vlw <img src="{SMILIES_PATH}/icon_e_wink.gif" alt="

" title="Piscada" />

Anexos:

Please Entrar ou Registrar to join the conversation.

jhonny.nunes
Offline
JCB! Geek

Mais

13 anos 7 meses atrás #64448 por jhonny.nunes

jhonny.nunes replied the topic: Re: mudar cor do menu JA_Purity

Cara me add ai <a href="mailto:jhonnycssr@hotmail.com]jhonnycssr@hotmail.com[/url]....Poço lher dar uma dicas legais.

[b:fv29n2aj]Consultoria em joomla[/b:fv29n2aj]
Email:[b:fv29n2aj][color=#BF0000:fv29n2aj]Este endereço de email está sendo protegido de spambots. Você precisa do JavaScript ativado para vê-lo.[/color:fv29n2aj][/b:fv29n2aj]
[b:fv29n2aj]Whatszapp:[/b:fv29n2aj] (62) 8214-5113 (tim)
Skype: [b:fv29n2aj][color=#BF0000:fv29n2aj]jhonny.nunes2[/color:fv29n2aj][/b:fv29n2aj]
<a class="postlink" href=" www.hdsites.com.br " onclick="window.open(this.href);return false;"> www.hdsites.com.br </a>

Please Entrar ou Registrar to join the conversation.

hurry
Offline
JCB! Professional

Mais

13 anos 7 meses atrás #64471 por hurry

hurry replied the topic: Re: mudar cor do menu JA_Purity

Cara se sabe alguma coisa de css pode tenta editar caso contrario procure algum tutorial sobre css estude muito, ou deixe o template como esta ou peça pra alguém alterar pra vc .

Ai esta a parte do css da coluna do menu esquerdo

/* LEFT COLUMN + RIGHT COLUMN
--------------------------------------------------------- */
#ja-col1 {
	float: left;
	width: 24.99%;
	padding-top: 10px;
	overflow: hidden;
}

#ja-col2 {
	float: right;
	width: 20%;
	overflow: hidden;
}

#ja-col1 table,
#ja-col2 table {
	border-collapse: collapse;
	border-spacing: 0;
}

#ja-col1 ul li,
#ja-col2 ul li {
	padding-left: 15px;
	margin: 0;
	background: url(../images/bullet.gif) no-repeat 5px 50%;
}

#ja-col1 ul, #ja-col2 ul {
	margin: 0;
}

#ja-col1 ol, #ja-col2 ol {
	margin-left: 5px;
}

#ja-col1 .article_separator,
#ja-col2 .article_separator {
	display: none;
}

esta parte é dos menus nativos do joomla

/* Default Joomla! Menu */
#ja-container2 ul.menu {
	margin: 0;
	padding: 1px 0 0;
	list-style: none;
	background: url(../images/hdot2.gif) repeat-x top;
}

#ja-container2 ul.menu li {
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
}

#ja-container2 ul.menu li a {
	padding: 2px 0;
	display: block;
	color: #333333;
	background: url(../images/hdot2.gif) repeat-x bottom;
	text-decoration: none;
	outline: none;
}

#ja-container2 ul.menu li a span {
	padding-left: 16px;
	background: url(../images/bullet.gif) no-repeat 5px 5px;
}

#ja-container2 ul.menu li a:hover,
#ja-container2 ul.menu li a:active,
#ja-container2 ul.menu li a:focus {
	color: #333333;
	background: url(../images/hdot2.gif) repeat-x bottom #DDDDDD;
	text-decoration: none;
}

#ja-container2 ul.menu li.active a {
	background: url(../images/hdot2.gif) repeat-x bottom #FFFFFF;
	color: #7BA566;
	font-weight: bold;
	text-decoration: none;
}

#ja-container2 ul.menu li.active a span {
	background: url(../images/bullet3.gif) no-repeat 5px 5px;
}

#ja-container2 ul.menu li li a span {
	background: none;
}

#ja-container2 ul.menu li ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#ja-container2 ul.menu li li {
	padding: 0 0 0 15px !important;
	list-style: none;
}

#ja-container2 ul.menu li li a {
	color: #333333;
	background: none !important;
	font-size: 92%;
	font-weight: normal;
}

#ja-container2 ul.menu li li a:hover,
#ja-container2 ul.menu li li a:active,
#ja-container2 ul.menu li li a:focus {
	color: #006699;
}

#ja-container2 ul.menu li li a span {
	background: url(../images/bullet.gif) no-repeat 5px;
	font-weight: normal;
}

boa sorte abraços(PDT) <img src="{SMILIES_PATH}/icon_e_ugeek.gif" alt=":ugeek:" title="Uber Geek" />

Please Entrar ou Registrar to join the conversation.

Início
Ant
1
Próximo
Fim

Joomla Templates Best Joomla Templates Premium Joomla Templates Free Joomla Templates