Jump to content
Fórum Script Brasil
  • 0

(Resolvido) Deixar Menu ao lado do video


Question

18 answers to this question

Recommended Posts

  • 0

html>
   <head>
      <title>Grand Theft Auto Multiplayer</title>
      <link rel='stylesheet' type='text/css' href='menu_style.css'>
</head>

 <body background="samp.jpg" TEXT="BLACK" LINK="black" ALINK="blue" VLINK="green">


<marquee loop="0"><font face="Arial Black" color="blue" size="h3"> Grand <font color="red">Theft Auto<font color="blue"> Multiplayer SAMP -<font color="red"> Brasil Play Forever o Melhor Server do Brasil!!!</font></marquee>
<center><img src="banner.gif"></center>

<div align="left" vspace="2" hspace="2">
<div class="outer">
<div id="menu">
        <ul>
            <li><a href="HISTORIA.html" title="BPFSamp">A História</a></li>
            <li><a href="http://www.brasilplayforever.com" title="BPFPortal"><FONT COLOR="BLUE">BPF Portal</FONT></a></li>
            <li><a href="http://www.brasilplayforever.com/forum.htm" title="BPFFórum"><FONT COLOR="RED">BPF Fórum</FONT></a></li>
                    <li><a href="oBPF.html" title="O BPF">O BPF</a></li>
                <li><a href="creditos.html" title="Créditos">Créditos</a></li>
                </ul>
    </div>
</div>

<br><br><br><div align="center"><object width="445" height="364" vspace="2" hspace="2"><param name="movie" value="http://www.youtube.com/v/L6hz-GOcyZQ&hl=pt_BR&fs=1&rel=0&color1=0x5d1719&color2=0xcd311b&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/L6hz-GOcyZQ&hl=pt_BR&fs=1&rel=0&color1=0x5d1719&color2=0xcd311b&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="445" height="364"></embed></object></div>



</body>
</html>

Ele não está on ainda =] Obs: é o meu primeiro, estou fazendo um trabalho para a escola

Edited by *FIT*
Colocar Tags [code] e retirar o bold. *FIT*
Link to post
Share on other sites
  • 0

Faça um teste, troque:

<br><br><br><div align="center"><object width="445" height="364" vspace="2" hspace="2"><param name="movie" value="http://www.youtube.com/v/L6hz-GOcyZQ&hl=pt_BR&fs=1&rel=0&color1=0x5d1719&color2=0xcd311b&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/L6hz-GOcyZQ&hl=pt_BR&fs=1&rel=0&color1=0x5d1719&color2=0xcd311b&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="445" height="364"></embed></object></div>
por:
<div style="float:left; margin-left:100px;"><object width="445" height="364" vspace="2" hspace="2"><param name="movie" value="http://www.youtube.com/v/L6hz-GOcyZQ&hl=pt_BR&fs=1&rel=0&color1=0x5d1719&color2=0xcd311b&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/L6hz-GOcyZQ&hl=pt_BR&fs=1&rel=0&color1=0x5d1719&color2=0xcd311b&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="445" height="364"></embed></object></div>

E posta o resultado aqui, aos poucos agente vai acertando. E eu vou te explicando o que foi feito.

Link to post
Share on other sites
  • 0

<link rel='stylesheet' type='text/css' href='menu_style.css'>

O css seria a folha de estilo no site, no caso esse arquivo menu_style.css que é inserido na página através do código acima.

Estude sobre ele e muito importante para o que pretende fazer, e principalmente se quiser seguir essa área: http://maujor.com/tutorial/faq.php

Link to post
Share on other sites
  • 0

á sorry

/*        V2        */
.outer{
    list-style:none;
    margin:0px;
    padding:0px;
}

    
#menu {
    width: 200px;
    border-style: solid solid none solid;
    border-color: #94AA74;
    border-width: 1px;

    }
#menu ul{
    list-style:none;
    margin:0px;
    padding:0px;
    }
    
#menu li a {
    height: 32px;
      voice-family: "\"}\""; 
      voice-family: inherit;
      height: 24px;
    text-decoration: none;
    font-weight:normal;
    }    
    
#menu li a:link, #menu li a:visited {
    color: #FFFFFF;
    display: block;
    background: url(images/v6.gif);
    background-repeat:no-repeat;
    padding: 8px 0 0 50px;
    }
    
#menu li a:hover {
    color: #666666;
    background: url(images/v6.gif) 0 -32px;
    background-repeat:no-repeat;
    padding: 8px 0 0 50px;
    }
    
#menu li a:active {
    color: #666666;
    background: url(images/v6.gif) 0 -64px;
    background-repeat:no-repeat;
    padding: 8px 0 0 50px;
    }

Link to post
Share on other sites
  • 0

A nivel de teste, troque:

.outer{
    list-style:none;
    margin:0px;
    padding:0px;
}
por:
.outer{
    list-style:none;
    margin:0px;
    padding:0px;
    width: 400px;
}

E mantenha aquela alteração que eu tinha passado antes, só pra ver se o video sobe.

Link to post
Share on other sites
  • 0

Vou verificar isso, bom, realmente sem o link fica um pouco complicado, ai temos que ficar meio que arriscando um palpite, mas vamos lá, desconsidere essa ultima dica que disse, volto o css como era antes, e deixe a página assim.

<html>
   <head>
      <title>Grand Theft Auto Multiplayer</title>
      <link rel='stylesheet' type='text/css' href='menu_style.css'>
</head>

<body background="samp.jpg" TEXT="BLACK" LINK="black" ALINK="blue" VLINK="green">


<marquee loop="0"><font face="Arial Black" color="blue" size="h3"> Grand <font color="red">Theft Auto<font color="blue"> Multiplayer SAMP -<font color="red"> Brasil Play Forever o Melhor Server do Brasil!!!</font></marquee>
<center><img src="banner.gif"></center>

<div align="left" vspace="2" hspace="2">
<div class="outer">
<div id="menu">
        <ul>
            <li><a href="HISTORIA.html" title="BPFSamp">A História</a></li>
            <li><a href="http://www.brasilplayforever.com" title="BPFPortal"><FONT COLOR="BLUE">BPF Portal</FONT></a></li>
            <li><a href="http://www.brasilplayforever.com/forum.htm" title="BPFFórum"><FONT COLOR="RED">BPF Fórum</FONT></a></li>
                    <li><a href="oBPF.html" title="O BPF">O BPF</a></li>
                <li><a href="creditos.html" title="Créditos">Créditos</a></li>
                </ul>
    </div>
<div style="float:left; margin-left:100px;"><object width="445" height="364" vspace="2" hspace="2"><param name="movie" value="http://www.youtube.com/v/L6hz-GOcyZQ&hl=pt_BR&fs=1&rel=0&color1=0x5d1719&color2=0xcd311b&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/L6hz-GOcyZQ&hl=pt_BR&fs=1&rel=0&color1=0x5d1719&color2=0xcd311b&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="445" height="364"></embed></object></div>
</div>
</div>

</body>
</html>

Qual o seu nivel de conhecimento em HTML e CSS? Tente isso que fiz agora, porém visualizando o código ai, e tendo acesso a página é uma coisa simples de se resolver. Só fica um pouco complicado aqui pois não tenho como ir testando o que cito.

Link to post
Share on other sites
  • 0

Seu site está na verdade bem bagunçado, mas por ser seu primeiro site e estar aprendendo nós entendemos.

Na verdade ele precisa de uma reformulação geral para ficar em um padrão apropriado pela W3C, mas, como não temos muito tempo pra isso aqui, segue um modo de resolver que na verdade não aconselho se for fazer algo mais profissional.

Mantenha do mesmo modo que deixou nesse link, apenas substitua essa parte.

<div style="float:left; margin-left:100px; position:absolute; margin-top:-192px;"><object width="445" height="364" vspace="2" hspace="2"><param name="movie" value="http://www.youtube.com/v/L6hz-GOcyZQ&hl=pt_BR&fs=1&rel=0&color1=0x5d1719&color2=0xcd311b&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/L6hz-GOcyZQ&hl=pt_BR&fs=1&rel=0&color1=0x5d1719&color2=0xcd311b&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="445" height="364"></embed></object></div>

Vai resolver seu problema, testei aqui e ficou certo, mas vale ressaltar que para uma solução melhor, a estrutura teria que ser toda modificada.

Link to post
Share on other sites
  • 0

Ok, legal! Em todo caso, da uma estudada legal em HTML e CSS, tem muita coisa interessante na net, aqui mesmo no fórum tem muito conteúdo legal pra estudar.

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Cloud Computing


  • Forum Statistics

    • Total Topics
      149279
    • Total Posts
      645643
×
×
  • Create New...