Imagens que abrem

2 participantes

Ir para baixo

Tópico resolvido Imagens que abrem

Mensagem por 'Ripper 30.03.14 18:17

Qual é minha questão:
Eu tava vendo uma outra duvida que tinha o link desse forum http://rpgadventure.umforum.net/forum entrei e vi uma coisa muito interessante 

olhem a imagem que tem escrito "evento top monster" na hora que você passa o mouse sobre ela ela abre eu queria colocar ela no meu forum 

http://demoncheats.maisforum.com/forum

olhem a direita la tem uma parte escrita Publicidade e la tem uma imagem oque eu quero fazer e partir aquela imagem em 3 e quando passar o mouse sobre alguma delas abrir 

PS: essa parte Publicidade veio com o tema ela e parte da index_body 

Spoiler:
 

se apertarem Ctrl+F e pesquisarem Publicidade vão achar a parte onde esta o Publicidade 

Endereço do meu fórum:
http://demoncheats.maisforum.com

Versão do fórum:
PunBB


Última edição por DEMORUTO666 em 08.04.14 20:32, editado 1 vez(es)
'Ripper
'Ripper
****

Membro desde : 22/02/2014
Mensagens : 353
Pontos : 517

http://webgamescommunity.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens que abrem

Mensagem por 'Ripper 01.04.14 19:53

up
'Ripper
'Ripper
****

Membro desde : 22/02/2014
Mensagens : 353
Pontos : 517

http://webgamescommunity.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens que abrem

Mensagem por 'Ripper 04.04.14 3:10

up²

Ao infinito e alem!
'Ripper
'Ripper
****

Membro desde : 22/02/2014
Mensagens : 353
Pontos : 517

http://webgamescommunity.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens que abrem

Mensagem por 'Ripper 06.04.14 1:04

up³
'Ripper
'Ripper
****

Membro desde : 22/02/2014
Mensagens : 353
Pontos : 517

http://webgamescommunity.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens que abrem

Mensagem por Shek 06.04.14 1:42

Olá!

Você poderia me informar uma imagem correspondente ao local "evento top monster" que viu em http://rpgadventure.umforum.net/forum ? Eu não encontrei nem pelo Ctrl F.

Sobre sua segunda pergunta, aconselhamos que crie um novo tópico para saná-la, por favor.

Obrigado por manter-me informado da sua dúvida! Muito feliz

Atenciosamente,
Shek
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens que abrem

Mensagem por 'Ripper 06.04.14 1:45

'Ripper
'Ripper
****

Membro desde : 22/02/2014
Mensagens : 353
Pontos : 517

http://webgamescommunity.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens que abrem

Mensagem por Shek 06.04.14 3:50

Olá!

Adicione na mensagem da home page este código:
Código:
<style>
#fpw {
background: #000;
height: 125px;
margin: auto;
overflow: hidden;
padding: 1px 0;
position: relative;
width: 800px;
}
#fpw img:first-of-type {
left: 0;
}
#fpw #in {
background: url(http://i.imgur.com/9lwiMb7.png);
height: 125px;
left: 400px;
overflow: hidden;
position: absolute;
text-align: center;
top: 1px;
width: 0;
}
#fpw{background:#000;height:125px;margin:auto;overflow:hidden;padding:1px 0;position:relative;width:800px}#fpw img{position:absolute}#fpw img:first-of-type{left:0}#fpw img+img{right:0}#fpw #in{background:url(http://i.imgur.com/9lwiMb7.png);height:125px;left:400px;overflow:hidden;position:absolute;text-align:center;top:1px;width:0}#fpw:hover #in{border-left:1px solid #000;border-right:1px solid #000;left:200px;overflow:auto;padding:0 5px;width:390px}#fpw:hover img:first-of-type{left:-200px}#fpw:hover img+img{right:-200px}@font-face{font-family:'Permanent Marker';font-style:normal;font-weight:400;src:local('Permanent Marker'), local(PermanentMarker), url(http://themes.googleusercontent.com/static/fonts/permanentmarker/v2/9vYsg5VgPHKK8SXYbf3sMupm9E4gBdgiUiSJePew_SQ.woff) format("woff")}#fpw *{-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}#fpw #in b{background:rgba(120,120,120,0.5)!important;color:#aaa!important;display:block!important;font-family:"permanent marker"!important;font-size:20px!important;font-style:normal!important;font-variant:normal!important;font-weight:normal!important;line-height:!important;margin:30px 20px 0!important}#fpw #in a{background:rgba(120,120,120,0.5)!important;color:#bbb!important;display:block!important;font-family:arial!important;font-size:10px!important;font-style:normal!important;font-variant:normal!important;font-weight:normal!important;letter-spacing:2px!important;line-height:!important;margin:30px 20px 0!important;padding:15px 3px!important;text-decoration:none!important;text-transform:uppercase!important}#fpw #in img{display:block;float:left;margin:1px;width:90px}#fpx{background:#000;height:125px;margin:auto;overflow:hidden;padding:1px 0;position:relative;width:400px}#fpx img{position:absolute}#fpx img:first-of-type{left:0}#fpx img+img{right:0}#fpx #ip{background:url(http://i.imgur.com/6gbXwJi.png);height:125px;left:200px;overflow:hidden;position:absolute;text-align:center;top:1px;width:0}#fpx:hover #ip{border-left:1px solid #000;border-right:1px solid #000;left:100px;overflow:auto;padding:0 5px;width:190px}#fpx:hover img:first-of-type{left:-100px}#fpx:hover img+img{right:-100px}#fpx *{-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}#fpx #ip B{background:rgba(120,120,120,0.5);color:#aaa;display:block;font-family:"permanent marker";font-size:20px;font-style:normal;font-variant:normal;font-weight:normal;margin:30px 20px 0}#fpx #ip A{background:rgba(120,120,120,0.5);color:#bbb;display:block;font-family:arial;font-size:10px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:2px;margin:30px 20px 0;padding:15px 3px;text-decoration:none;text-transform:uppercase}
</style>
<div align="center" oncontextmenu="return false" onselectstart="return false">
   
   <table>
      
      <tbody>
         
         <tr>
            
            <td>
               
               <table>
                  
                  <tbody>
                     
                     <tr>
                        
                        <td colspan="2">
                           
                           <div id="fpw">
                               <img src="http://i.imgur.com/Dz0efL2.png" /><img src="http://i.imgur.com/MxNqsKA.png" />
                              <div id="in">
                                  <a href="http://rpgadventure.umforum.net/forum"><strong><span style="font-size: 14px;">Top Monsters</span></strong><br /><span style="font-size: 13px;">Evento Aqui</span></a>
                              </div>
                              
                           </div>
                           
                        </td>
                        
                     </tr>
                     
                     <tr>
                        
                        <td>
                           
                           <div id="fpx">
                               <img src="http://i.imgur.com/FHeyQbo.png" /><img src="http://i.imgur.com/Cip1cmt.png" />
                              <div id="ip">
                                  <a href="http://rpgadventure.umforum.net/forum"><strong><span style="font-size: 14px;">Staff RPGA</span></strong><br /><span style="font-size: 13px;">Saiba mais Aqui</span></a>
                              </div>
                              
                           </div>
                           
                        </td>
                        
                        <td>
                           
                           <div id="fpx">
                               <img src="http://i.imgur.com/6Vb4WYP.png" /><img src="http://i.imgur.com/1gUWsps.png" />
                              <div id="ip">
                                  <a href="http://rpgadventure.umforum.net/forum"><strong><span style="font-size: 14px;">Mundo de Gaia</span></strong><br /><span style="font-size: 13px;">Saiba mais Aqui</span></a>
                              </div>
                              
                           </div>
                           
                        </td>
                        
                     </tr>
                     
                     <tr>
                        
                        <td>
                            <a class="postlink" href="http://rpgadventure.umforum.net/forum"> </a>
                           <div style="" id="bota">
                               <a class="postlink" href="http://rpgadventure.umforum.net/forum">/div></a>
                           </div>
                           
                        </td>
                        
                        <td>
                            <a class="postlink" href="http://rpgadventure.umforum.net/forum"> </a>
                           <div style="" id="botb">
                              
                           </div><a class="postlink" href="http://rpgadventure.umforum.net/forum"></a>
                        </td>
                        
                     </tr>
                     
                  </tbody>
                  
               </table>
               
            </td>
            
            <td>
                <a href="http://rpgadventure.umforum.net/forum"><style="" id="botc"></style=""></a>
            </td>
            
         </tr>
         
      </tbody>
      
   </table>
</div>
Atenciosamente,
Shek
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens que abrem

Mensagem por 'Ripper 06.04.14 22:38

funcionol mas ficou um /div> como pode ver http://demoncheats.maisforum.com/

ficou estranho ja tentei apagar um tanto de /div> não funcionou acabou bugando mais

neste momento estou com exatamente o mesmo codigo que me passou
'Ripper
'Ripper
****

Membro desde : 22/02/2014
Mensagens : 353
Pontos : 517

http://webgamescommunity.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens que abrem

Mensagem por 'Ripper 08.04.14 20:31

consegui resolver
vlw por me mandar o codigo Shek agora vou ajeitar as imagens :3
'Ripper
'Ripper
****

Membro desde : 22/02/2014
Mensagens : 353
Pontos : 517

http://webgamescommunity.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos