Best Web

Fórum de suporte á códigos e gráfico á Usuários forumeiros.


Você não está conectado. Conecte-se ou registre-se

Fornecimento de um código.

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

1 Fornecimento de um código. em Sab Jun 04, 2016 12:11 am

Detalhes da questão


Endereço do fórum: Superonzerpgnovice.forumeiros.com
Versão do fórum: PunBB

Descrição


Bem eu quero colocar acima de meu umas noticias como tem neste fórum:

http://www.onepiecerpg.com/

Imagem:

Poderia me fornecer o código e onde teria de colocar?

Ver perfil do usuário

2 Re: Fornecimento de um código. em Sab Jun 04, 2016 12:34 am

While

avatar
Administrador
Administrador
Olá, acesse:
Painel de Controle -> Visualização -> Geral -> Pagina Inicial

E adicione esse código:
Código:
<div id="container">
                                                                                                                                 
      <div id="content">
                                                                                                                                
         <div id="bloco1">
                                                                                                                                   
            <div id="wowslider-container1">
                                                                                                                                            
               <div class="ws_images">
                                                                                                <a href="http://www.onepiecerpg.com/t12023-contrata-se"><img src="http://i.imgur.com/hfaBIk4.jpg" alt="Contrata-se" title="Contrata-se" id="dest34" /></a>                    <a href="http://www.onepiecerpg.com/t29763-eg-final"><img src="http://i.imgur.com/wLVtrL6.jpg" alt="Eventos" title="Eventos" id="dest29" /></a>                    <a href="http://www.onepiecerpg.com/t29155-seagull-newspaper-novembro-e-dezembro-de-2014"><img src="http://i.imgur.com/9LlI0K4.jpg" alt="Jornal" title="Jornal" id="dest28" /></a>                        <a href="http://www.onepiecerpg.com/f57-jornal"><img alt="DESTAQUES DE HONRA" title="DESTAQUES DE HONRA" id="destinomural" src="http://i.imgur.com/n4Iu4i4.jpg" /></a>                                                                             
               </div>
                                                                                      
               <div style="position: absolute; top: -50px; left: -23px; z-index: 10;">
                                                        <img src="http://i.imgur.com/gak6nBT.png" />                                       
               </div>
                                                                                                                                  
               <!--                          ws_images  | FIM DAS IMAGENS GRANDES                        -->                                                                           
               <div class="ws_bullets">
                                                                                                                                                   
                  <div>
                                                                                                             <a href="#dest34" title="Contrata-se">                <img src="http://i.imgur.com/t3pDciB.jpg" alt="Contrata-se" />1</a>                                <a href="#dest29" title="Eventos">                <img src="http://i.imgur.com/Gx9lNQF.jpg" alt="Eventos" />2</a>                                <a href="#dest28" title="Jornal">                <img src="http://i.imgur.com/5xrIYvN.jpg" alt="Jornal" />3</a>                                <a href="#destinomural" title="DESTAQUES DE HONRA">                <img src="http://i.imgur.com/cNSdnWC.jpg" alt="DESTAQUES DE HONRA" />4</a>                                                                                     
                  </div>
                                                                                                                                               
               </div>
                                                        
               <!--                          FIM DAS IMAGENS PEQUENAS                        -->                                                                                                       
            </div>
                                                                                                                               
            <!--                                                            wowslider-container1                                                            -->    <script type="text/javascript" src="http://www.onepiecerpg.com/14025.js"></script>                                                         
         </div>
                                                                                                                            
      </div>
                                                                                                                       
   </div>

Adicione esse código na sua folha de estilo css:
Código:

#wowslider-container1 .ws_bullets, #wowslider-container2 .ws_bullets {
    font-size: 0px;
    padding: 10px;
    float: left;
    position: absolute;
    z-index: 70;
}
#wowslider-container1 {
    overflow: hidden;
    zoom: 1;
    position: relative;
    width: 801px;
    margin: 0 auto;
    z-index: 100;
}
#wowslider-container1 .ws_images {
    width: 801px;
    height: 200px;
    overflow: hidden;
    position: relative;
    border: 1px solid #333;
}
#wowslider-container1 .ws_bullets, #wowslider-container2 .ws_bullets {
    top: 0;
    right: 0;
}

#wowslider-container1 .ws_bullets a, #wowslider-container2 .ws_bullets a {
    margin-left: 5px;
    height: 10px;
    width: 10px;
    float: left;
    border: 1px solid #363636;
    color: #363636;
    text-indent: -1000px;
    background-image: url("data:image/gif;base64,");
    position: relative;
    color: transparent;
}
#wowslider-container1 .ws_selbull, #wowslider-container2 .ws_selbull {
    background-color: #363636;
    color: #FFFFFF;
}
#wowslider-container1 a, #wowslider-container2 a {
    text-decoration: none;
    outline: none;
    border: none;
}

Ver perfil do usuário http://bestweb.forumeiros.com

3 Re: Fornecimento de um código. em Sab Jun 04, 2016 12:45 am

resultou, mais ainda vou pedir as imagens para por.

Ver perfil do usuário

4 Re: Fornecimento de um código. em Sab Jun 04, 2016 12:58 am

While

avatar
Administrador
Administrador
Não entendi... basta você procurar no código que te pedi para adicionar na mensagem principal e alterar as urls das imagens.

Ver perfil do usuário http://bestweb.forumeiros.com

5 Re: Fornecimento de um código. em Sab Jun 04, 2016 1:22 am

Sim, mais estas imagens eu quero que um design faça, entende? pode fechar.

Ver perfil do usuário

6 Re: Fornecimento de um código. em Sab Jun 04, 2016 1:49 am

While

avatar
Administrador
Administrador
Tópico Resolvido
O tópico será encaminhado para a área de arquivados do setor

Ver perfil do usuário http://bestweb.forumeiros.com

Conteúdo patrocinado


Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum