Best Web

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


    Fornecimento de um código.

    Compartilhe
    avatar
    Super Onze Novice
    Membros
    Membros

    Mensagens : 9
    Reputação : 1

    Fornecimento de um código.

    Mensagem por Super Onze Novice 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?
    avatar
    While
    Administrador
    Administrador

    Mensagens : 380
    Reputação : 8

    Re: Fornecimento de um código.

    Mensagem por While em Sab Jun 04, 2016 12:34 am

    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;
    }
    avatar
    Super Onze Novice
    Membros
    Membros

    Mensagens : 9
    Reputação : 1

    Re: Fornecimento de um código.

    Mensagem por Super Onze Novice em Sab Jun 04, 2016 12:45 am

    resultou, mais ainda vou pedir as imagens para por.
    avatar
    While
    Administrador
    Administrador

    Mensagens : 380
    Reputação : 8

    Re: Fornecimento de um código.

    Mensagem por While em Sab Jun 04, 2016 12:58 am

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

    Mensagens : 9
    Reputação : 1

    Re: Fornecimento de um código.

    Mensagem por Super Onze Novice em Sab Jun 04, 2016 1:22 am

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

    Mensagens : 380
    Reputação : 8

    Re: Fornecimento de um código.

    Mensagem por While em Sab Jun 04, 2016 1:49 am

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

    Conteúdo patrocinado

    Re: Fornecimento de um código.

    Mensagem por Conteúdo patrocinado


      Data/hora atual: Qui Out 19, 2017 12:28 am