Ir para conteúdo
Fórum Script Brasil

M.Salvatore

Membros
  • Total de itens

    1
  • Registro em

  • Última visita

Sobre M.Salvatore

Últimos Visitantes

O bloco dos últimos visitantes está desativado e não está sendo visualizado por outros usuários.

M.Salvatore's Achievements

0

Reputação

  1. Olá, bom inicialmente preciso dizer que sou completamente leiga sobre Javascript, hoje que por eu estar produzindo um layout para meu site que eu comecei a pesquisar sobre o mesmo. Depois de ler alguns tutoriais, achei um que me ajudaria em uma parte da criação e personalização da minha pagina inicial, depois de algumas modificações que eu mesma fiz no código, adicionei o código que funcionou exatamente da forma que eu queria, como estava tudo dando certo resolvi dar mais uma incrementada, eu copiei o código que tinha dado certo e repeti trocando apenas uma coisa (a categoria que eu queria que aparecesse) Meu objetivo ao usar o Javascript era de um lado do site exibir as postagens de uma determinada Categoria/Marcador e do outro lado fazer o mesmo mas com uma Categoria/marcador diferente. O meu problema é o seguinte de um lado funciona corretamente, já o outro nada. Se eu excluir o que funciona o que até então não funcionava, começa a funcionar. Bom eu estou usando esse código: <script type='text/javascript'> //<![CDATA[ var numfeed = 5; var startfeed = 0; var urlblog = "http://URLDOBLOG.blogspot.com/"; var charac = 40; var urlprevious, urlnext; function arlinafeed(e,t){for(var n=e.split("<"),r=0;r<n.length;r++)-1!=n[r].indexOf(">")&&(n[r]=n[r].substring(n[r].indexOf(">")+1,n[r].length));return n=n.join(""),n=n.substring(0,t-1)}function showrecentpostsae(e){var t,n,r,a,i,s="";urlprevious="",urlnext="";for(var l=0;l<e.feed.link.length;l++)"previous"==e.feed.link[l].rel&&(urlprevious=e.feed.link[l].href),"next"==e.feed.link[l].rel&&(urlnext=e.feed.link[l].href);for(var d=0;d<numfeed&&d!=e.feed.entry.length;d++){t=e.feed.entry[d],n=t.title.$t;for(var l=0;l<t.link.length;l++)if("alternate"==t.link[l].rel){r=t.link[l].href;break}i="content"in t?t.content.$t:"summary"in t?t.summary.$t:"",a="media$thumbnail"in t?t.media$thumbnail.url:"http://3.bp.blogspot.com/-BHuXHny1kOk/VXrkSyxKCjI/AAAAAAAACas/pZLJAEUDtds/s1600/no-image.png",s+="<div class='recentpostel'>",s+="<a href='"+r+"' target='_blank'><img src='"+a+"' /></a>",s+="<h6><a href='"+r+"'>"+n+"</a></h6>",s+="<p>"+arlinafeed(i,charac)+"...</p>",s+="</div>"}document.getElementById("recentpostsae").innerHTML=s,s="",s+=urlprevious?"<a href='javascript:navigasifeed(-1);' class='previous'>Anterior</a>":"<span class='noactived previous'>Anterior</span>",s+=urlnext?"<a href='javascript:navigasifeed(1);' class='next'>Próximo</a>":"<span class='noactived next'>Próximo</span>",s+="<a href='javascript:navigasifeed(0);' class='home'>Home</a>",document.getElementById("recentpostnavfeed").innerHTML=s}function navigasifeed(e){var t,n;-1==e?(t=urlprevious.indexOf("?"),n=urlprevious.substring(t)):1==e?(t=urlnext.indexOf("?"),n=urlnext.substring(t)):n="?start-index=1&max-results="+numfeed+"&orderby=published&alt=json-in-script",n+="&callback=showrecentpostsae",incluirscript(n)}function incluirscript(e){1==startfeed&&removerscript(),document.getElementById("recentpostsae").innerHTML="<div id='recentpostload'></div>",document.getElementById("recentpostnavfeed").innerHTML="";var t=urlblog+"/feeds/posts/default/-/twilight"+e,n=document.createElement("script");n.setAttribute("type","text/javascript"),n.setAttribute("src",t),n.setAttribute("id","arlinalabel"),document.getElementsByTagName("head")[0].appendChild(n),startfeed=2}function removerscript(){var e=document.getElementById("arlinalabel"),t=e.parentNode;t.removeChild(e)}onload=function(){navigasifeed(0)}; //]]> </script> Como eu já mencionei eu não tenho um vasto conhecimento sobre javascript, o que eu sei e bem pouco, estou lendo muito sobre o assunto, mas ainda assim o que eu sei e bem pouco então se alguém puder me ajudar, peço por favor que expliquem da uma forma mais clara e simples que puderem. Eu uso esse Css pra personalizar: <style scoped='' type='text/css'> /* Postagens recentes */ #recentpostnav{ width:100%; margin:0 auto; float:rigth; } #recentpostsae{ margin:0} .recentpostel{ background:#fff; /*Cor de fundo*/ display:block; border:1px solid #ddd; /*Cor da borda geral*/ margin:5px 0; padding:10px; height:79px; } .recentpostel img{ background:#fff; /*Cor de fundo da miniatura*/ padding:4px; float:right; height:70px; /*Altura da miniatura*/ margin-right:8px; width:70px; /*Largura da miniatura*/ border:1px solid #ddd; /*Cor da borda da miniatura*/ } .recentpostel h6,.recentpostel h6 a{ text-decoration:none; font-size:13px!important; /*Tamanho da fonte dos títulos*/ font-weight:normal!important; margin:0; color:#111 !important; /*Cor da fonte dos títulos*/ } .recentpostel:hover{ background-color:#fefefe; /*Cor de fundo em estado hover*/ } .recentpostel p{ font-size:0px; text-align:right; color:transparent; line-height:normal; margin:5px 0; } #recentpostload{ color:#888; /*Cor da fonte*/ font-family:Tahoma; /*Família da fonte*/ font-size:100px; letter-spacing:-10px; text-align:center; text-shadow:-5px 01px #444; background:url(http://2.bp.blogspot.com/-60aISBQLRY0/VFBMqzLfzGI/AAAAAAAABgM/GInmVTvEzkc/s1600/loader.gif) 50% 50% no-repeat #fff; height:470px; border:1px solid #ddd; /*Cor e tipo da borda*/ } #recentpostnavfeed{ border:1px solid #ddd; /*Cor e tipo da borda dos links de navegação*/ color:#bbb; font-family:Verdana; /*Tipo da fonte dos links de navegação*/ font-size:12px; /*Tamanho da fonte dos links de navegação*/ text-align:center; margin:0; } #recentpostnavfeed:hover{ background-color:#fefefe; } #recentpostnavfeed a{ color:#141414!important; font-family:Tahoma!important; font-size:12px!important; font-weight:normal!important; display:block;padding:5px 10px; } #recentpostnavfeed span{padding:5px 10px} #recentpostnavfeed .next{float:right} #recentpostnavfeed .previous{float:right} #recentpostnavfeed .home{text-align:center} #recentpostnavfeed a:hover,#recentpostnavfeed span.noactived{color:transparant!important} </style> Eu gostaria de fazer com que a data e o marcador/categoria aparecesse. Assim a imagem já fica no canto, o titulo da postagem fica no meio e eu gostaria que a data aparecesse em cima do titulo de uma forma centralizada, e os marcadores aparecessem em baixo do titulo, se alguém puder ajudar. Meu site está hospedado na plataforma do blogger, não sei se isso importa mais achei necessário mencionar.
×
×
  • Criar Novo...