Ir para conteúdo
Fórum Script Brasil
  • 0

Preciso de ajuda com um menu em css over!

Thiago Lira

Perguntado por Thiago Lira,

 Share

Pergunta

Thiago Lira

Thiago Lira

Postado
Postado (editado)

Pessoal sou novato aqui no forum e gostaria de pedir sua ajuda para solucionar um problema com um site que estou construindo. Vamos lá!

Peguei na net um script pronto de um menu em css com over coloquei no meu site e logo que visualizo no front page ele pega certinho mais quando eu coloco no ar ele só pega os links e o menu não aparece. Estou colocando no servido gratis do vila bol. O html da minha pagina está assim:

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'xhtml1-transitional.dtd'>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel='stylesheet' type='text/css' href='menu_style.css' />
<title> Sport Club do Recife  - SEMPRE SPORT</title>
<meta name="description" content="Site não oficial do Sport Club do Recife, para discussão sobre jogos, administração, forum e notícias" />
<meta name="keywords" content="sport, club, recife, jogos, libertadores, copa, brasileirão, forum, futebol, ilha, retiro, labobonilha, magrão, durval, igor, cezar, dutra, sidiny, kassio, andrade, junior maranhão, luciano henrique, ciro, fumagalli, carlinhos bala, roger, enilton, nelsinho, campeão, 1987, torcida jovem, gang da ilha, treme terra" />
<meta name="robots"content="ALL" />
<meta name="copyright" content="Sempre Sport - Sport Club do Recife - Copyright © - 2008 - Todos os direitos reservados" />
<meta name="author" content="Thiago Lira de Oliveira" />
<meta name="language" content="Português-Br" />
<meta name="revisit-after" content="1 days" />
<link rel="shortcut icon" href="http://www.sosdesigners.com/favicon.ico" />
<body> 
<BODY bgColor=#E7E3E7 leftMargin=0 
topMargin=0></p>

</body>
</html>
<body bgcolor="#E7E3E7" link="#FFFF00" vlink="#FF0000" alink="#E61F1F">

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" bgcolor="#E7E3E7">
  <tr>
    <td width="50%">
    <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%">
      <tr>
        <td width="100%"><head>
</head>
<body>
<ul class="menu red">
    <li><a href="#" title="">Notícias</a></li>
    <li class="current"><a href="#" title="">Clube</a></li>
    <li><a href="#" title="" >Futebol</a></li>
    <li><a href="#" title="">Esportes</a></li>
    <li><a href="#" title="">História</a></li>
    <li><a href="#" title="">Torcedor</a></li>
    <li>
    <p align="justify"><a href="#" title="">Fórum</a></li>
</ul>

  <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%">
    <tr>
      <td width="100%">
      <img border="0" src="../../fffffffff.jpg" width="779" height="215"></td>
    </tr>
</table>
  <p>&nbsp;</p>
  <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="41%">
    <tr>
      <td width="100%">
<iframe marginwidth="0" marginheight="0"
src="destaque.htm" frameborder="0"
width="302" height="363" scrolling="no" name="I1"></iframe>
      <p>&nbsp;</td>
    </tr>
  </table>

</body>
</html>
Gostaria de saber se tem algo errado? A parte do código que contem o menu é essa: 
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'xhtml1-transitional.dtd'>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel='stylesheet' type='text/css' href='menu_style.css' /> e </head>
<body>
<ul class="menu red">
    <li><a href="#" title="">Notícias</a></li>
    <li class="current"><a href="#" title="">Clube</a></li>
    <li><a href="#" title="" >Futebol</a></li>
    <li><a href="#" title="">Esportes</a></li>
    <li><a href="#" title="">História</a></li>
    <li><a href="#" title="">Torcedor</a></li>
    <li>
    <p align="justify"><a href="#" title="">Fórum</a></li>
</ul>
Essa parte abaixo é a do funcionamento do Menu pois o mesmo o mesmo está num arquivo 
'menu_style.css

Que já olhei mais não vi nada em que configurar a não ser a imagem que tem nele que já configurei!!

Se vocês poderem me ajudar ficarei grato!

Editado por Thiago Lira
Link para o comentário
Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

  • 0
Thiago Lira

Thiago Lira

Postado
  • Autor
Postado
Verifique se o Vilabol aceita arquivo css e também se você enviou o arquivo css pro servidor.

Também tava nessa duvida se o vila bol recebia arquivo css, mais enviei a página com um slid em css quase igual ao do portal ig que fica passando as imagens com noticias e você pode apertar em opção 1 2 ou 3 não sei se você está entendendo mais entra no site do ig e você vai ver aquele letreiro com imagens de noticias que passam aleatoriamente. E quando eu enviei a página essa função pegou!! Será que esse arquivo não é css? Pois foi o que eu enviei e pegou!!

