[Resolvido] Menu no blogger

[Thiago Retondar 18]

Tente ser o máximo específico nas declarações

 

Ou se não, em último caso, use style inline.

 

;)

[MarVinOlivieraS 0]

Bem,

 

já tentou fazer isso:

 

a {
	color: white;
}

^_^

 

como assim você poderia me mostar?

[MarVinOlivieraS 0]

deixa eu explicar novamente. na minha skin tem em uma determinanda parte do código isso:

 

/* Default links 	*/

a:link,a:visited{
  font-weight: bold;
  text-decoration: none;
  color: $linkColor;
  background: transparent;
}
a:hover {
  font-weight: bold;
  text-decoration: underline;
  color: $hoverLinkColor;
  background: transparent;
}

a:active {
  font-weight : bold;
  text-decoration : none;
  color: $hoverLinkColor;
  background: transparent;
}

e no final da skin eu coloquei esse código:

 

/* =================================MENU====== */
#navcontainer {
  width:100%;
}
#navcontainer table tr td {
  background:url(http://www.marvin.xpg.com.br/blog/imgmenu.png) repeat-x;
  text-align: center;
  width:110px;
  font:15px Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
 border-left: 1px solid #B22222;
}

#navcontainer a:link, a:visited{
color: #ffffff;
  text-decoration: none;
}
#navcontainer td:hover {
seletor display: block;
color: #ffffff;
  background:url(http://www.marvin.xpg.com.br/blog/imgmenu2.png) repeat-x;
  border: 1px solid #A52A2A;
text-decoration: none;
}
#navcontainer a:active{
color: #ffffff;
  text-decoration: none;
}

nesse tutorial explica uma cituação parecida: http://forum.wmonline.com.br/lofiversion/index.php/t113305.html só que não consigo interpretar uma forma de adaptar ao meu caso.

[Thiago Retondar 18]

coloque no inicio do código isso:

 

a, a:link{
color: white;
}

Parto do princípio que você já saiba um pouco sobre CSS. http://forum.imasters.com.br/public/style_emoticons/default/innocent.gif

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[MarVinOlivieraS 0]

boa noite, depois de muito tempo de pesquina na net e de muito encomodo ao moderador, encontrei a solução para meu menu, juntando o que ele me disse com o que eu encontrei nesse tutorial: http://www.maujor.com/tutorial/linkdif.php (que a final recomendo) e com o que o Claudiobrother me passou. bem agradecimentos à parte, a solução foi:

 

mantive a formatação para todos os links que estava na skin alterei o #navcontainer que ficou assim:

 

#navcontainer{
  width:100%;
}
#navcontainer table tr td{
  background:url(http://www.marvin.xpg.com.br/blog/imgmenu.png) repeat-x;
  text-align: center;
  width:110px;
  font:15px Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
 border-left: 1px solid #B22222;
}
 #navcontainer a:link {
  text-decoration: none;
} 
#navcontainer td:hover {
seletor display: block;
  border: 1px solid #A52A2A;
  background:url(http://www.marvin.xpg.com.br/blog/imgmenu2.png) repeat-x;
  text-decoration: none;
}

observem que tirei o active e o visited, pois eram eles que tavam causando o conflito, o a:link não tirei pois sem ele o hover não funciona, o hover mantive como estava porém removi o color para não interferir no resto da página.

 

Eu friei um style fora da skin, para configurar a cor de fonte dos links do menu, ficou assim:

<style>
a.teste:link{
color: #FFFFFF;
  text-decoration: none;
}
a.teste:visited {
color: #FFFFFF;
  text-decoration: none;

a.teste:active {
color: #FFFFFF;
  text-decoration: none;
}


</style>

e por último adcionei a "class" aos links, e ai sim tudo funcionou, o código ficou assim:

 

<div id='navcontainer'>
  <table border='0' cellspacing='0' class='navcontainer' height='30px' width='100%'>
    <tr>
      <td><a class='teste' href='#'>Home</a></td>
      <td><a class='teste' href='#'>Cursos</a></td>
      <td><a class='teste' href='#'>Jogos</a></td>
      <td><a class='teste' href='#'>Softwares</a></td>
      <td><a class='teste' href='#'>Hardware</a></td>
<td><a class='teste' href='#'>Indicados</a></td>
<td><a class='teste' href='#'>Perfil</a></td>
    </tr>
  </table>
</div>

e voilá (é assim q escreve?) funcionou, o único problema é que não funciona na IE 6 ( e o que funciona?) a troca de background no hover. Será que seria interessante abrir um poste com essa segunda parte de minha dúvida, percebo que dúvidas parecidas com essa aparecem pela net, e seria uma boa ajuda e pelo titulo do post não dá para imaginar que ela seja resolvida também.

 

valleu muito obrigado!!!!!

[Thiago Retondar 18]

Procure por CSS Sprite. Postei um vídeo na seção de tutoriais do fórum.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif