Jump to content

Sherlock02

Members
  • Content count

    19
  • Joined

  • Last visited

Community Reputation

0 Comum

About Sherlock02

Informações Pessoais

  • Sexo
    Feminino
  • Localização
    São Paulo
  1. Sherlock02

    Mudança do layout em select e buttons

    Olá Rebeca, O erro 404 é sobre permissão. Ou o arquivo não existe ou o endereço está incorreto. Mas você disse que isso já foi corrigido. Será que você corrigiu e apagou algum endereço necessário para o seu select funcionar? Tipo: <script src=".../jquery/meujs.js"></script> Também percebi que você uma aspa e depois, duas aspas no código. Tente alterar isso, colocando sempre duas aspas. Às vezes pode ser um errinho bobo. <div class="col s3"> <select name="tipo" class="browser-default"> <option value="" disabled selected>Tipo</option> <option value="Casa" class="tipo">Casa</option> <option value="Apartamento" class="tipo">Apartamento</option> <option>Sobrado</option> <option>Edicula</option> <option>KitNet</option> <option>Flat</option> <option>Sala Comercial</option> <option>Loja</option> <option>Galpão</option> <option>Terreno</option> <option>Fazenda</option> </select> </div>
  2. Sherlock02

    Estilizar TR que tenha checkbox marcado

    Olá, A boa notícia é que dá para fazer, mas a ruim, é que não com css hehe Eu encontrei soluções semelhantes: (Não sei se pelas regras do forum pode ser colocado links externos aqui, mas enfim) https://pt.stackoverflow.com/questions/246777/css-ao-clicar-em-um-checkbox-pintar-uma-td E essa também: https://codepen.io/diegobdev/pen/vGoqKW Abraços!
  3. Sherlock02

    Estilizar TR que tenha checkbox marcado

    Olá, Assim fica um pouco complicado. Seria possível você colocar o código da tabela em questão? E o css?
  4. Sherlock02

    Margens laterais apenas no mobile.

    Olá! Bem, seu site não está carregando então não dá para ver o que está errado. Seria mais fácil se você inserisse os códigos referidos no tópico. Não sei exatamente qual modelo você usa como base no blogger, mas tente retirar toda a margem primeiro no código responsivo. Algo mais ou menos assim: #outer-wrapper { margin:0 auto; padding:0 } #content-wrapper { width:1040px; max-width: 100%; margin:0 auto; padding:0 } @media screen and (max-width: 768px){ seu codigo responsivo }
  5. Sherlock02

    Remover texto com Javascript

    Funcionou perfeitamente. Muito obrigada!
  6. Sherlock02

    Remover texto com Javascript

    Olá! Eu gostaria de remover o texto dos links utilizando javascript. <div id='social' class='social section'> <li><a href='http://instagram.com'>Facebook</a></li> <li><a href='http://facebook.com'>Facebook</a></li> </div> Não é possível remover o texto manualmente, pois estou falando da plataforma blogger, e por padrão ele insere o texto. Eu gostaria que ficasse apenas: <div id='social' class='social section'> <li><a href='http://instagram.com'></a></li> <li><a href='http://facebook.com'></a></li> </div> Obrigada.
  7. Sherlock02

    Uso de list-style-type

    Olá, Disponha! Não, nesse caso você deve indicar o que deseja no css. Segue o código: Onde era: ol > li:before { content: counter(list) ") "; counter-increment: list; } Você acrescenta ", lower-alpha" Ficando: ol > li:before { content: counter(list, lower-alpha) ") "; counter-increment: list; } Se eu quiser números romanos por exemplo, eu insiro "lower-roman" e o resultado será: i) item ii) item 2 iii) item 3 iv) item 4. Vale dar uma olhadinha nesse site: https://www.w3.org/TR/CSS2/generate.html#counters
  8. Sherlock02

    Esconder o diretório no código fonte

    Olá! Estou comentando apenas para acompanhar o tópico, porque também estou procurando por essa solução!
  9. Sherlock02

    Uso de list-style-type

    Olá! ol { counter-reset: list; list-style: none; } ol > li { list-style: none; } ol > li:before { content: counter(list) ") "; counter-increment: list; } <ol> <li>vavavavavava</li> <li>bababababab</li> <li>nnanananananaan</li> <li>jajajajaja</li> </ol> Abraços!
  10. Sherlock02

    Trocar posição de tags

    Olá! Eu tenho um código em javascript cujo resultado está aparecendo na seguinte ordem: 1- Imagem do post 2- Título com link do post 3- Sumário do post 4- Data 5- Quantidade de comentários 6- Leia mais link. Eu queria colocar trocar o 4° com o 3°, e colocar a data depois do link do post (o restante permanece igual). Então ficaria: 2- Título com link do post 3- Data 4- Sumário do post Mas eu não consigo fazer isso. Se eu recorto o código e colo abaixo, ele desaparece. Como fazer isso? <script type='text/javascript'> //<![CDATA[ function labelthumbs(json) { document.write('<ul id="label_with_thumbs">'); for (var i = 0; i < numposts; i++) { var entry = json.feed.entry[i]; var posttitle = entry.title.$t; var posturl; if (i == json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') { var commenttext = entry.link[k].title; var commenturl = entry.link[k].href; } if (entry.link[k].rel == 'alternate') { posturl = entry.link[k].href; break; } } var thumburl; try { thumburl = entry.media$thumbnail.url; } catch (error) { s = entry.content.$t; a = s.indexOf("<img"); b = s.indexOf("src=\"", a); c = s.indexOf("\"", b + 5); d = s.substr(b + 5, c - b - 5); if ((a != -1) && (b != -1) && (c != -1) && (d != "")) { thumburl = d; } else thumburl = 'http://3.bp.blogspot.com/-zP87C2q9yog/UVopoHY30SI/AAAAAAAAE5k/AIyPvrpGLn8/s1600/picture_not_available.png'; } var postdate = entry.published.$t; var cdyear = postdate.substring(0, 4); var cdmonth = postdate.substring(5, 7); var cdday = postdate.substring(8, 10); var monthnames = new Array(); monthnames[1] = "Jan"; monthnames[2] = "Feb"; monthnames[3] = "Mar"; monthnames[4] = "Apr"; monthnames[5] = "May"; monthnames[6] = "June"; monthnames[7] = "July"; monthnames[8] = "Aug"; monthnames[9] = "Sept"; monthnames[10] = "Oct"; monthnames[11] = "Nov"; monthnames[12] = "Dec"; document.write('<li class="clearfix">'); if (showpostthumbnails == true) document.write('<a href="' + posturl + '" target ="_top"><img class="label_thumb" src="' + thumburl + '"/></a>'); document.write('<a href="' + posturl + '"class="titlepost" target ="_top">' + posttitle + '</a>'); if ("content" in entry) { var postcontent = entry.content.$t; } else if ("summary" in entry) { var postcontent = entry.summary.$t; } else var postcontent = ""; var re = /<\S[^>]*>/g; postcontent = postcontent.replace(re, ""); if (showpostsummary == true) { if (postcontent.length < numchars) { document.write('<div class="summarypost">'); document.write(postcontent); document.write('</div>'); } else { document.write('<div class="summarypost">'); postcontent = postcontent.substring(0, numchars); var quoteEnd = postcontent.lastIndexOf(" "); postcontent = postcontent.substring(0, quoteEnd); document.write(postcontent + '...'); document.write('</div>'); } } var towrite = ''; var flag = 0; document.write('<br>'); if (showpostdate == true) { towrite = towrite + '<div class="datepost">' + cdday + '.' + monthnames[parseInt(cdmonth, 10)] + '.' + cdyear + '</div>'; flag = 1; } if (showcommentnum == true) { if (flag == 1) { towrite = towrite + ' '; } if (commenttext == '1 Comments') commenttext = '1 Comment'; if (commenttext == '0 Comments') commenttext = 'No Comments'; commenttext = '<a href="' + commenturl + '" target ="_top">' + commenttext + '</a>'; towrite = towrite + commenttext; flag = 1;; } if (displaymore == true) { if (flag == 1) towrite = towrite + ' '; towrite = towrite + '<a href="' + posturl + '" class="url" target ="_top">Continue lendo »</a>'; flag = 1;; } document.write(towrite); document.write('</li>'); if (displayseparator == true) if (i != (numposts - 1)) document.write(''); } document.write('</ul>'); } //]]> </script> Obrigada!
  11. Sherlock02

    Posts em grid

    Olá, muito obrigada. Eu acabei conseguindo, mas de outra maneira. Vou deixar aqui o código: #mainwrapper{width:900px;margin: 0 auto;background:violet;height:100px;} .post:first-child{width:100%;} .post{background:#eee;width: calc(50% - 15px);float:left;} .post:nth-child(even){margin-right:30px;} <div id='mainwrapper'> <div class="post"> <div class="post-entry"> 1 Post com width 100%. Here goes my post. </div> </div> <div class="post"> <div class="post-entry"> 2. Post com width 50%. Here goes my post. </div> </div> <div class="post"> <div class="post-entry"> 3. Post com width 50%. Here goes my post. </div> </div> <div class="post"> <div class="post-entry"> 4. Post com width 50%. Here goes my post. </div> </div> <div class="post"> <div class="post-entry"> 5. Post com width 50%. Here goes my post. </div> </div> </div><!-- mainwrapper--> Obrigada e abraços!
  12. Sherlock02

    Posts em grid

    Olá! Eu estou tentando fazer um layout de postagem em que o primeiro ocupa a largura de 100%. Os demais são dispostos em grid, dois posts. (Vou anexar uma imagem para exemplificar o que desejo). Segue o código: .post:first-child{width:100%;position:relative;} .post{margin-bottom:60px;width:48.8%;float:left;background:#eee} .post:nth-child(2n+2){margin-right:30px;} <div id='mainwrapper'> <div class="post"> <div class="post-entry"> 1 Post com width 100%. Here goes my post. </div> </div> <div class="post"> <div class="post-entry"> 2. Post com width 48%. Here goes my post. </div> </div> <div class="post"> <div class="post-entry"> 3. Post com width 48%. Here goes my post. </div> </div> </div><!-- mainwrapper--> Esse código que fiz não me satisfez por completo porque o post da direita não "gruda" no canto, então está ficando desigual o primeiro e os demais. Eu gostaria de saber se não existe uma forma mais prática de fazer esse código. Obrigada!
  13. Sherlock02

    Apanhando feio - Colocar Botão abaixo de um texto.

    Olá, Seu link do mediafire não funciona. Tente: Estilo: .button-link{text-align:center;} .button-link a{padding:15px 25px;display:inline-block;text-align:center;color:#fff;background:#000;font:bold normal 11px/1.7em Arial,sans-serif;text-decoration:none} .button-link a:hover{background:#888;} HTML: <div class="text"> Lorem ipsum <div class="button-link"> <a href="botao.html">Botão</a> </div> </div> Aí é só formatar do seu jeito! ;)
  14. Sherlock02

    Div com largura diferente na home é possível?

    Olá, Este é um tutorial do blogspot especificamente. Há um blog que tem esse tutorial: http://www.mundoblogger.com.br/2010/08/aplicar-estilos-pagina-inicial-do-blog.html Para MOSTRAR um elemento APENAS na Página Inicial <b:if cond='data:blog.url == data:blog.homepageUrl'> <style> #main-wrapper{width:100%} </style> </b:if> Cole esse código acima de <body> Abraços!
  15. Sherlock02

    banner tipo carrossel automatico

    Olá! Onde você encontrou o tutorial para o slide? Geralmente no próprio site tem explicando. Pelo código do seu site, eu acredito que tenha sido o "Slick carousel" Nesse caso, tente inserir esse código de auto play <script> $('.autoplay').slick({ slidesToShow: 3, slidesToScroll: 1, autoplay: true, autoplaySpeed: 2000, }); </script> Abraços!
×

Important Information

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