<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Portal SOS Designers</title>

<link href="novo/css/estilo2.css" rel="stylesheet" type="text/css" />

<style>

* { margin:0; padding:0;}

#destaques { width:300px; height:360px; border:1px solid black; overflow: hidden; background-image:url('back_destaques.jpg'); background-repeat:repeat-x }

#destaques ul { height:30px; list-style:none; text-align:center; float:left;}

#destaques ul li{ font-size: 15px; font-family: verdana, arial, serif;float:left; width:34px; height:20px; border:2px solid red; margin:2px; cursor:pointer;}

#destaques div { clear:both; height:170px; display:none; /* todas escondidas por default. O JS que irá exibi-las. */}

#destaques div img { float:left; width: 290px; height:240px; border:0px solid black; margin:5px; }

#destaques .exibe { display:block;}

</style>

<script>

var atual=1; //esta var guarda o valor que tá sendo exibido agora.

var timeloop; //guardará o setInterval

function muda(qual){

/*** função que altera a div que é exibida ***/

//divs que estão dentro do destaques colocadas num array

var divs = document.getElementById("destaques").getElementsByTagName("div");

//formatando o qual

var qual_num = Number(qual);

if (qual_num<1){ qual_num = divs.length;}

else if (qual_num>divs.length) { qual_num = 1;}

//colocando o zero antes se for necessário

if (qual_num<10) {qual = "0" + qual_num} else { qual = qual_num };

//voltando a classe de todas para o padrão que é vazio (resetando)

for (var i=0;i<divs.length;i++){ divs.className = "";}

//aplicando a classe exibe na que for pra exibir

document.getElementById("dest_"+qual).className = "exibe";

atual = qual_num; //setando o atual

}

function iniciaAutomatico(){

timeloop = setInterval("muda(Number(atual)+1)",5000);

}

</script>

<script language="JavaScript" type="text/JavaScript">

<!--

function MM_reloadPage(init) { //reloads the window if Nav4 resized

if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {

document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}

else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();

}

MM_reloadPage(true);

//-->

</script>

</head>

<body bgcolor="#FFFFFF" onload="iniciaAutomatico()">

<div id="destaques" style="width: 404; height: 800">

<ul>

<li onclick="muda(this.innerHTML); clearInterval(timeloop)">01</li>

<li onclick="muda(this.innerHTML); clearInterval(timeloop)">02</li>

<li onclick="muda(this.innerHTML); clearInterval(timeloop)">03</li>

<li onclick="muda(Number(atual)-1); clearInterval(timeloop)">&lt;</li>

<li onclick="muda(Number(atual)+1); clearInterval(timeloop)">&gt;</li>

</ul>

&nbsp;<div id="dest_01" class="exibe">

<img border="0" src="31.08.2008.01.gif">

<h3>1 - Programa&ccedil;&atilde;o</h3>

<p> <a href="http://www.sosdesigners.com/colunas-139.html" target="_parent">Configurando

as cores do CorelDraw</a>: Aprenda a configurar as cores do CorelDraw

de acordo com o trabalho.</p>

</div>

<div id="dest_02">

<img border="0" src="31.08.2008.02.gif">

<h3>2- Design Gr&aacute;fico</h3>

<p><a href="http://www.sosdesigners.com/colunas-139.html" target="_parent">Configurando

as cores do CorelDraw</a>: Aprenda a configurar as cores do CorelDraw

de acordo com o trabalho.</p>

</div>

<div id="dest_03"> <font face="Times New Roman">

<img border="0" src="31.08.2008.03.gif">

</font> <font size="1" face="Times New Roman">

<h3>3 - Dicas Web</h3>

</font> <font face="Times New Roman">

<p><a href="http://www.sosdesigners.com/colunas-139.html" target="_parent">Configurando

as cores do CorelDraw</a>: Aprenda a configurar as cores do CorelDraw

de acordo com o trabalho.</p>

</div>

</font> <font size="1" face="Verdana, Arial, Helvetica, sans-serif">

</body>

</html>

Por favor me responde se esse codigo é css pois se for então tem algo errado pois esse pegou!! Valeu abraços!!!

Link para o comentário
Compartilhar em outros sites
  • 0
Thiago Lira

Thiago Lira

Postado
  • Autor
Postado
Fiquei meio confuso com seu comentário agora O_O

E esse negocio la do IG é javascript.

Sobre o ig beleza, mais olha esse link http://www.sosdesigners.com lá você vai ver esse slid em "css" Acho eu!! Em ação!! Vê para mim se é css mesmo sou leigo mais quero dá uma melhorada no site.. E se não for, sabe onde posso hospedar sem publicidade que aceite css?

Abraços!!!

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...