Jump to content
Fórum Script Brasil
  • 0

Uma dúvida sobre Javascript?


M.Salvatore
 Share

Question

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.

 

Uma segunda duvida
 

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.

Desde já agradeço!!!

Edited by M.Salvatore
Link to comment
Share on other sites

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Forum Statistics

    • Total Topics
      149.6k
    • Total Posts
      646.2k
×
×
  • Create New...