Jump to content

Search the Community

Showing results for tags 'ul'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 7 results

  1. Bruno Goedert Dalmolin

    Como Movimentar um Menu em HTML5 e CSS

    Fala devs Beleza? Estou com uma duvida em como eu movimento meu menu para o canto, pois ele fica travado no centro. Os dados são os seguintes: do HTML: <header> <ul id="Menu"> <li><a href="SmartAce-Home.html">Home</a></li> <li><a href="">Sobre</a></li> <li><a href="">Contato</a></li> </ul> </header> do CSS: @charset "UTF-8"; body { margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; height: 100vh; background: #112c38; } ul#Menu { text-align: center; margin: 0; padding: 0; display: flex; top: -10; } ul#Menu li{ list-style: none; margin: 0 20px; transition: 0.5s; } ul#Menu li a{ position: relative; text-decoration: none; padding: 5px; font-size: 18px; font-family: sans-serif; color: #fff; text-transform: uppercase; transition: 0.5s; } ul#Menu:hover li a { transform: scale(1.4); opacity: .2; filter: blur(5px); } ul#Menu li a:hover { transform: scale(2); opacity: 1; filter: blur(0); } ul#Menu li a:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ff497c; transition: transform 0.5s; transform-origin: right; transform: scaleX(0); z-index: -1; } ul#Menu li a:hover:before { transition: transform 0.5s; transform-origin: left; transform: scaleX(1); }
  2. Olá pessoal! Criei um menu usando listas não ordenadas (ul, li) com as imagens dispostas horizontalmente. São quatro imagens. O problema é que uma das imagens aparece duplicada no layout. Não entendi. Segue o código: ... <span class="menuRedesSociais"> <ul> <li id="img1"><a href="#"</a></li> <li id="img2"><a href="#"></a></li> <li id="img3"><a href="#"></a></li> <li id="img4"><a href="#"></a></li> </ul> </span> span ul { margin: 0; padding: 0; } span li { list-style: none; display: inline-block; } span a:link, a:visited { padding: 15px; } li#img1 a{ background-image: url("#img1"); background-repeat: no-repeat; } li#img2 a{ background-image: url("#img2"); background-repeat: no-repeat; } li#img3 a{ background-image: url("#img3"); background-repeat: no-repeat; } li#img4 a{ background-image: url("#img4"); background-repeat: no-repeat; } A imagem que aparece duplicada é a img2. Obs. Já fiz o teste trocando a posição das imagens, só que o problema continua. Agradeço muito se alguém puder me ajudar.
  3. RaphaelT13

    Lista Não Ordenada

    Olá, estou querendo deixar minha lista não ordenada como se fosse um quadrado, por exemplo Item 1 | Item 5 Item 2 | Item 4 Alguém poderia me dizer como faço isso em CSS? Obrigado!
  4. Possou uma pagina html onde tenho uma paginação por div. Na lateral da tela tenho um menu onde indica um macro assunto de cada pagina. Gostaria de mudar o estilo de cada topico conforme mudo a pagina. anexo tem imagem da tela
  5. Oi Não estou conseguindo desfixar o menu dessa template de menu chamada Animated Border Menu Preciso que o menu não fique fixo na tela e que continue abrindo e fechando com o JS https://codepen.io/Y--p--Y/pen/GfIrm Esse é o código Quando altero o css pra tirar a ''position: fixed" essas três barras somem simplesmente e não entendo porque. Alguém sabe me dizer como fazer isso? https://codepen.io/Y--p--Y/pen/GfIrm
  6. AndersonWS

    Subnivel em menu responsivo

    Pessoal encontrei este menu muito funcional e responsivo porém ele não possui subnivel. Alguem poderia me dar uma luz? Como faço para o subnivel? O Html está ok porem quando clico no submenu nada ocorre. <div class="rmm"> <ul> <li><a href="index.php">Home</a></li> <li><a href="agencia.php">Sobre</a></li> <li><a href="#">Serviços</a> <ul> <li><a href="#">Item 1</a></li> <li><a href="#">Item 2</a></li> <li><a href="#">Item 3</a></li> </ul> </li> <li><a href="#">Portfólio</a></li> <li><a href="#">Contato</a></li> </ul> </div> Grato.
  7. kaiquemix

    Botão Carregar mais divs

    Quero criar um botão que vai carregar uma UL por vez e a cada vez que clica no botão vai carregando mais UL. minha UL: <ul id="portfolio-grid" class="thumbnails row"> <li class="span4 mix visu"> <div class="thumbnail"> <img src="images/port/01.png" alt="project 1"> <a href="#" class="more show_hide" > </a> </div> </li> <li class="span4 mix web"> <div class="thumbnail"> <a href='javascript:;' onclick="abrirForm();"> <img src="images/port/02.png" alt="project 2"> <div class="mask"></div></a> </div> </li> </ul> Meu botão <div id="rend-more"> <div id="bt-carregar"><a href="#"> <h2>CARREGAR</h2><h3>+</h3></a></div> </div>
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.