Ir para conteúdo
Fórum Script Brasil

Vanessa-YesWeHeartIt

Membros
  • Total de itens

    12
  • Registro em

  • Última visita

Sobre Vanessa-YesWeHeartIt

Perfil

  • Gender
    Female
  • Location
    Rio de Janeiro

Vanessa-YesWeHeartIt's Achievements

0

Reputação

  1. FUNCIONOU!!!! :D Poxa, super obrigada viu!! Incrível como algumas pessoas gostam de ajudar mesmo sem receber nada em troca!! To apaixonada por este forum!! haha :wub:
  2. Então, fiz tudo certinho, agora com o código atualizado mas não mudou nada... O widget não sumiu mais mas as imagens continuam distorcidas! :(
  3. Não funcionou! :( O widget desaparece depois que eu aplico essas modificações... Tentei várias vezes e de várias formas e me parece (não entendo quase nada) que o problema é causado por esta parte do código: redimensiona(img_id, imgheight, imgwidth); Quando eu tiro esta linha o widget aparece de novo mas a imagem ainda está distorcida!
  4. Mais um probleminha gente! Sem querer abusar... hehe No Posts recentes que eu citei acima, as thumbs estão ficando distorcidas quando a imagem tem larguraXaltura diferentes... Eu queria que a imagem fosse cortada para caber na thumb. Tipo definir a largura e deixar altura automática para que não fique distorcido... O site agora é este: http://allthatglitterssssssss.blogspot.com/ (ainda está em testes) Reparem que a segunda thumb está distorcida pois na imagem original a altura é maior que a largura! Como soluciono isso?? O código: <div id='recent-posts' style='background-color: #ffffff; width: 318px; border: 1px solid #cfcfcf; margin-bottom: 13px; padding-bottom: 8px;'> <h2><div style='text-align: center;'> <img border='0' src='http://lh3.ggpht.com/_vf6epi5NSks/TBxhaVk9UzI/AAAAAAAALHU/CpBjX6T8784/ico.png'/> <span style='font-size: 20px;'><span style='font-family: Georgia,&quot;Times New Roman&quot;,serif;'><i>Posts Recentes</i></span></span> <img border='0' src='http://lh3.ggpht.com/_vf6epi5NSks/TBxhaVk9UzI/AAAAAAAALHU/CpBjX6T8784/ico.png'/></div> </h2> <script type='text/javascript'> imgr = new Array(); imgr[0] = &quot;http://3.bp.blogspot.com/_vf6epi5NSks/TB7tkAVCciI/AAAAAAAALLo/89V0d-zui2k/s1600/avatar.jpg&quot;; showRandomImg = true; imgwidth = 92; imgheight = 92; summaryPost = 0; startpost = 1; numposts = 6; home_page = &quot;<data:blog.homepageUrl/>&quot;; </script> <script type='text/javascript'> //<![CDATA[ // <!-- Based on a Script by Anhvo http://www.vietwebguide.com/ --> // <!-- Modified by BloggerSPhera - www.bloggersphera.com/ --> // <!-- Recent Posts with Thumbnail for Blogger Blogs --> // <!-- bloggersphera-version 7 - script showing posts in a unordered list --> function removeHtmlTag(strx,chop){ var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); } } s = s.join(""); s = s.substring(0,chop-1); return s; } function showrecentposts(json) { document.write('<ul id="rec_posts">'); j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0; img = new Array(); 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 == 'alternate') { posturl = entry.link[k].href; break; } } if ("content" in entry) { var postcontent = entry.content.$t;} else if ("summary" in entry) { var postcontent = entry.summary.$t;} else var postcontent = ""; if(j>imgr.length-1) j=0; img[i] = imgr[j]; s = postcontent; 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!="")) img[i] = d; var item = '<li class="rec_thumbs"><a href="'+posturl+'"><img src="'+img[i]+'" title="'+posttitle+'" width="'+imgwidth+'" height="'+imgheight+'"/></a></li>'; if(summaryPost == 0) { item = '<li class="rec_thumbs"><a href="'+posturl+'"><img src="'+img[i]+'" title="'+posttitle+'" width="'+imgwidth+'" height="'+imgheight+'"/></a></li>'; } document.write(item); j++; } document.write('</ul>'); } document.write("<script src=\""+home_page+"feeds/posts/default?max-results="+numposts+"&start-index="+startpost+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>"); //]]> </script> <div class='clear'/> </div> O CSS #recent-posts h2 { padding:0px; margin-top: 5px; font-weight: normal; } #rec_posts { width:100%; margin-left: -29px; list-style:none; } .rec_thumbs { float: left; background: #ffffff; margin-right: 7px; margin-bottom: 4px; } .rec_thumbs span { text-align: center; display: none; font-family: Georgia; font-style: italic; font-size: 10px; line-height: 1.0; } .rec_thumbs srong,.rec_thumbs span a:link,.rec_thumbs span a:hover { text-decoration:none; color: #828282!important; } .rec_thumbs img { filter: alpha(opacity:1); KHTMLOpacity: 1; MozOpacity: 1; -khtml-opacity:.1; -ms-filter:"alpha(opacity=100)"; -moz-opacity:1; filter:alpha(opacity=100); opacity:1; border: 1px solid #CFCFCF!important; } .rec_thumbs img:hover { filter: alpha(opacity:0.8); KHTMLOpacity: 0.8; MozOpacity: 0.8; -khtml-opacity:.80; -ms-filter:"alpha(opacity=80)"; -moz-opacity:.80; filter:alpha(opacity=80); opacity:.80; }
  5. Funcionooou!!! :lol: Obrigada!!! Voces sempre acertam... por isso que eu amo este forum! :D
  6. Gente, eu coloquei este widget de posts recentes no meu blog, onde o títulos aparecem abaixo das thumbs. Só que eu queria tirar os títulos e deixar só as imagens e fazer com que o título da postagem apareça quando o mouse é passado na imagem... como um title! Eu vi um exemplo neste blog: http://www.leblogdebetty.com/ Meu blog é este: http://www.yesweheartit.com/ O código que estou usando eu peguei no Bloggersphera.com.br <div id='recent-posts' style='background-color: #ffffff; width: 318px; border: 1px solid #cfcfcf; margin-bottom: 13px; padding-bottom: 8px;'> <h2><div style='text-align: center;'> <img border='0' src='http://lh3.ggpht.com/_vf6epi5NSks/TBxhaVk9UzI/AAAAAAAALHU/CpBjX6T8784/ico.png'/> <span style='font-size: 20px;'><span style='font-family: Georgia,"Times New Roman",serif;'><i>Posts Recentes</i></span></span> <img border='0' src='http://lh3.ggpht.com/_vf6epi5NSks/TBxhaVk9UzI/AAAAAAAALHU/CpBjX6T8784/ico.png'/></div> </h2> &lt;script type='text/javascript'> imgr = new Array(); imgr[0] = "http://3.bp.blogspot.com/_vf6epi5NSks/TB7tkAVCciI/AAAAAAAALLo/89V0d-zui2k/s1600/avatar.jpg"; showRandomImg = true; imgwidth = 86; imgheight = 85; summaryPost = 0; startpost = 6; numposts = 6; home_page = "<data:blog.homepageUrl/>"; </script> &lt;script type='text/javascript'> //<![CDATA[ // <!-- Based on a Script by Anhvo http://www.vietwebguide.com/ --> // <!-- Modified by BloggerSPhera - www.bloggersphera.com/ --> // <!-- Recent Posts with Thumbnail for Blogger Blogs --> // <!-- bloggersphera-version 7 - script showing posts in a unordered list --> function removeHtmlTag(strx,chop){ var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); } } s = s.join(""); s = s.substring(0,chop-1); return s; } function showrecentposts(json) { document.write('<ul id="rec_posts">'); j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0; img = new Array(); 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 == 'alternate') { posturl = entry.link[k].href; break; } } if ("content" in entry) { var postcontent = entry.content.$t;} else if ("summary" in entry) { var postcontent = entry.summary.$t;} else var postcontent = ""; if(j>imgr.length-1) j=0; img[i] = imgr[j]; s = postcontent; 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!="")) img[i] = d; var item = '<li class="rec_thumbs"><a href="'+posturl+'"><img src="'+img[i]+'" width="'+imgwidth+'" height="'+imgheight+'"/></a><span><a href="'+posturl+'">'+posttitle+'</a> '+removeHtmlTag(postcontent,summaryPost)+'...</span></li>'; if(summaryPost == 0) { item = '<li class="rec_thumbs"><a href="'+posturl+'"><img src="'+img[i]+'" width="'+imgwidth+'" height="'+imgheight+'"/></a><span><a href="'+posturl+'">'+posttitle+'</a></span></li>'; } document.write(item); j++; } document.write('</ul>'); } document.write("&lt;script src=\""+home_page+"feeds/posts/default?max-results="+numposts+"&start-index="+startpost+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>"); //]]> </script> <div class='clear'/> </div> O CSS: #recent-posts h2 { padding:0px; padding-bottom: 10px; background-color: #FFFFFF; margin-top: 5px; font-weight: normal; } #rec_posts { width:100%; margin-left: 9px; list-style:none; } .rec_thumbs { float: left; background: #ffffff; margin-right: 6px; margin-bottom: 6px; border: 1px solid #000000; padding-top: 3px; padding-right: 3px; padding-left: 3px; } .rec_thumbs span { width: 85px; height: 22px; text-align: center; display: block; font-family: Georgia; font-style: italic; font-size: 10px; line-height: 1.0; } .rec_thumbs srong,.rec_thumbs span a:link,.rec_thumbs span a:hover { text-decoration:none; color: #828282!important; } .rec_thumbs img { filter: alpha(opacity:1); KHTMLOpacity: 1; MozOpacity: 1; -khtml-opacity:.1; -ms-filter:"alpha(opacity=100)"; -moz-opacity:1; filter:alpha(opacity=100); opacity:1; border: 1px solid #000000!important; } .rec_thumbs img:hover { filter: alpha(opacity:0.5); KHTMLOpacity: 0.5; MozOpacity: 0.5; -khtml-opacity:.80; -ms-filter:"alpha(opacity=80)"; -moz-opacity:.80; filter:alpha(opacity=80); opacity:.80; } Alguém me ajude por favor???
  7. Nossa, não acredito! haha Uma coisa tão simples me consumiu hoooras e não consegui resolver sozinha!! :blink: SUUUUPER obrigada!!! :lol:
  8. Pessoal, estou com um probleminha. No meu blog, na barra lateral tem um "widget"de posts recentes com imagem. Ao lado de cada imagem aparece um ponto preto que não consigo excluir de jeito nenhum! Parece um ícone. Já tentei de tudo que eu pude e ão consegui tirá-lo de lá!! Blog "afetado": http://www.yesweheartit.com O código é o seguinte: <div id='recent-posts' style='background-color: #ffffff; width: 316px; border: 1px solid #cfcfcf; margin-bottom: 13px; box-shadow: 10px 3px 4px #9C9C9C; -webkit-box-shadow: 10px 3px 4px #9C9C9C; -moz-box-shadow: 10px 3px 4px #9C9C9C; padding-bottom: 8px;'> <h2><center><img src='http://dl.dropbox.com/u/7408351/posts%20recentes.jpg'/></center></h2> &lt;script type='text/javascript'> imgr = new Array(); imgr[0] = "http://dl.dropbox.com/u/7408351/Untitled-2.jpg"; showRandomImg = true; imgwidth = 84; imgheight = 84; summaryPost = 0; startpost = 1; numposts = 6; home_page = "<data:blog.homepageUrl/>"; </script> &lt;script type='text/javascript'> //<![CDATA[ // <!-- Based on a Script by Anhvo http://www.vietwebguide.com/ --> // <!-- Modified by BloggerSPhera - www.bloggersphera.com/ --> // <!-- Recent Posts with Thumbnail for Blogger Blogs --> // <!-- bloggersphera-version 7 - script showing posts in a unordered list --> function removeHtmlTag(strx,chop){ var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); } } s = s.join(""); s = s.substring(0,chop-1); return s; } function showrecentposts(json) { document.write('<ul id="rec_posts">'); j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0; img = new Array(); 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 == 'alternate') { posturl = entry.link[k].href; break; } } if ("content" in entry) { var postcontent = entry.content.$t;} else if ("summary" in entry) { var postcontent = entry.summary.$t;} else var postcontent = ""; if(j>imgr.length-1) j=0; img[i] = imgr[j]; s = postcontent; 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!="")) img[i] = d; var item = '<li class="rec_thumbs"><a href="'+posturl+'"><img src="'+img[i]+'" width="'+imgwidth+'" height="'+imgheight+'"/></a><span><a href="'+posturl+'">'+posttitle+'</a> '+removeHtmlTag(postcontent,summaryPost)+'...</span></li>'; if(summaryPost == 0) { item = '<li class="rec_thumbs"><a href="'+posturl+'"><img src="'+img[i]+'" width="'+imgwidth+'" height="'+imgheight+'"/></a><span><a href="'+posturl+'">'+posttitle+'</a></span></li>'; } document.write(item); j++; } document.write('</ul>'); } document.write("&lt;script src=\""+home_page+"feeds/posts/default?max-results="+numposts+"&start-index="+startpost+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>"); //]]> </script> <div class='clear'/> </div> Fiz o estilo assim: #rec_posts { width: 300px; margin-left: 13px; } .rec_thumbs { float: left; /* faz com que os ítens fiquem na horizontal */ background: #ffffff; margin-right: 6px; margin-bottom: 6px; border: 1px solid #000000; padding-top: 3px; padding-right: 3px; padding-left: 3px; } .rec_thumbs span { width: 85px; height: 22px; text-align: center; display: block; font-size: 10px; line-height: 1.0; } Alguém pode me dar uma luz por favor???? Obrigada!!
×
×
  • Criar Novo...