Ir ao conteúdo
  • Cadastre-se

Bulgarellllli

Membro Pleno
  • Posts

    37
  • Cadastrado em

  • Última visita

posts postados por Bulgarellllli

  1. Descobri o problema: usuários sem a permissão unfiltered_html não podem inserir algumas tags em postagens ou comentário e ela só vem habilitada para os adms, por isso não funcionava para os outros usuários. Para resolver, eu encontrei um plugin que permite habilitar diversas permissões para cada função no site, mais detalhes do plugin e dessa permissão no post: https://publishpress.com/blog/unfiltered-html-permission-wordpress/?unapproved=47123&moderation-hash=3fd676844dc4a666dbf8e531c122d86a#comment-47123

  2. Bom dia/tarde/noite galera, como estão? Bom, estou desenvolvendo uma espécie de plataforma de orçamentos no WordPress e estou utilizando o próprio sistema de posts e comentários para tal, com apenas algumas modificações. Uma delas é a substituição do textarea do form de comentário, por uma tabela com alguns inputs, pois servirá melhor para esse sistema:

    image.thumb.png.adc14a9bad025ec3316e35b1fc7adcd2.png

    Aí quando a pessoa envia essa comentário, eu injeto no value do input que envia essas informações o HTML de uma tabela com os dados dessa tabela. O problema que estou tendo é que o conteúdo desse comentário é armazenado no Banco de Dados sem o HTML, salvando apenas o conteúdo de cada Tag. O mesmo não acontece quando um Administrador é quem faz o comentário:

     

    Como o comentário de um administrador aparece no frontend:

    image.thumb.png.767c0e89ca043a8a72984e0f6ac0d082.png

    Como o comentário de um usuário com outra função aparece:

    image.thumb.png.da45c47df20ea0fc26b3546ffb3a92ac.png

     

    Sou bem iniciante em PHP, então provavelmente isso é apenas uma configuração bem fácil de mudar, porém não tenho ideia de como proceder. Qualquer ajuda é bem vida, desde já agradeço! :)

  3. Boa noite gurus! Estou travado em um problema à um tempinho. Estou desenvolvendo um site para uma pizzaria cujo cardápio é um carroussel em Bootstrap. No android e desktop está tudo uma beleza, o problema é o Iphone X, nele as imagens do carrossel aparecem assim: 

     

    247afeaf-9301-43a1-b9ed-7f91fb6f9158.thumb.jpeg.b4cf1d9a6bf8f23232cef0b96761198d.jpeg

     

    Porém essa infelicidade com as imagens só ocorre dentro do carroussel, pois quando a imagem está fora dele, ela é apresentada normalmente. Essa é a visualização no android:

     

     

    787ba3f6-90a7-4edf-b2a4-1f0479a720d9.thumb.jpeg.96daafed9865a772a270faef576c7b9c.jpeg

     

    Esse aqui é o código do carroussel:

    <div id="mainSlidermobile" class="carousel slide show_mobile" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#mainSlidermobile" data-slide-to="0" class="active"></li>
            <li data-target="#mainSlidermobile" data-slide-to="1"></li>
            <li data-target="#mainSlidermobile" data-slide-to="2"></li>
            <li data-target="#mainSlidermobile" data-slide-to="3"></li>
            <li data-target="#mainSlidermobile" data-slide-to="4"></li>
            <li data-target="#mainSlidermobile" data-slide-to="5"></li>
            <li data-target="#mainSlidermobile" data-slide-to="6"></li>
            <li data-target="#mainSlidermobile" data-slide-to="7"></li>
            <li data-target="#mainSlidermobile" data-slide-to="8"></li>
        </ol>
        <div class="carousel-inner">
    
            <div class="carousel-item active">
                <img src="/cardapio-mobile/menu_mobile-01.jpg" class="d-block w-100" alt="Pizzas tradicionais" title="Pizzas tradicionais">
            </div>
    
            <div class="carousel-item">
                <img src="/cardapio-mobile/menu_mobile-02.jpg" class="d-block w-100" alt="Pizzas tradicionais" title="Pizzas tradicionais">
            </div>
    
            <div class="carousel-item">
                <img src="/cardapio-mobile/menu_mobile-03.jpg" class="d-block w-100" alt="Pizzas tradicionais" title="Pizzas tradicionais">
            </div>
    
            <div class="carousel-item">
                <img src="/cardapio-mobile/menu_mobile-04.jpg" class="d-block w-100" alt="Pizzas tradicionais" title="Pizzas tradicionais">
            </div>
    
            <div class="carousel-item">
                <img src="/cardapio-mobile/menu_mobile-05.jpg" class="d-block w-100" alt="Pizzas especiais" title="Pizzas especiais">
            </div>
    
            <div class="carousel-item">
                <img src="/cardapio-mobile/menu_mobile-06.jpg" class="d-block w-100" alt="Pizzas doces" title="Pizzas doces">
            </div>
    
            <div class="carousel-item">
                <img src="/cardapio-mobile/menu_mobile-07.jpg" class="d-block w-100" alt="Bebidas" title="Bebidas">
            </div>
    
            <div class="carousel-item">
                <img src="/cardapio-mobile/menu_mobile-08.jpg" class="d-block w-100" alt="Pratos" title="Pratos">
            </div>
    
            <div class="carousel-item">
                <img src="/cardapio-mobile/menu_mobile-09.jpg" class="d-block w-100" alt="Pratos" title="Pratos">
            </div>
            <a class="carousel-control-prev" href="#mainSlidermobile" role="button" data-slide="prev">
                <img class="antx" src="uploads/2020/10/setinha_pizzarella-02.png" alt="seta">
                <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#mainSlidermobile" role="button" data-slide="next">
                <img class="prx" src="uploads/2020/10/setinha_pizzarella-02.png" alt="seta">
                <span class="sr-only">Next</span>
            </a>
        </div>
    </div>

     

    Teriam alguma ideia de como posso resolver? Desde já agradeço muito a todos pela atenção ^^

  4. Boa tarde pessoal, todos tranquilos? Eu preciso de uma ajuda para linkar CSS e JS numa loja em PS 1.7 que estou desenvolvendo. já tentei pela head.tlp. dentro do tema, mas parece que esse arquivo nem está sendo utilizado, pois em um teste apaguei tudo e mesmo assim, tudo continuou normal no head(sim, estou no tema correto kkk). Então é isso, precisando de mais informações, estou disponível. Desde já agradeço muito a quem tentar ajudar :)

  5. boa tarde pessoal. estou tentando fazer um script que vai mudar os textos do site de acordo com o idioma escolhido. ele é bom simples, o código é esse:

    const 
        itemsToChoice = document.querySelectorAll(".choice"),
        itemsPortuguese = document.getElementsByClassName("get_pt"),
        itemsEnglish = document.getElementsByClassName("get_en")
    
        console.log(itemsToChoice)
        console.log(itemsPortuguese)
        console.log(itemsEnglish)
    
    function selectedItem(event) {
        const language = event.target.id
        if (language == "english") {
            for (let i = 0; i <= itemsEnglish.length; i++) {
                itemsEnglish[i].style.display="block"
            }
            for (let x = 0; x <= itemsPortuguese.length; x++) {
                itemsPortuguese[x].style.display="none"
            }
        } else {
            for (let i = 0; i <= itemsEnglish.length; i++) {
                itemsEnglish[i].style.display="none"
            }
            for (let x = 0; x <= itemsPortuguese.length; x++) {
                itemsPortuguese[x].style.display="block"
            }
        }
    }
    
    
    for (const item of itemsToChoice) {
        console.log(1)
        item.addEventListener("click", selectedItem)
    }

    o maior problema está nessa condicional, onde coloquei dois "for". apenas o primeiro é executado, e o segundo esquecido:

    if (language == "english") {
            for (let i = 0; i <= itemsEnglish.length; i++) {
                itemsEnglish[i].style.display="block"
            }
            for (let x = 0; x <= itemsPortuguese.length; x++) {
                itemsPortuguese[x].style.display="none"
            }
        } else {
            for (let i = 0; i <= itemsEnglish.length; i++) {
                itemsEnglish[i].style.display="none"
            }
            for (let x = 0; x <= itemsPortuguese.length; x++) {
                itemsPortuguese[x].style.display="block"
            }
        }

    antes usava a variável i em ambas as repeticionais e acabei mudando achando que era esse o erro. vocês tem alguma solução para isso? Desde já agradeço muito pela atenção!

     

  6. Bom dia galera, tranquilos? Então, estou a um tempo procurando um plugin de carrossel nesse estilo (aqui estou usando o plugin "WordPress Carousel"): 

    1397043006_CapturadeTela2020-05-11as10_26_41.thumb.png.ce752218af1958025635b67a3357380d.png

     

    Porém eu precisava de algum que possibilitasse colocar links em cada imagem, pois cada uma representa um tipo de investimento. Aqui um slider não serve, pois eu realmente preciso das várias colunas.

    É uma pergunta bem simples, mas to sofrendo bastante. Desde já agradeço a todos^^.

  7. boa tarde galera, como está o feriado? então ontem de noite, estava vendo um filme quando de repente a internet do notebook desconectou sozinha. Quando cliclava no ícone do wifi, aparecia algo do tipo: ativar wifi - com 3 opções: manualmente, depois de 4 horas, depois de um dia- algo do tipo.

     

    eu pensei que seria algo bobo, fui no gerenciador de dispositivos e desabilitei as placas de rede, wifi e lan. Reiniciei o note e nada. agr, quado entro novamente no gerenciador, as todos os ícone em "adaptadores de rede" estão com o ponto de exclamação do lado e ao entrar na central de rede, wifi e lan não aparece.

    O problema é esse e não tenho ideia de como resolver. desde já agradeço mt a todos que tentarem ajudar, você são massa!

  8. coé rapaziada, tranquilos? então meu problema é o seguinte, estou usando um tema no magento 2, sempre que tento colocar itens em qualquer menu da a seguinte exceção:
     

    1 exception(s): Exception #0 (Magento\Framework\Exception\ValidatorException): Invalid template file: 'Magento_Catalog::catalog/wysiwyg/js.phtml' in module: 'Magento_Backend' block's name: 'template_0'

    aí eu to perdido, porque não encontrei nada na internet, então qualquer orientação ou ideia ajudaria muito mesmo. Desde já agradeço!

  9. Coé rapaziada, tranquilos?  

    Então, instalei o módulo dos correios no magento, aql do Igor Ludgero. ele esta retornando o seguinte erro no log:

     

    2020-03-04T12:14:26+00:00 INFO (6): http://ws.correios.com.br/calculador/CalcPrecoPrazo.aspx?StrRetorno=xml&nCdFormato=1&nCdServico=41106&nVlComprimento=16&nVlAltura=2&nVlLargura=11&sCepOrigem=001001001&sCdMaoPropria=N&sCdAvisoRecebimento=N&nVlPeso=4.5&sCepDestino=05569110
    2020-03-04T12:14:27+00:00 INFO (6): Error in consult XML3: Value is zero. The service is not availble to this shipping

     

    Alguém tem ideia do por quê? Desde já agradeço muito!

  10. @GabrielSennaMs Opa mano, suave? Muito obrigado mesmo pela ajuda. Segue o arquivo:

    [2020-02-26 19:40:08] main.CRITICAL: SQLSTATE[42S02]: Base table or view not found: 1146 Table 'u692881148_teste.qwertcore_config_data' doesn't exist, query was: SELECT `main_table`.* FROM `qwertcore_config_data` AS `main_table` {"exception":"[object] (Zend_Db_Statement_Exception(code: 42): SQLSTATE[42S02]: Base table or view not found: 1146 Table 'u692881148_teste.qwertcore_config_data' doesn't exist, query was: SELECT `main_table`.* FROM `qwertcore_config_data` AS `main_table` at /home/u692881148/domains/lojaodoauto.com.br/public_html/kiq/magento/lib/internal/Magento/Framework/DB/Statement/Pdo/Mysql.php:110, PDOException(code: 42S02): SQLSTATE[42S02]: Base table or view not found: 1146 Table 'u692881148_teste.qwertcore_config_data' doesn't exist at /home/u692881148/domains/lojaodoauto.com.br/public_html/kiq/magento/lib/internal/Magento/Framework/DB/Statement/Pdo/Mysql.php:91)"} []
    [2020-02-26 19:40:34] main.CRITICAL: SQLSTATE[42S02]: Base table or view not found: 1146 Table 'u692881148_teste.qwertcore_config_data' doesn't exist, query was: SELECT `main_table`.* FROM `qwertcore_config_data` AS `main_table` {"exception":"[object] (Zend_Db_Statement_Exception(code: 42): SQLSTATE[42S02]: Base table or view not found: 1146 Table 'u692881148_teste.qwertcore_config_data' doesn't exist, query was: SELECT `main_table`.* FROM `qwertcore_config_data` AS `main_table` at /home/u692881148/domains/lojaodoauto.com.br/public_html/kiq/magento/lib/internal/Magento/Framework/DB/Statement/Pdo/Mysql.php:110, PDOException(code: 42S02): SQLSTATE[42S02]: Base table or view not found: 1146 Table 'u692881148_teste.qwertcore_config_data' doesn't exist at /home/u692881148/domains/lojaodoauto.com.br/public_html/kiq/magento/lib/internal/Magento/Framework/DB/Statement/Pdo/Mysql.php:91)"} []
    [2020-02-26 19:40:57] main.CRITICAL: SQLSTATE[42S02]: Base table or view not found: 1146 Table 'u692881148_teste.qwertcore_config_data' doesn't exist, query was: SELECT `main_table`.* FROM `qwertcore_config_data` AS `main_table` {"exception":"[object] (Zend_Db_Statement_Exception(code: 42): SQLSTATE[42S02]: Base table or view not found: 1146 Table 'u692881148_teste.qwertcore_config_data' doesn't exist, query was: SELECT `main_table`.* FROM `qwertcore_config_data` AS `main_table` at /home/u692881148/domains/lojaodoauto.com.br/public_html/kiq/magento/lib/internal/Magento/Framework/DB/Statement/Pdo/Mysql.php:110, PDOException(code: 42S02): SQLSTATE[42S02]: Base table or view not found: 1146 Table 'u692881148_teste.qwertcore_config_data' doesn't exist at /home/u692881148/domains/lojaodoauto.com.br/public_html/kiq/magento/lib/internal/Magento/Framework/DB/Statement/Pdo/Mysql.php:91)"} []
    [2020-02-26 19:41:09] main.CRITICAL: SQLSTATE[42S02]: Base table or view not found: 1146 Table 'u692881148_teste.qwertcore_config_data' doesn't exist, query was: SELECT `main_table`.* FROM `qwertcore_config_data` AS `main_table` {"exception":"[object] (Zend_Db_Statement_Exception(code: 42): SQLSTATE[42S02]: Base table or view not found: 1146 Table 'u692881148_teste.qwertcore_config_data' doesn't exist, query was: SELECT `main_table`.* FROM `qwertcore_config_data` AS `main_table` at /home/u692881148/domains/lojaodoauto.com.br/public_html/kiq/magento/lib/internal/Magento/Framework/DB/Statement/Pdo/Mysql.php:110, PDOException(code: 42S02): SQLSTATE[42S02]: Base table or view not found: 1146 Table 'u692881148_teste.qwertcore_config_data' doesn't exist at /home/u692881148/domains/lojaodoauto.com.br/public_html/kiq/magento/lib/internal/Magento/Framework/DB/Statement/Pdo/Mysql.php:91)"} []
    [2020-02-26 19:41:45] main.CRITICAL: SQLSTATE[42S02]: Base table or view not found: 1146 Table 'u692881148_teste.qwertcore_config_data' doesn't exist, query was: SELECT `main_table`.* FROM `qwertcore_config_data` AS `main_table` {"exception":"[object] (Zend_Db_Statement_Exception(code: 42): SQLSTATE[42S02]: Base table or view not found: 1146 Table 'u692881148_teste.qwertcore_config_data' doesn't exist, query was: SELECT `main_table`.* FROM `qwertcore_config_data` AS `main_table` at /home/u692881148/domains/lojaodoauto.com.br/public_html/kiq/magento/lib/internal/Magento/Framework/DB/Statement/Pdo/Mysql.php:110, PDOException(code: 42S02): SQLSTATE[42S02]: Base table or view not found: 1146 Table 'u692881148_teste.qwertcore_config_data' doesn't exist at /home/u692881148/domains/lojaodoauto.com.br/public_html/kiq/magento/lib/internal/Magento/Framework/DB/Statement/Pdo/Mysql.php:91)"} []
    [2020-02-26 19:54:59] main.CRITICAL: SQLSTATE[42S02]: Base table or view not found: 1146 Table 'u692881148_teste.qwertcore_config_data' doesn't exist, query was: SELECT `main_table`.* FROM `qwertcore_config_data` AS `main_table` {"exception":"[object] (Zend_Db_Statement_Exception(code: 42): SQLSTATE[42S02]: Base table or view not found: 1146 Table 'u692881148_teste.qwertcore_config_data' doesn't exist, query was: SELECT `main_table`.* FROM `qwertcore_config_data` AS `main_table` at /home/u692881148/domains/lojaodoauto.com.br/public_html/kiq/magento/lib/internal/Magento/Framework/DB/Statement/Pdo/Mysql.php:110, PDOException(code: 42S02): SQLSTATE[42S02]: Base table or view not found: 1146 Table 'u692881148_teste.qwertcore_config_data' doesn't exist at /home/u692881148/domains/lojaodoauto.com.br/public_html/kiq/magento/lib/internal/Magento/Framework/DB/Statement/Pdo/Mysql.php:91)"} []
    [2020-02-26 19:55:10] main.CRITICAL: SQLSTATE[42S02]: Base table or view not found: 1146 Table 'u692881148_teste.qwertcore_config_data' doesn't exist, query was: SELECT `main_table`.* FROM `qwertcore_config_data` AS `main_table` {"exception":"[object] (Zend_Db_Statement_Exception(code: 42): SQLSTATE[42S02]: Base table or view not found: 1146 Table 'u692881148_teste.qwertcore_config_data' doesn't exist, query was: SELECT `main_table`.* FROM `qwertcore_config_data` AS `main_table` at /home/u692881148/domains/lojaodoauto.com.br/public_html/kiq/magento/lib/internal/Magento/Framework/DB/Statement/Pdo/Mysql.php:110, PDOException(code: 42S02): SQLSTATE[42S02]: Base table or view not found: 1146 Table 'u692881148_teste.qwertcore_config_data' doesn't exist at /home/u692881148/domains/lojaodoauto.com.br/public_html/kiq/magento/lib/internal/Magento/Framework/DB/Statement/Pdo/Mysql.php:91)"} []
    [2020-02-26 20:05:28] main.CRITICAL: SQLSTATE[42S02]: Base table or view not found: 1146 Table 'u692881148_teste.qwertcore_config_data' doesn't exist, query was: SELECT `main_table`.* FROM `qwertcore_config_data` AS `main_table` {"exception":"[object] (Zend_Db_Statement_Exception(code: 42): SQLSTATE[42S02]: Base table or view not found: 1146 Table 'u692881148_teste.qwertcore_config_data' doesn't exist, query was: SELECT `main_table`.* FROM `qwertcore_config_data` AS `main_table` at /home/u692881148/domains/lojaodoauto.com.br/public_html/kiq/magento/lib/internal/Magento/Framework/DB/Statement/Pdo/Mysql.php:110, PDOException(code: 42S02): SQLSTATE[42S02]: Base table or view not found: 1146 Table 'u692881148_teste.qwertcore_config_data' doesn't exist at /home/u692881148/domains/lojaodoauto.com.br/public_html/kiq/magento/lib/internal/Magento/Framework/DB/Statement/Pdo/Mysql.php:91)"} []
    [2020-02-26 20:05:54] main.CRITICAL: SQLSTATE[42S02]: Base table or view not found: 1146 Table 'u692881148_teste.qwertcore_config_data' doesn't exist, query was: SELECT `main_table`.* FROM `qwertcore_config_data` AS `main_table` {"exception":"[object] (Zend_Db_Statement_Exception(code: 42): SQLSTATE[42S02]: Base table or view not found: 1146 Table 'u692881148_teste.qwertcore_config_data' doesn't exist, query was: SELECT `main_table`.* FROM `qwertcore_config_data` AS `main_table` at /home/u692881148/domains/lojaodoauto.com.br/public_html/kiq/magento/lib/internal/Magento/Framework/DB/Statement/Pdo/Mysql.php:110, PDOException(code: 42S02): SQLSTATE[42S02]: Base table or view not found: 1146 Table 'u692881148_teste.qwertcore_config_data' doesn't exist at /home/u692881148/domains/lojaodoauto.com.br/public_html/kiq/magento/lib/internal/Magento/Framework/DB/Statement/Pdo/Mysql.php:91)"} []
    [2020-02-26 20:26:07] main.CRITICAL: SQLSTATE[42S02]: Base table or view not found: 1146 Table 'u692881148_teste.qwertcore_config_data' doesn't exist, query was: SELECT `main_table`.* FROM `qwertcore_config_data` AS `main_table` {"exception":"[object] (Zend_Db_Statement_Exception(code: 42): SQLSTATE[42S02]: Base table or view not found: 1146 Table 'u692881148_teste.qwertcore_config_data' doesn't exist, query was: SELECT `main_table`.* FROM `qwertcore_config_data` AS `main_table` at /home/u692881148/domains/lojaodoauto.com.br/public_html/kiq/magento/lib/internal/Magento/Framework/DB/Statement/Pdo/Mysql.php:110, PDOException(code: 42S02): SQLSTATE[42S02]: Base table or view not found: 1146 Table 'u692881148_teste.qwertcore_config_data' doesn't exist at /home/u692881148/domains/lojaodoauto.com.br/public_html/kiq/magento/lib/internal/Magento/Framework/DB/Statement/Pdo/Mysql.php:91)"} []
    [2020-02-26 21:10:41] main.CRITICAL: SQLSTATE[42S02]: Base table or view not found: 1146 Table 'u692881148_teste.qwertcore_config_data' doesn't exist, query was: SELECT `main_table`.* FROM `qwertcore_config_data` AS `main_table` {"exception":"[object] (Zend_Db_Statement_Exception(code: 42): SQLSTATE[42S02]: Base table or view not found: 1146 Table 'u692881148_teste.qwertcore_config_data' doesn't exist, query was: SELECT `main_table`.* FROM `qwertcore_config_data` AS `main_table` at /home/u692881148/domains/lojaodoauto.com.br/public_html/kiq/magento/lib/internal/Magento/Framework/DB/Statement/Pdo/Mysql.php:110, PDOException(code: 42S02): SQLSTATE[42S02]: Base table or view not found: 1146 Table 'u692881148_teste.qwertcore_config_data' doesn't exist at /home/u692881148/domains/lojaodoauto.com.br/public_html/kiq/magento/lib/internal/Magento/Framework/DB/Statement/Pdo/Mysql.php:91)"} []

    aparentemente é um problema de BD né? Agradeço novamente pela ajuda!

     

  11. @DiF mano, você sabe se existe alguma forma de fazer esse men se recolher tanto por tempo, quanto por seleção? ex: a pessoa selecionou o i

    $('.jag a').click(function( ){
      setInterval(function() {
      	$( "#mobile" ).prop( "checked", false );
      });   
    });

    esse ".jag a" simboliza cada link do menu. Quando fiz assim, o menu até recolheu dps de selecionar alguma coisa, mas também não queria mais aparece depois, é como se o estado ficasse inalterável. Entende?

  12. @DiF @Luís Roberto C. da Silva Então pessoas, consegui uma solução para esse "probrema". Seguinte:

    <script>
        // faz a rolagem dos ícones do menu
        $('ul.options.reset label').click(function( ){
            var id = $(this),
            targetOffset = $('.li_dez').offset().top,
            menuHeight = $('#menu_rz').innerHeight()
    
            $('html, body').animate({
                scrollTop: targetOffset + menuHeight
            }, 500);
        });
    </script>

    Esse script tipo pega a distância da última li até o topo da página e tipo subtrai ela, fazendo a página subir até aparecer o texto. tendeu? adaptei o cod. desse vídeo: 

     

    Então é isso cavalheiros, muito obrigado pela ajuda, ajudou muito!!

    • Curtir 1
  13. Coé rapaziada, tranquilos? Então, estou com dúvidas se é possível fazer uma checkbox desmarcar sozinha depois de uns 5 segundos, por exemplo. Eu fiz um esquema onde uma div(que no caso contem o menu) só aparece quando a checkbox esta marcada, mas é certeza que alguém vai esquecer de desmarcar saca? Se puder me dar uma dica de como pesquisar, caso não tenha a solução, agradeço muito também! desde já muito obrigado! 

  14. Bom dia rapaziada, tranquilos? Então, estava desenvolvendo um site onde a parte dos serviços tem alguns ícones:

     

    1595665982_CapturadeTela2020-02-04as07_27_17.thumb.png.d96e3b48c479b20bd2d2ed1d3548758b.png

     

     

    cada ícone quando selecionado faz aparecer um texto diferente logo abaixo:

    1760661482_CapturadeTela2020-02-04as07_27_44.thumb.png.fdc772f749818f5bfc3155776d17f805.png

     

    Para tal "artimanha", eu dei "display: none;" em todos os textos e e usei  o estado de inputs ocultos para fazê-los aparecer, transformando toda a "LI" em uma label, saca?

    O problema é que a tela precisa rolar para baixo, então pensei: "vou usar um link interno". Porém, quando clico no link, a label não é acionada e o texto não aparece.

     

    To colocando aqui toda o HTML referente ao que some e tal:

    <!-- ícones de servicos -->
            <div class="dois">
    
                <ul class="options reset">
                   
                    <input type="radio" name="choice" id="opt1"> 
                    <li class="li_um li_alm">
                        <label for="opt1">
                            <a href="">
                                <img src="http://rufiz.com.br/ambiente1/wp-content/uploads/2020/01/ícone-esocial-07.png">
                                <p>ESOCIAL E SST (SAÚDE E SEGURANÇA DO TRABALHO)</p>
                            </a>
                        </label>
                    </li>
                    
                    <!-- esse brilha -->
                    <input type="radio" name="choice" id="opt2">
                    <li class="special li_alm">
                        <label for="opt2">
                            <img src="http://rufiz.com.br/ambiente1/wp-content/uploads/2020/01/ícone-esocial-vermelho-07.png">
                            <p>ESOCIAL EM ATRASO</p>
                        </label>    
                    </li>
    
                    <input type="radio" name="choice" id="opt3">
                    <li class="li_tres li_alm">
                        <label for="opt3">
                            <img src="http://rufiz.com.br/ambiente1/wp-content/uploads/2020/01/ícone-folha-pagamento-07.png">
                            <p>FOLHA DE PAGAMENTO</p>
                        </label> 
                    </li>
    
                    <input type="radio" name="choice" id="opt4"> 
                    <li class="li_quatro li_alm">
                        <label for="opt4">
                            <img src="http://rufiz.com.br/ambiente1/wp-content/uploads/2020/01/ícone-ponto-eletrônico-07.png">
                            <p>PONTO ELETRÔNICO</p>
                        </label> 
                    </li>   
    
                    <input type="radio" name="choice" id="opt5"> 
                    <li class="li_cinco li_alm">
                        <label for="opt5">
                            <img src="http://rufiz.com.br/ambiente1/wp-content/uploads/2020/01/ícone-meu-rh-app-07.png">
                            <p>MEU RH (APP) E PORTAL CAPITAL HUMANO</p>
                        </label> 
                    </li>
    
                    <input type="radio" name="choice" id="opt6">
                    <li class="li_seis li_alm">
                        <label for="opt6">
                            <img src="http://rufiz.com.br/ambiente1/wp-content/uploads/2020/01/ícone-recrutamento-07.png">
                            <p>RECRUTAMENTO E SELEÇÃO</p>
                        </label> 
                    </li> 
    
                    <input type="radio" name="choice" id="opt7"> 
                    <li class="li_sete li_alm">
                        <label for="opt7">
                            <img src="http://rufiz.com.br/ambiente1/wp-content/uploads/2020/01/ícone-gestao-juridica-07.png">
                            <p>GESTÃO JURÍDICA</p>
                        </label> 
                    </li>
    
    
                    <input type="radio" name="choice" id="opt8"> 
                    <li class="li_oito li_alm">
                        <label for="opt8">
                            <img src="http://rufiz.com.br/ambiente1/wp-content/uploads/2020/01/ícone-cargos-salarios-07.png">
                            <p>CARGOS & SALÁRIOS</p>
                        </label> 
                    </li>
    
                    <input type="radio" name="choice" id="opt9">
                    <li class="li_nove li_alm">
                        <label for="opt9">
                            <img src="http://rufiz.com.br/ambiente1/wp-content/uploads/2020/01/ícone-modulo-treinamento-07.png">
                            <p>MÓDULO TREINAMENTO</p>
                        </label> 
                    </li> 
    
                    <input type="radio" name="choice" id="opt10"> 
                    <li class="li_dez li_alm">
                        <label for="opt10">
                            <img src="http://rufiz.com.br/ambiente1/wp-content/uploads/2020/01/ícone-treinamentos-07.png">
                            <p>TREINAMENTOS PRESENCIAIS, IN COMPANY OU ONLINE</p>
                        </label> 
                    </li>
    
                    <div id="tres">
                        <div class="txt_1 face">
                            <h2 class="apresentation">ESocial</h2>
                            <p class="">
                                É um programa desenvolvido pelo Governo Federal que objetiva consolidar os processos das obrigações trabalhistas e previdenciárias, e unificar o envio de informações pelo empregador em relação aos seus empregados. Com a nova obrigação acessória existe alta exposição ao fisco para uma inspeção a distância no cruzamento de dados dos documentos digitais.
                            </p>
                            <ul class="lista_texto">
                                <li><p>Parametrização do ERP Protheus</p></li>
                                <li><p>Orientação no saneamento de dados (Qualificação Cadastral, Rubricas, Centro de Custos, Funções e Geração de inconsistências)</p></li>
                                <li><p>Acompanhamento na transmissão das cargas iniciais, não periódicos e periódicos</p></li>
                            </ul>
                        </div>
    
                        <div class="txt_2 face">
                            <h2 class="apresentation">Folha de Pagamento lalalala</h2>
                            
                            <ul class="lista_texto">
                                <li><p>Implantação folha de pagamento, módulo Gestão de Pessoal</p></li>
                                <li><p>Tratamento para categorias (mensalistas, horistas, autônomos)</p></li>
                                <li><p>Cálculos: Férias, rescisões, reajustes salariais, dissídio retroativo, folha de pagamento, provisões de férias e 13º salário</p></li>
                                <li><p>Controle de Históricos (ficha financeira, afastamentos, funções, salários, dentre outros)</p></li>
                                <li><p>Integrações com: financeiro, word (documentos admissionais), contabilidade, ponto eletrônico</p></li>
                                <li><p>Relatórios: Folha de Pagamento, INSS, FGTS, IRRF</p></li>
                                <li><p>Rotinas anuais: RAIS\DIRF\Informe de Rendimentos</p></li>
                                <li><p>Atender a legislação vigente, inclusive eSocial: Sistema Público de Escrituração Fiscal Digital (SPED) das Obrigações Fiscais Previdenciárias e Trabalhistas</p></li>
                                <li><p>Detalhamento do pagamento.</p></li>
                            </ul>
                        </div>
    
                        <div class="txt_3 face">
                            <h2 class="apresentation">Folha de Pagamento</h2>
                            
                            <ul class="lista_texto">
                                <li><p>Implantação folha de pagamento, módulo Gestão de Pessoal</p></li>
                                <li><p>Tratamento para categorias (mensalistas, horistas, autônomos)</p></li>
                                <li><p>Cálculos: Férias, rescisões, reajustes salariais, dissídio retroativo, folha de pagamento, provisões de férias e 13º salário</p></li>
                                <li><p>Controle de Históricos (ficha financeira, afastamentos, funções, salários, dentre outros)</p></li>
                                <li><p>Integrações com: financeiro, word (documentos admissionais), contabilidade, ponto eletrônico</p></li>
                                <li><p>Relatórios: Folha de Pagamento, INSS, FGTS, IRRF</p></li>
                                <li><p>Rotinas anuais: RAIS\DIRF\Informe de Rendimentos</p></li>
                                <li><p>Atender a legislação vigente, inclusive eSocial: Sistema Público de Escrituração Fiscal Digital (SPED) das Obrigações Fiscais Previdenciárias e Trabalhistas</p></li>
                                <li><p>Detalhamento do pagamento.</p></li>
                            </ul>
                        </div>
    
                        <div class="txt_4 face">
                            <h2 class="apresentation">Ponto Eletrônico</h2>
                            
                            <ul class="lista_texto">
                                <li><p>Implantação e suporte do Módulo Ponto Eletrônico Protheus</p></li>
                                <li><p>Capacitação dos usuários na execução das movimentações deste módulo, tais como: importação marcações, manutenção do ponto, reapontamento, cálculo mensal, integração com a Folha de Pagamento</p></li>
                                <li><p>Fechamento do Banco de Horas e Fechamento Mensal</p></li>
                            </ul>
                        </div>
    
                        <div class="txt_5 face">
                            <h2 class="apresentation">Meu RH (App)</h2>
                            <p class="">
                                O app "Meu RH" é uma evolução dos nossos atuais portais de RH (Protheus), herdando suas funcionalidades, porém com uma melhor usabilidade e totalmente adaptável a qualquer dispositivo mobile como tablet’s e smartphones.
                                Abaixo seguem as funcionalidades:
                            </p>
                            <ul class="lista_texto">
                                <li><p>Gestão de Férias</p></li>
                                <li><p>Consulta de férias da equipe</p></li>
                                <li><p>Aprovação de férias dos colaboradores do time</p></li>
                                <li><p>Dados Pessoais</p></li>
                                <li><p>Visualização do perfil do usuário</p></li>
                                <li><p>Edição de alguns dados do usuário</p></li>
                                <li><p>Consulta à Folha de Pagamento</p></li>
                                <li><p>Visualização da lista de pagamentos</p></li>
                                <li><p>Detalhamento do pagamento</p></li>
                                <li><p>Consulta do informe de rendimentos</p></li>
                                <li><p>Consulta Ponto</p></li>
                                <li><p>Visualização do espelho de ponto</p></li>
                                <li><p>Consulta das batidas de realizadas</p></li>
                                <li><p>Inclusão manual das batidas de ponto</p></li>
                                <li><p>Consulta das ocorrências diárias de ponto</p></li>
                                <li><p>Consulta do resumo das ocorrências totais do período de ponto</p></li>
                                <li><p>Inclusão de abonos e atestados para o ponto</p></li>
                                <li><p>Aprovação de abonos / atestado dos colaboradores de seu time</p></li>
                            </ul>
                        </div>
    
                        <div class="txt_6 face">
                            <h2 class="apresentation">Recrutamento & Seleção</h2>
                            <p class="lista_texto">
                                O app "Meu RH" é uma evolução dos nossos atuais portais de RH (Protheus), herdando suas funcionalidades,<br> porém com uma melhor usuabilidade e totalmente adaptável a qualquer dispositivo mobile como tablet's e smartphones. <br> Abaixo seguem as funcionalidades:
                            </p>
                            <ul class="lista_texto">
                                <li><p>Realizar o recrutamento de pessoas capacitadas, adequando a necessidade do quadro de Vagas e ao processo seletivo da empresa</p></li>
                                <li><p>Controle das Vagas</p></li>
                                <li><p>Controle e realização dos Testes</p></li>
                                <li><p>Consultar os currículos e testes realizados pelos candidatos a qualquer momento</p></li>
                                <li><p>Mantém todo histórico das informações</p></li>
                                <li><p>Pesquisa de Candidatos através dos requisitos do cargo ou por qualquer dado do currículo</p></li>
                                <li><p>Permite a aplicação de testes informatizados, obtendo o resultado imediato o que facilita o processo da seleção</p></li>
                                <li><p>Programação e controle da Agenda do candidato Processo de Admissão integrado a folha de Pagamento</p></li>
                                <li><p>Entrada automatizada de currículo, item que permite a importação de currículos no formato XLM ou servidor FTP.</p></li>
                            </ul>
                        </div>
    
                        <div class="txt_7 face">
                            <h2 class="apresentation">Gestão Jurídica</h2>
                            
                            <ul class="lista_texto">
                                <li><p>Atender aos Departamentos Jurídicos de empresas na Administração das Contingências, Gestão de Procurações e Documentos societários, facilitar o relacionamento com escritórios parceiros e fornecer maior sinergia com as áreas Contábil e Recursos Humanos. Permite controlar a agenda de compromissos dos processos, prazos. Funciona em Android e IOS</p></li>
                            </ul>
                        </div>
    
                        <div class="txt_8 face">
                            <h2 class="apresentation">Cargos & Salários</h2>
                            <p class="">
                                É uma ferramenta ideal para você realizar todo acompanhamento de forma simplificada e organizada dos cargos da empresa. 
                            </p>
                            <ul class="lista_texto">
                                <li><p>Administrar Cargos e Salários, através dos fatores de avaliação, graduação de fatores e pontuação</p></li>
                                <li><p>Definição de classes salariais</p></li>
                                <li><p>Aumento programado</p></li>
                                <li><p>Quadro de funcionário por função</p></li>
                                <li><p>Flexibilidade de tabela salarial</p></li>
                                <li><p>Simulação de tabela salarial</p></li>
                                <li><p>Adequação de salários à tabela salarial</p></li>
                            </ul>
                        </div>
    
                        <div class="txt_9 face">
                            <h2 class="apresentation">Módulo Treinamento</h2>
                            
                            <ul class="lista_texto">
                                <li><p>Permite administrar e controlar as necessidades de treinamento</p></li>
                                <li><p>Planejar e avaliar os resultados obtidos</p></li>
                                <li><p>Aprovação de férias dos colaboradores do time.</p></li>
                                <li><p>Manter histórico de treinamentos</p></li>
                                <li><p>Demonstrativo dos custos com treinamentos</p></li>
                                <li><p>Definição dos calendários de treinamentos e seleção dos participantes</p></li>
                                <li><p>Avaliação sobre o treinamento, instrutor e os participantes</p></li>
                                <li><p>Emissão de certificados aos participantes</p></li>
                                <li><p>Permite montar o planejamento anual de treinamento</p></li>
                            </ul>
                        </div>
    
                        <div class="txt_10 face">
                            <h2 class="apresentation">Treinamentos Presencial, in Company ou Online</h2>
                            
                            <ul class="lista_texto">
                                <li><p>Esocial</p></li>
                                <li><p>SST</p></li>
                                <li><p>Folha de Pagamento</p></li>
                                <li><p>Recrutamento e seleção</p></li>
                                <a href="http://rufiz.com.br/ambiente1/treinamentos/"><li class="ball_none"><p class="bt_yellow">Inscreva-se aqui</p></li></a>
                            </ul>
                        </div>
                    </div>
                </div> 
            </ul>
        </div>
    
            <!-- divs dos txts que somem e aparecem -->

     

     

     

    Agora o CSS

    
    /*sumindo com o txt:*/
    .txt_1, .txt_2, .txt_3, .txt_4, .txt_5, .txt_6, .txt_7, .txt_8, .txt_9, .txt_10 {
      display: none;
    }
    
    /*fazendo a li piscar e fazendo-a parar também*/
    .special{
      animation: pisca-pisca .8s linear infinite;
    }
    
    @media (min-width: 1140px){
    li.special:hover {
        animation: none;
    }
    }
    
    #opt2:checked ~ .special {
        animation: none !important;
    }
    
    /*checado e surgimento do texto*/
    #opt1:checked ~ .li_um {
        background-color: #FFFF00 !important;
    }
    
    #opt2:checked ~ .special {
        background-color: #FFFF00 !important;
    }
    
    #opt3:checked ~ .li_tres {
        background-color: #FFFF00 !important;
    }
    
    #opt4:checked ~ .li_quatro {
        background-color: #FFFF00 !important;
    }
    
    #opt5:checked ~ .li_cinco {
        background-color: #FFFF00 !important;
    }
    
    #opt6:checked ~ .li_seis {
        background-color: #FFFF00 !important;
    }
    
    #opt7:checked ~ .li_sete {
        background-color: #FFFF00 !important;
    }
    
    #opt8:checked ~ .li_oito {
        background-color: #FFFF00 !important;
    }
    
    #opt9:checked ~ .li_nove {
        background-color: #FFFF00 !important;
    }
    
    #opt10:checked ~ .li_dez {
        background-color: #FFFF00 !important;
    }
    
    /*surgimento do txt*/
    #opt1:checked ~  #tres .txt_1 {
        display: block;
    }
    
    #opt2:checked ~ #tres .txt_2 {
        display: block;
    }
    
    #opt3:checked ~ #tres .txt_3 {
        display: block;
    }
    
    #opt4:checked ~ #tres .txt_4{
        display: block;
    }
    
    #opt5:checked ~ #tres .txt_5 {
        display: block;
    }
    
    #opt6:checked ~ #tres .txt_6 {
        display: block;
    }
    
    #opt7:checked ~ #tres .txt_7 {
        display: block;
    }
    
    #opt8:checked ~ #tres .txt_8 {
        display: block;
    }
    
    #opt9:checked ~ #tres .txt_9 {
        display: block;
    }
    
    #opt10:checked ~ #tres .txt_10 {
        display: block;
    }
    /*checado e surgimento do texto*/

    Bom, talvez seja um problema simples de resolver com alguma outra linguagem, porém estou muito perdido. desde já agradeço muito se você leu saca?  É noiz galera, valeu!!!  

     

    edit1: quando colocamos o link junto dentro da label ele a inibe, como se não fosse possível seleciona-la. Quando é ao contrário(label dentro do link), ele fica como um faixinha no topo da label e ainda assim, não é possível selecionar os dois.

     

  15. @DiF mano, valeu pela atenção. então, a img ta como background e como no layout cada elemento tem um lugar específico sobre essa imagem, eu preciso eu ela não fique mudando de tamanho como está acontecendo e sim que apenas as laterais desapareçam entende? 

    ._1 {
        background-image: url(bk/principal);
        overflow: hidden;
        background-size: cover;
        margin: -170px 0px 0px 0px;
        height: 3894px;
    }

    eu testei colocar uma altura para ver de parava de mudar de tamanho, mas acho que só vai funcionar se eu adicionar ma imagem maior.

     

    dimensões da imagem: 1903 x 5602px

     

    dimensões da div onde esta o background: 100%(tomando toda a tela)x 3894px

     

    brigadão pela ajuda novamente

     

    (edit #1)

     

    quando a janela da chrome esta com 1321px a imagem adquiri a propiedade que eu quero, onde a altura fica a constante e as laterais são cortadas.

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...