Ir ao conteúdo
  • Cadastre-se

Juliana Sphynx

Membro Pleno
  • Posts

    200
  • Cadastrado em

  • Última visita

Tudo que Juliana Sphynx postou

  1. A maldita estava em png! Por isso eu não encontrava! Varri tudo em busca de todos os jpg ou gif e esqueci que poderia ter mais formatos de arquivo. @Rui Guilherme obrigada demais! ^^ Agora estou procurando como tirar aquele número de comentários e tag de onde deveria haver um texto. Já fiz cada deformidade! hahahaha Eu vi que o trecho que preciso alterar é esse: Só não sei o que colocar para ter apenas uma prévia escrita da postagem no lugar dessa tag e comentários
  2. Oi povo! Alguém me ajuda a arrumar uma coisa no meu blog? Peguei esse template e editei, mas não sei como retirar a imagem de cima do "read more". Outra coisa que eu queria mudar também é como colocar um breve texto (com letras pequenas) no lugar do número de comentários e tag. Alguém sabe como fazer essas mudanças? Obrigadão!
  3. Olá humanos! Meu Blogger está cheio de marcadores sem funcionar (essas tags que ligam uma postagem de mesmo assunto com a outra) justamente agora que organizei as minhas! Percebi que um monte das postagens simplesmente não estão vindo quando procuro por suas tags e nem tenho ideia do que fazer já que elas estão marcadas dentro do sistema do Blogger e deveriam se ligar assim. Nem republicar as postagens que as tags não funcionam mais está resolvendo... Acaba que meu menu organizadinho não serviu para nada por problemas de funcionamento da plataforma mesmo. A única forma de ver direito o conteúdo é clicando no Arquivo e sair olhando todos os títulos: Vai aparecer tudo misturado e haja paciência! Procuro uma solução para esse problema. Alguma sugestão?
  4. Boa tarde povo! Estou com duas imagens sacaneando num site, ela não se adapta quando abre no celular e já tentei de toda a forma de programação de responsivo mas parece que tem algo na página que a trava assim erradona. O site é www.arctusacademy.com Vou deixar aqui em anexo a index dele. index.rar
  5. Meu acesso da psn foi banido sem nenhuma razão. Decidi então formatar o ps3 para ver se o problema resolvai. Copiei todos os saves do meu ps3 em um pendrive e formatei o ps3. Quando coloco o pendrive para fazer a leitura e copiar novamente os dados aparece a mensagem "não há dados salvos", porém, quando leio o mesmo pendrive num computador os dados aparecem normalmente. Já tentei reinstalar os jogos para ver se esse era o problema e não adiantou nada. Agora acabo de ver que continuo com o banimento nesse aparelho (pelo computador posso acessar a psn) sem nenhuma razão (só tenho jogos originais e o aparelho é bloqueado) e fiquei sem saves. Alguem pode me ajudar nesses dois problemas? Obrigadao!
  6. Boa tarde povo! Baixei um template para blog e estou apanhando legal para editar o menu suspenso dele. Marquei com o nome "editar" a parte em que quero inserir links e não estou conseguindo (apenas consigo mudar o nome). Poderiam me ajudar? Queria colocar hashtags específicas ali por link. Segue o código: <nav id='header-navigation'> <div class='row nav-wrapper'> <div class='nav-menu'> <div class='header-random'><li><a class='rdn-icon'/></li></div> <div class='header-menu'> <b:section class='menu' id='menu' maxwidgets='1' name='Main Menu' showaddelement='yes'> <b:widget id='LinkList110' locked='false' title='Menu' type='LinkList' version='1'> <b:widget-settings> <b:widget-setting name='link-7'>http://</b:widget-setting> <b:widget-setting name='link-5'>http://</b:widget-setting> <b:widget-setting name='link-6'>http://</b:widget-setting> <b:widget-setting name='link-3'>http://</b:widget-setting> <b:widget-setting name='link-4'>http://</b:widget-setting> <b:widget-setting name='text-1'>Editar 001 #</b:widget-setting> <b:widget-setting name='text-0'>Inicio</b:widget-setting> <b:widget-setting name='text-3'>Editar 003</b:widget-setting> <b:widget-setting name='text-2'>Editar 002</b:widget-setting> <b:widget-setting name='text-5'>Editar 005</b:widget-setting> <b:widget-setting name='text-4'>Editar 004</b:widget-setting> <b:widget-setting name='text-7'>Editar 007</b:widget-setting> <b:widget-setting name='text-6'>Editar 006</b:widget-setting> <b:widget-setting name='sorting'>NONE</b:widget-setting> <b:widget-setting name='link-1'>http://</b:widget-setting> <b:widget-setting name='link-2'>http://</b:widget-setting> <b:widget-setting name='link-0'>/</b:widget-setting> </b:widget-settings> <b:includable id='main'> <div class='widget-content'> <ul id='nav' itemscope='' itemtype='http://schema.org/SiteNavigationElement'> <b:loop values='data:links' var='link'> <li itemprop='name'><a expr:href='data:link.target' itemprop='url'><data:link.name/></a></li> </b:loop> </ul> </div> </b:includable> </b:widget> </b:section> </div> </div> </div> </nav> e o código por inteiro neste link. Obrigadão!
  7. Boa tarde. Minha identidade google é JulianaSphynx e ela está vinculada a um e-mail meu. Se eu coloco minha identidade do google e em seguida @gmail.com vai automaticamente para este meu antigo e-mail que ela está vinculada, mas eu queria usar essa identidade como e-mail ([email protected]), só que nunca aparece caixa de entrada (vai para meu email antigo). Como faço para registrar essa id como e-mail? obs: não achei uma sessão adequada para a postagem
  8. Boa tarde humanos! Alguém pode me indicar uma caneta touch para a tela do meu notebook? Ele é um Positivo duo Q 432A, ou seja, basicamente não tem memória! Eu tinha visto para vender uma caneta no mercado livre da marca Primezon (modelo: stylus 2 em 1), mas depois tive a informação que nem toda a caneta funciona em toda a tela e fiquei na dúvida se eu comprasse essa se funcionaria no meu notebook. Queria uma ponta fina para fazer desenhos e usá-lo como uma mesa interativa (ele já possui uma versão antiga do Photoshop instalada rodando perfeitamente). Poderiam me ajudar? Obrigadão!
  9. @Erso , foi um dos primeiros lugares que baixei e dá problemas na hora de extrair o arquivo. Parece que quase todos usam o mesmo arquivo zipado, então a mesma coisa acontece o tempo inteiro
  10. Boa noite pessoas! Alguem sabe onde consigo uma ROM de Samsung Galaxy J2 J200BT para baixar que funcione? Fiz a maior varredura em um celular para recuperar alguns documentos perdidos, acabei criando uma root que não soube ao certo como desfazer e depois disso o celular ao reiniciar apresentava a mensagem "Kernel is not enforcing blocked by FAP (hahahaha) lock". Vi em algumas páginas a "solução" para o problema, mas nenhuma das ROM que baixo serve para o modelo do telefone e o único link que encontrei que é deste modelo não funciona quando extraio do zip. Socorro! Alguem teria o arquivo que está faltando ou uma solução alternativa para o problema? Obrigada! obs: o processo feito foi a partir deste vídeo
  11. Boa noite. Percebi que estou sem a internet no meu notebook, depois de um certo tempo tentando sem sucesso vejo uma mensagem estranha na inicialização: Alguem pode me ajudar com esse erro? Tentei executar o cmd como admin para dar um reset nos programas (reset catalog), mas não consigo executar nenhuma operação como admin (nesm mesmo o usuário administrador aparece na tela inicial). Como corrijo esse problema? Obrigada!
  12. Boa tarde pessoas! Alguma indicação de template que eu possa usar para um site com muitas fotografias? O meu está muito pesado e já não sei mais como resolver o problema Se alguem quiser ver o problema de carregamento: aves.jsphynx.com Obrigada!
  13. Socorro pessoas! Como faz anos que não mexo em nada de programação estou com essa dúvida bem básica: onde vai o sendto e meu endereço de e-mail nesse box de contato? <div class="box"> <form method="post" action="#"> <div class="fields"> <div class="field half"><input type="text" name="name" placeholder="Nome" /></div> <div class="field half"><input type="email" name="email" placeholder="E-mail" /></div> <div class="field"><textarea name="message" placeholder="Mensagem" rows="6"></textarea></div> </div> <ul class="actions special"> <li><input type="submit" value="Enviar mensagem" /></li> Obrigada!! obs: substituindo o # por sendto: meu email não parece funcionar
  14. @DiF Eu vou desenhar todos os ícones bem minusculinhos como na imagem mesmo, ainda não os fiz, mas é coisa que sai muito rápido (ja que não tem detalhes). Assim posso em seguida os converter no site que citou. Achei muito legal essa ideia, mas quanto mais tempo estou longe da programação, menos sei fazer qualquer coisa Eu não consegui nem as tirar da home ainda! Notei maus um problema: quando clico nela aberta a sequencia que se segue é a mesma da home e não a mesma do grupo de fotos que ela está contida (no caso a Ordem). Eu não paro de apanhar e acho que cheguei no limite do que me lembro de programação Por isso as vezes penso em refazer tudo! Eu não lembro como fazer essas coisas. Estou mesmo cogitando refazer o site de forma mais simples possível (ai desde o começo já ter o menu como falei). Vai dar trabalho mas pode ser que eu consiga arrumar tudo. O maior problema ali é o grande número de imagens sendo carregadas logo de cara Obrigadão novamente!
  15. @DiF , o problema é que já está sendo usado como imagem única em outros lugares. Eu não posso partir a imagem já feita. Eu queria realmente tirar da home, pois o número de imagens vai cada vez aumentar mais (cerca de mil pelo menos vão estar ali um dia... seria caótico mesmo com imagens pequenas). Eu queria mesmo tirar as imagens da home para fazer com que abram apenas ao clicar no menu Ordens, mas faz tanto tempo que não faço nada com programação que realmente não sei mais como trabalhar com isso (tenho sido designer). Eu queria deixar assim: Ou dessa forma (que para mim seria muito mais didática): obs: as imagens pequenas são só exemplos (não vão ser essas) e aqui apenas simplifiquei, seriam todos os links com uma imagem pequena antes do nome e que clicando tanto no nome como na imagem levariam para as fichas de animais. Obrigada pela paciência comigo
  16. @DiF eu pensei nessa parte tb de colocar apenas os nomes mesmo, mas nem isso estou fazendo direito. Não sei como apenas esconder as fotos da home e deixar elas aparecendo apenas quando chamadas pelo menu <!DOCTYPE html> <html lang="en"> <head> <link rel="icon" href="images/icone.png" type="image/icone.png" /> <link rel="shortcut icon" href="images/icone.png" type="images/icone.png" /> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content=""> <meta name="author" content=""> <title>JSphynx.com</title> <!-- Bootstrap core CSS --> <link href="css/bootstrap.css" rel="stylesheet"> <!-- Add custom CSS here --> <link href="css/ekko-lightbox.css" rel="stylesheet"> <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <style type="text/css"> <!-- .style1 {color: #000000} --> </style> </head> <body> <div id="boxWrapp"> <a href="http://www.jsphynx.com" class="logo-wrapp"><img src="img/logo.png" alt="logo" class="logo" /></a> <!-- Side Menu --> <a id="menu-toggle" href="#" class="btn btn-primary btn-lg toggle"><i class="fa fa-bars"></i></a> <div id="sidebar-wrapper"> <ul class="sidebar-nav"> <a id="menu-close" href="#" class="btn btn-clear pull-right toggle"><img src="img/close.png" alt="close" /></a> <li><a href="#home"><i class="fa fa-home"></i>HOME</a></li> <li><a href="http://www.jsphynx.com/"><i class="fa fa-picture-o"></i>PORTFÓLIO</a></li> <li><a href="#about"><i class="fa fa-user"></i>SOBRE </a></li> <li><a href="#about"><i class="fa fa-envelope"></i>CONTATO </a></li> </ul> </div> <!-- /Side Menu --> <!-- Full Page Image Header Area --> <header id="home" class="header"> <div class="title-home"> <h1>Aves do Brasil</h1> </div> </header> <!-- /Full Page Image Header Area --> <!-- Portfolio --> <section id="portfolio" class="page"> <div class="container"> <div class="row"> <div class="col-md-12 title-page text-center build"> <h2>Ordens</h2> </div> </div> <div class="row"> <div class="metro"> <div class="col-md-10 col-md-offset-1"> <div class="build"> <ul id="filterOptions" class="clearfix"> //Todo o menu das ORDENS, do qual queria fazer apenas um ícone para cada um, mas por enquanto vou deixar assim mesmo e apenas tirar as fotografias grandes (está muito lerdo de carregar <li class="cur"><a class="btn btn-link linear" href="#" data-group="all">Todas</a></li> <li><a class="btn btn-link linear" href="#" data-group="Accipitriformes">Accipitriformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Anseriformes">Anseriformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Apodiformes">Apodiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Caprimulgiformes">Caprimulgiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Cariamiformes">Cariamiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Cathartiformes">Cathartiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Charadriiformes">Charadriiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Ciconiiformes">Ciconiiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Columbiformes">Columbiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Coraciiformes">Coraciiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Cuculiformes">Cuculiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Eurypygiformes">Eurypygiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Falconiformes">Falconiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Galbuliformes">Galbuliformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Galliformes">Galliformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Gruiformes">Gruiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Nyctibiiformes">Nyctibiiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Opisthocomiformes">Opisthocomiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Passeriformes">Passeriformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Pelecaniformes">Pelecaniformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Phaethontiformes">Phaethontiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Phoenicopteriformes">Phoenicopteriformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Piciformes">Piciformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Podicipediformes">Podicipediformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Procellariiformes">Procellariiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Psittaciformes">Psittaciformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Rheiformes">Rheiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Sphenisciformes">Sphenisciformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Steatornithiformes">Steatornithiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Strigiformes">Strigiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Suliformes">Suliformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Tinamiformes">Tinamiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Trogoniformes">Trogoniformes</a></li> <li class="cur"><a class="btn btn-link linear" href="#" data-group="Hibridas">Híbridas</a></li> <li class="cur"><a class="btn btn-link linear" href="#" data-group="Ameacadas">Ameaçadas</a></li> </div> </div><!--end-col--> </div><!--end-col--> </div> //Aqui começam as fotografias. Como eu as esconderia da home apenas as deixando aparecer quando clicar no menu? <div class="row"> <div class="col-md-10 col-md-offset-1"> <div class="row"> <div class="main-folio clearfix metro" id="grid"> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all" "Anseriformes"]'> <div class="thumb-img"> <a href="img/portfolio/anhuma.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/anhuma.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Piciformes"]'> <div class="thumb-img"> <a href="img/portfolio/Aracari-castanho.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Aracari-castanho.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Piciformes"]'> <div class="thumb-img"> <a href="img/portfolio/Aracari-de-bico-branco.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor e caneta hidrocor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Aracari-de-bico-branco.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Piciformes"]'> <div class="thumb-img"> <a href="img/portfolio/Aracari-miudinho.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Aracari-miudinho.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Piciformes"]'> <div class="thumb-img"> <a href="img/portfolio/Aracari-mulato.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor e caneta nanquim em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Aracari-mulato.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Piciformes"]'> <div class="thumb-img"> <a href="img/portfolio/Aracari-poca.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Aracari-poca.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Psittaciformes", "Hibridas"]'> <div class="thumb-img"> <a href="img/portfolio/Arara Catalina.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Arara Catalina.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Psittaciformes"]'> <div class="thumb-img"> <a href="img/portfolio/Arara-caninde.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Arara-caninde.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Psittaciformes", "Ameacadas"]'> <div class="thumb-img"> <a href="img/portfolio/ararajuba.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/ararajuba.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Psittaciformes"]'> <div class="thumb-img"> <a href="img/portfolio/Arara-vermelha.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Arara-vermelha.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Apodiformes"]'> <div class="thumb-img"> <a href="img/portfolio/Beija-flor-azul-de-rabo-branco.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Beija-flor-azul-de-rabo-branco.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Apodiformes"]'> <div class="thumb-img"> <a href="img/portfolio/Beija-flor-de-veste-preta.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Beija-flor-de-veste-preta.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Apodiformes"]'> <div class="thumb-img"> <a href="img/portfolio/Beija-flor-preto-e-branco.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Beija-flor-preto-e-branco.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Strigiformes"]'> <div class="thumb-img"> <a href="img/portfolio/Cabure-acanelado.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Cabure-acanelado.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Passeriformes"]'> <div class="thumb-img"> <a href="img/portfolio/Cambacica.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Desenho antigo. Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Cambacica.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Passeriformes"]'> <div class="thumb-img"> <a href="img/portfolio/Canario-da-terra.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Desenho antigo. Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Canario-da-terra.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Anseriformes"]'> <div class="thumb-img"> <a href="img/portfolio/Capororoca.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Capororoca.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Psittaciformes"]'> <div class="thumb-img"> <a href="img/portfolio/Caturrita.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Caturrita.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Strigiformes"]'> <div class="thumb-img"> <a href="img/portfolio/Coruja-da-igreja.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Coruja-da-igreja.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Passeriformes"]'> <div class="thumb-img"> <a href="img/portfolio/crejoa.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/crejoa.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Pelecaniformes"]'> <div class="thumb-img"> <a href="img/portfolio/Garca-azul.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Garca-azul.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Pelecaniformes"]'> <div class="thumb-img"> <a href="img/portfolio/garca-branca-pequena.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/garca-branca-pequena.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Passeriformes"]'> <div class="thumb-img"> <a href="img/portfolio/Gaturamo-bandeira.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Gaturamo-bandeira.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Passeriformes"]'> <div class="thumb-img"> <a href="img/portfolio/Gaturamo-rei.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Gaturamo-rei.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Passeriformes"]'> <div class="thumb-img"> <a href="img/portfolio/Gaturamo-verdadeiro.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Gaturamo-verdadeiro.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Pelecaniformes"]'> <div class="thumb-img"> <a href="img/portfolio/Guara.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Guara.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Accipitriformes"]'> <div class="thumb-img"> <a href="img/portfolio/Harpia.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Harpia.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Psittaciformes", "Ameacadas"]'> <div class="thumb-img"> <a href="img/portfolio/Jandaia-sol.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Jandaia-sol.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Galbuliformes"]'> <div class="thumb-img"> <a href="img/portfolio/joao-bobo.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/joao-bobo.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Psittaciformes"]'> <div class="thumb-img"> <a href="img/portfolio/Maracana-verdadeira.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Desenho antigo. Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Maracana-verdadeira.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Psittaciformes"]'> <div class="thumb-img"> <a href="img/portfolio/Marianinha-de-cabeca-amarela.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Marianinha-de-cabeca-amarela.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Strigiformes"]'> <div class="thumb-img"> <a href="img/portfolio/Murucututu.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Murucututu.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Psittaciformes"]'> <div class="thumb-img"> <a href="img/portfolio/Marianinha-de-cabeca-preta.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Marianinha-de-cabeca-preta.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Passeriformes"]'> <div class="thumb-img"> <a href="img/portfolio/Noivinha.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor e caneta nanquim em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Noivinha.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Passeriformes"]'> <div class="thumb-img"> <a href="img/portfolio/Papa-piri.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Papa-piri.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Psittaciformes"]'> <div class="thumb-img"> <a href="img/portfolio/Periquitao-maracana.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Periquitao-maracana.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Charadriiformes"]'> <div class="thumb-img"> <a href="img/portfolio/Pernilongo-de-costas-brancas.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Pernilongo-de-costas-brancas.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Sphenisciformes"]'> <div class="thumb-img"> <a href="img/portfolio/Pinguim-de-magalhaes.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor e caneta hidrocor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Pinguim-de-magalhaes.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Piciformes"]'> <div class="thumb-img"> <a href="img/portfolio/*****-pau-dourado-escuro.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/*****-pau-dourado-escuro.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Sphenisciformes"]'> <div class="thumb-img"> <a href="img/portfolio/Pinguim-rei.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Pinguim-rei.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Charadriiformes"]'> <div class="thumb-img"> <a href="img/portfolio/Quero-quero.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Quero-quero.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Columbiformes"]'> <div class="thumb-img"> <a href="img/portfolio/Rolinha-roxa.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Rolinha-roxa.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Passeriformes"]'> <div class="thumb-img"> <a href="img/portfolio/Sabia-laranjeira.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Desenho antigo. Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Sabia-laranjeira.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Passeriformes"]'> <div class="thumb-img"> <a href="img/portfolio/Sai-azul.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Sai-azul.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "CPasseriformes"]'> <div class="thumb-img"> <a href="img/portfolio/Saira-amarela.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Saira-amarela.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Passeriformes", "Ameacadas"]'> <div class="thumb-img"> <a href="img/portfolio/Saira-apunhalada.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Saira-apunhalada.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Passeriformes"]'> <div class="thumb-img"> <a href="img/portfolio/Saira-douradinha.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Saira-douradinha.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Passeriformes"]'> <div class="thumb-img"> <a href="img/portfolio/Saira-sete-cores.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Saira-sete-cores.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Passeriformes"]'> <div class="thumb-img"> <a href="img/portfolio/Sanhacu-de-fogo.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Sanhacu-de-fogo.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Passeriformes"]'> <div class="thumb-img"> <a href="img/portfolio/Sete-cores-da-amazonia.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Sete-cores-da-amazonia.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Trogoniformes"]'> <div class="thumb-img"> <a href="img/portfolio/Surucua-variado.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Surucua-variado.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Passeriformes"]'> <div class="thumb-img"> <a href="img/portfolio/Tie-sangue.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Tie-sangue.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Psittaciformes", "Ameacadas"]'> <div class="thumb-img"> <a href="img/portfolio/Tiriba-grande.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Tiriba-grande.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Piciformes"]'> <div class="thumb-img"> <a href="img/portfolio/Tucano-de-bico-preto.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Tucano-de-bico-preto.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Piciformes"]'> <div class="thumb-img"> <a href="img/portfolio/Tucano-grande-de-papo-branco.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Tucano-grande-de-papo-branco.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Piciformes"]'> <div class="thumb-img"> <a href="img/portfolio/Tucano-toco.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Tucano-toco.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["all", "Cathartiformes"]'> <div class="thumb-img"> <a href="img/portfolio/Urubu-rei.jpg" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Lápis de cor em papel de impressora"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/Urubu-rei.jpg" alt="folio" /> </div> </div> <div class="col-xs-6 col-sm-4 col-md-4 box" data-groups='["Caprimulgiformes", "Cariamiformes", "Ciconiiformes", "Coraciiformes", "Cuculiformes", "Eurypygiformes", "Falconiformes", "Galliformes", "Gruiformes", "Nyctibiiformes", "Opisthocomiformes", "Phaethontiformes", "Podicipediformes", "Procellariiformes", "Rheiformes", "Steatornithiformes", "Suliformes", "Tinamiformes"]'> <div class="thumb-img"> <a href="img/portfolio/em_construcao.png" class="thumb-mask" data-gallery="global-gallery" data-parent="" data-toggle="lightbox" data-title="Volte em breve!"><img src="img/plus.png" alt="folio" /></a> <img src="img/portfolio/em_construcao.png" alt="folio" /> </div> </div> </div> </div> </div> </div> </section> <!-- /Portfolio --> <!-- Footer Menu --> <section class="page footer-menu" id="about"> <div class="container"> <div class="row"> <div class="col-md-10 col-md-offset-1"> <div class="row"> <article class="wAbout build widget"> <h3><strong>SOBRE MIM</strong></h3> <p align="justify">O projeto Aves do Brasil surgiu pela minha paixão em observar esses animais, com o objetivo de relaxamento, aprendizado e tentativa de cada vez mais conscientizar pessoas de preservá-los livres. <br /><br /> Página em lenta e constante construção, pois faço todos os desenhos e a arte das imagens, juntamente com as pesquisas sempre citando suas fontes. <br /><br /> Para saber mais sobre mim acesse o link <a href="http://www.jsphynx.com">portfólio no menu ou mesmo clicando aqui</a>. <br /> =)</p> </article> </div> <div class="col-md-4"> <article class="wContact build widget"> <h3><strong>CONTATO</strong></h3> <p><lable>Localização:</lable> São José - Santa Catarina - Brasil</p> <p><lable>Email:</lable> [email protected]</p> </article> </div> <div class="col-md-3"> <article class="wSocial build widget"> <h3><strong>REDES SOCIAIS</strong></h3> <ul class="follow-social"> <li><a href="http://www.facebook.com/JSphynx" class="fb"><i class="fa fa-facebook-square fa-3x"></i></a></li> <li><a href="https://www.linkedin.com/in/julianasphynx" class="in"><i class="fa fa-linkedin-square fa-3x"></i></a></li> <li><a href="www.instagram.com/julianasphynx" class="db"><i class="fa fa-dribbble fa-3x"></i></a></li> </ul> </article> </div> </div> </div> </div> </section> <!-- /Footer Menu --> <!-- Footer --> <footer> <div class="container"> <div class="row"> <div class="col-md-6 col-md-offset-1"> <div class="cpRight build"> <p class="style1">&copy; 2014 Pandawa by OmahPSD.com. All Rights Reserved.</p> </div> </div> </div> </div> </footer> <!-- /Footer --> <!-- JavaScript --> <script src="js/jquery-1.10.2.js"></script> <script src="js/less-1.7.0.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/jquery.shuffle.js"></script> <script src="js/ekko-lightbox.js"></script> <script src="js/script.js"></script> <!-- Custom JavaScript for the Side Menu and Smooth Scrolling --> </div> </body> </html> Ai ai ai... porque fui inventar de fazer isso né? Eu queria colocar botões bem pequenos só com a sombra do que seria cada ordem ali para facilitar mesmo onde clicar, mas vou acabar seguindo pelo caminho de tirar todas da home (vou tentar isso agora mesmo). Acha que fica bom? Obrigadão!
  17. Olá povo! Alguem pode me ajudar? Tenho um site simples que queria colocar imagens no lugar das palavras do menu, mas por ser em banco de dados não estou conseguindo fazer com que as imagens ali funcionem como botões. O site é o seguinte: http://www.aves.jsphynx.com Segue aqui o código do menu: <!-- Portfolio --> <section id="portfolio" class="page"> <div class="container"> <div class="row"> <div class="col-md-12 title-page text-center build"> <h2>Ordens</h2> </div> </div> <div class="row"> <div class="metro"> <div class="col-md-10 col-md-offset-1"> <div class="build"> <ul id="filterOptions" class="clearfix"> <li class="cur"><a class="btn btn-link linear" href="#" data-group="all">Todas</a></li> <li><a class="btn btn-link linear" href="#" data-group="Accipitriformes">Accipitriformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Anseriformes">Anseriformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Apodiformes">Apodiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Caprimulgiformes">Caprimulgiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Cariamiformes">Cariamiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Cathartiformes">Cathartiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Charadriiformes">Charadriiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Ciconiiformes">Ciconiiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Columbiformes">Columbiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Coraciiformes">Coraciiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Cuculiformes">Cuculiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Eurypygiformes">Eurypygiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Falconiformes">Falconiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Galbuliformes">Galbuliformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Galliformes">Galliformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Gruiformes">Gruiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Nyctibiiformes">Nyctibiiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Opisthocomiformes">Opisthocomiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Passeriformes">Passeriformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Pelecaniformes">Pelecaniformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Phaethontiformes">Phaethontiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Phoenicopteriformes">Phoenicopteriformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Piciformes">Piciformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Podicipediformes">Podicipediformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Procellariiformes">Procellariiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Psittaciformes">Psittaciformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Rheiformes">Rheiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Sphenisciformes">Sphenisciformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Steatornithiformes">Steatornithiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Strigiformes">Strigiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Suliformes">Suliformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Tinamiformes">Tinamiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Trogoniformes">Trogoniformes</a></li> <li class="cur"><a class="btn btn-link linear" href="#" data-group="Hibridas">Híbridas</a></li> <li class="cur"><a class="btn btn-link linear" href="#" data-group="Ameacadas">Ameaçadas</a></li> </div> </div><!--end-col--> </div><!--end-col--> </div> <div class="row"> <div class="col-md-10 col-md-offset-1"> <div class="row"> <div class="main-folio clearfix metro" id="grid"> obs: o site está bem pesado para carregar e por isso quero ocultar todas as fichas de aves e fazer das palavras apenas botões com link para cada grupo de imagens de cada ordem (o problema está apenas em fazer com que o botão funcione sendo uma imagem). Obrigada!
  18. Os arquivos estão nas pastas corretas (tanto que abrem certinho no site) e os pterodáctilos estão extintos (realmente não sei o que é isso) @Van Jacques adicionado 0 minutos depois @luscas , já vou tentar aqui! adicionado 12 minutos depois Tudo o que estou tentando sempre aparece parte do código sem imagem sendo exibida no lugar do link ou nem aparece imagem alguma =( Como monto essa linha para dar certo?
  19. Olá pessoas! Alguem pode me ajudar? Estou tentando fazer um botão aqui com imagens <li><a class="btn btn-link linear" href="#" data-group="Anseriformes">Anseriformes</a></li> Quero inserir uma imagem no lugar do nome do grupo. Fiz um monte de tentativas que deram bem errado. No caso eu sei onde colocaria, mas alguma coisa no código não está correto porque simplesmente não aparece imagem alguma: <li><a class="btn btn-link linear" href="#" data-group="Accipitriformes"> <a href="img/portfolio/TesteDeImagem.png"> </a></li> o que tenho que mudar ali pra aparecer o TesteDeImagem.png ? o site: aves.jsphynx.com (quero tirar todas as imagens da home e deixar apenas em botões, pois são cada vez mais imagens e fica pesado para carregar). Segue o código desse trecho: <!-- Portfolio --> <section id="portfolio" class="page"> <div class="container"> <div class="row"> <div class="col-md-12 title-page text-center build"> <h2>Ordens</h2> </div> </div> <div class="row"> <div class="metro"> <div class="col-md-10 col-md-offset-1"> <div class="build"> <ul id="filterOptions" class="clearfix"> <li class="cur"><a class="btn btn-link linear" href="#" data-group="all">Todas</a></li> <li><a class="btn btn-link linear" href="#" data-group="Accipitriformes">Accipitriformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Anseriformes">Anseriformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Apodiformes">Apodiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Caprimulgiformes">Caprimulgiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Cariamiformes">Cariamiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Cathartiformes">Cathartiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Charadriiformes">Charadriiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Ciconiiformes">Ciconiiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Columbiformes">Columbiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Coraciiformes">Coraciiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Cuculiformes">Cuculiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Eurypygiformes">Eurypygiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Falconiformes">Falconiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Galbuliformes">Galbuliformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Galliformes">Galliformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Gruiformes">Gruiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Nyctibiiformes">Nyctibiiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Opisthocomiformes">Opisthocomiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Passeriformes">Passeriformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Pelecaniformes">Pelecaniformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Phaethontiformes">Phaethontiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Phoenicopteriformes">Phoenicopteriformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Piciformes">Piciformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Podicipediformes">Podicipediformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Procellariiformes">Procellariiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Psittaciformes">Psittaciformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Rheiformes">Rheiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Sphenisciformes">Sphenisciformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Steatornithiformes">Steatornithiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Strigiformes">Strigiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Suliformes">Suliformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Tinamiformes">Tinamiformes</a></li> <li><a class="btn btn-link linear" href="#" data-group="Trogoniformes">Trogoniformes</a></li> <li class="cur"><a class="btn btn-link linear" href="#" data-group="Hibridas">Híbridas</a></li> <li class="cur"><a class="btn btn-link linear" href="#" data-group="Ameacadas">Ameaçadas</a></li> </div> </div><!--end-col--> </div><!--end-col--> </div> obrigada!!!
  20. Alguem tinha me dado o modelo com certeza e agora nao aparece mais o anuncio =( adicionado 1 minuto depois Desculpa incomodar, mas ainda sabe qual era o modelo do hd? Agora que fui ver para compra e o anuncio não existe mais (sei que demorei um monte, mas agora que deu). Obrigada =D
  21. Agora que vim ver o link para comprar um hd e não tem mais o anuncio =/ Seria qual modelo para colocar no ps3? =X

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...