Sistema de notícias
+2
Duel
Bookmarlucas654
6 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1 • Compartilhe
Sistema de notícias
- Descrição:
Bom, eu estava com uma ideia aqui na mente. Meu fórum é sobre um jogo chamado Habbo, e o site da Habbid também, e ela tem o sistema de notícias no topo de seu site.
http://www.habbid.com.br/
Ela NÃO é vinculada ao sistema forumeiros, então, vai a minha tentativa...
O sistema será vinculada com a categoria ÚLTIMAS NOTÍCIAS. Os 6 últimos tópicos aparecerão na página principal(PAINEL DE CONTROLE > VISUALIZAÇÃO > PÁGINA INICIAL > GERAL). Mas, eles apareceriam com o título, a descrição do tópico, e a primeira imagem do tópico do lado(por padrão, seria tamanho 45x45).
Aqui um exemplo que criei com base no site:
Sei que colocar o nome e descrição do tópico na área que citei é possível, mas seria possível colocar a primeira imagem do tópico? Assim, sempre iniciaria com uma imagem 45x45.
Mas em geral, não sei nem montar essa estrutura acima...
Deixo agora na mão dos programadores, e agradeço imensamente desde já!
- Informações:
Fórum: | http://habbojoy.clubme.net/forum | Versão: | PHPBB3 |
Tipo: | Pedido de código | Tags: | Sistema,notícias |
Última edição por Bookmarlucas654 em 19.08.14 0:46, editado 1 vez(es)
Re: Sistema de notícias
Bom dia!
A parte do nome / descrição e até fácil. Mas a da imagem, me diga: Que imagem capturaríamos? Terá uma imagem fixa em cada tópico? Imagens padrões relativas?
A parte do nome / descrição e até fácil. Mas a da imagem, me diga: Que imagem capturaríamos? Terá uma imagem fixa em cada tópico? Imagens padrões relativas?
Re: Sistema de notícias
Seria fixado ali a primeira imagem do tópico. Esse que achei desafiador para vocês =PDuel escreveu:Bom dia!
A parte do nome / descrição e até fácil. Mas a da imagem, me diga: Que imagem capturaríamos? Terá uma imagem fixa em cada tópico? Imagens padrões relativas?
Esse sistema eu vi no 15Tronos, como pode ver aqui:
http://www.lifegrounds.biz/f14-phpbb3
Perceba que a primeira imagem do tópico aparece ali, na lista de tópicos. No caso, queria que aparecesse lá na página inicial.
Mas, será que deu para entender? Assim, eu vou colocar uma imagem logo no inicio dos tópicos, e essas imagens apareceriam ali. Daí vem o "a primeira imagem do tópico" hehe =)
Re: Sistema de notícias
Pelo visto, não deve ser tão fácil assim como eu pensei né =x
Desculpa =x
Desculpa =x
Re: Sistema de notícias
Bom, se ao menos puder colocar o avatar do criador do topico em vez da imagem, ja ta de bom tamanho =/
Re: Sistema de notícias
Realmente esqueceram de mim =c
Bom, me ofereceram ajuda por MP, mas o membro está sem pc até próxima semana. Permanecerei com esse tópico ativado a pedido dele =x
Bom, me ofereceram ajuda por MP, mas o membro está sem pc até próxima semana. Permanecerei com esse tópico ativado a pedido dele =x
Re: Sistema de notícias
Eu Não sei Disso, mais sei um modo bem Interessante de Fazer
Sabe a Página Inicial *Visualização* ?
Lá você edita o nome e coloca '' Últimas Notícias ''
Ai Você coloca o código (para imagem)
Após o Feito (que ainda não testei ) clique na primeira e se não der, na segunda Linha para formar o Título e embaixo colocar a descrição, ai adicione outro em baixo...
PS - Não esqueca de por
Para Aparecer em Negrito, ai se der você faz a mesma coisa com outra notícia e coloca no lado ou em baixo, mais você vai ter que editar a cada notícia nova, enfim é isso.
Você pode esperar outra pessoa (tipo esse cara ai) mais essa é a única sugestão em minhas mão.
Até.
Sabe a Página Inicial *Visualização* ?
Lá você edita o nome e coloca '' Últimas Notícias ''
Ai Você coloca o código (para imagem)
- Código:
[url=LinkdoTópico] [img] LinkdaImagem [/img] [/url]
Após o Feito (que ainda não testei ) clique na primeira e se não der, na segunda Linha para formar o Título e embaixo colocar a descrição, ai adicione outro em baixo...
PS - Não esqueca de por
- Código:
[b] Título do Tópico [/b]
Para Aparecer em Negrito, ai se der você faz a mesma coisa com outra notícia e coloca no lado ou em baixo, mais você vai ter que editar a cada notícia nova, enfim é isso.
Você pode esperar outra pessoa (tipo esse cara ai) mais essa é a única sugestão em minhas mão.
Até.
Re: Sistema de notícias
Harold, agradeço por tentar ajudar, mas essa dica não é tão viável. É possível, mas se fosse postado 5 a 10 notícias num dia, seria cansativo ter que fazer isto no painel toda vez. Mas, não deixa de ser uma forma alternativa temporária, obrigado! =)
Vou tentar usar sua dica por enquanto, e aguardo o sistema automático. =)
Vou tentar usar sua dica por enquanto, e aguardo o sistema automático. =)
Re: Sistema de notícias
--
Com PC em mãos...
Demorei quase um dia...
Mas eis o resultado:
MASSS...
Não coloquei a imagem em 45por45, porque ficou muito pequeno...
---
Se precisar de qualquer ajuste, diga.
---
Coloque em qualquer lugar que quiser, pode ser um widget, página inicial, template..... por aí...
---
Espero ter ajudado.
Com PC em mãos...
Demorei quase um dia...
Mas eis o resultado:
- Código:
<div id="newsdiv"></div>
<script> jQuery(document).one("ajaxComplete",function(){ jQuery("#newsdiv > a").wrap("<div class='newblock'></div>") ; jQuery(".newblock > a").each(function(){ jQuery(this).html('<img src="http://www.weefmgrenada.com/images/na.jpg" style="width: 78px; height: 72px"/><b>'+jQuery(this).text()+'</b>') ; }); carregarB(1); function carregarB(idt){ var topic = ".newblock:nth-child("+idt+") a " ; var linkt = jQuery(topic).attr("href") ; jQuery.get(linkt ,function(nwtc){ jQuery(topic).find("img").attr("src", jQuery(".post:lt(1) .content.clearfix img:lt(1)", nwtc).attr("src")); jQuery(topic).append("<p>"+jQuery(".post:lt(1) .content.clearfix", nwtc).text().slice(0, 120)+"...</p>"); }) var idt = idt+1 ; if ( idt == 7 ){} else { carregarB(idt) } } }) jQuery(document).ready(function(){ jQuery.get('f2-' ,function(nwtt){ jQuery("#newsdiv").html(jQuery(".forumbg .inner a.topictitle:lt(6)" , nwtt )) ; }) return false ; }) </script> <style> div#newsdiv { max-height: 250px; max-width: 750px; overflow: hidden; } .newblock b { font-size: 10px !important; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .newblock img { float: left; margin-right: 2px; padding: 1px; } .newblock p { font-size: 10px; font-weight: normal; overflow: hidden; } .newblock a.topictitle { text-decoration: none; } .newblock:hover { background: rgba(255, 255, 255, 0.1) ; } .newblock { width: 235px; overflow: hidden; height: 75px; display: inline-block; float: right; background: rgba(255, 255, 255, 0.2) ; margin: 2px; padding: 2px; } </style>
MASSS...
Não coloquei a imagem em 45por45, porque ficou muito pequeno...
---
Se precisar de qualquer ajuste, diga.
---
Coloque em qualquer lugar que quiser, pode ser um widget, página inicial, template..... por aí...
---
Espero ter ajudado.
Re: Sistema de notícias
Muito obrigado pela ajuda, amigo. Apenas faltou algo importante. Onde ficará a localização da categoria =x
Re: Sistema de notícias
--
Me diga se funcionou, por favor... para efetuar ajustes se necessário.
--
Modifiquei um pouco o código, para te facilitar a dar os valores.
Na linha 3, entre as aspas, você cola o endereço da imagem padrão (caso o código não encontre no tópico);
Na linha 4, entre as aspas, você escreve quantos caracteres (conta espaços) quer na descrição dos tópicos;
Na linha 5, entre as aspas, você cola o endereço do subfórum. Já coloquei /f2- sabendo que este é o endereço de seu subfórum de notícias.
Na modificação que fiz, coloquei um sistema para inserir o avatar do autor junto à imagem, espero que goste! (repare que no Habbid uma imagem pequena no canto é inserida também, mas nao do autor)
Se quiser que eu remova esse recurso é só falar!
--
Até mais.
Me diga se funcionou, por favor... para efetuar ajustes se necessário.
--
Modifiquei um pouco o código, para te facilitar a dar os valores.
- Código:
<div id="newsdiv" style=" max-width: 600px; max-height: 250px; font-family: Droid Sans, Arial, sans-serif; "></div>
<script>
var DefImg = "http://www.weefmgrenada.com/images/na.jpg" ;
var CharNum = "25" ;
var ForURL = "/f2-" ;
jQuery(document).one("ajaxComplete",function(){ jQuery("#newsdiv > a").wrap("<div class='newblock'></div>") ; jQuery(".newblock > a").each(function(){ jQuery(this).html('<div class="img" style="background-image:url('+DefImg+') ;"/><b>'+jQuery(this).text()+'</b>') ; }) ; carregarB(1) ; function carregarB(idt){ var topic = ".newblock:nth-child("+idt+") a " ; var linkt = jQuery(topic).attr("href") ; jQuery.get(linkt ,function(nwtc){ var pic = jQuery(".post:lt(1) .content.clearfix img:lt(1)", nwtc).attr("src") ; if ( pic != undefined | "" ){jQuery(topic).find(".img").attr("style", "background-image: url("+pic+")" ) } ; jQuery(topic).find(".img").html( jQuery(".post:lt(1) .postprofile > dl:first-child > dt:first-child > a > img", nwtc) ) ; jQuery(topic).append("<p>"+jQuery(".post:lt(1) .content.clearfix", nwtc).text().slice(0, CharNum)+"...</p>"); }) ; var idt = idt+1 ; if ( idt == 7 ){} else { carregarB(idt) } } }) ; jQuery(document).ready(function(){ jQuery.get(ForURL ,function(nwtt){ jQuery("#newsdiv").html(jQuery(".forumbg .inner a.topictitle:lt(6)" , nwtt )) ; }) ; return false ; }) </script>
<style> .newblock b { font-size: 12.3px !important; display: block; font-family: 'Droid Sans', Arial, sans-serif; }.img img { max-width: 20px !important; max-height: 20px !important; margin: -3px; border-radius: 10px; } .newblock .img { background-size: 100% 100% ; width: 89px; height: 65px; display: inline-block; float: left; margin-right: 5px; padding: 1px; } .newblock p { font-size: 11px; max-width: 200px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin: 0px; } .newblock b:hover { cursor: pointer ; text-decoration: underline ;} .newblock a.topictitle { text-decoration: none; color:black ; cursor: default ; } .newblock:hover { background: rgba(255, 255, 255, 0.1) ; } .newblock { width: 275px; overflow: hidden; height: 74px; display: inline-block; float: right; background: rgba(255, 255, 255, 0.2) ; margin: 2px; padding: 2px; } </style>
Na linha 3, entre as aspas, você cola o endereço da imagem padrão (caso o código não encontre no tópico);
Na linha 4, entre as aspas, você escreve quantos caracteres (conta espaços) quer na descrição dos tópicos;
Na linha 5, entre as aspas, você cola o endereço do subfórum. Já coloquei /f2- sabendo que este é o endereço de seu subfórum de notícias.
Na modificação que fiz, coloquei um sistema para inserir o avatar do autor junto à imagem, espero que goste! (repare que no Habbid uma imagem pequena no canto é inserida também, mas nao do autor)
Se quiser que eu remova esse recurso é só falar!
--
Até mais.
Re: Sistema de notícias
Colega, está começando a dar certo =)
O problema é que ainda está bem desconfigurado =x
Tentei mudar de navegador para ver se era problema com o Google Chrome, e nos demais ficaram no mesmo formato. Removi o CSS da tag "Style" e coloquei na página de CSS, e também nada resultou. Daí, criei uma página, e vi o espetáculo do código:
http://habbojoy.clubme.net/h7-teste
Mas, o que necessito é por em PAINEL DE CONTROLE > VISUALIZAÇÃO > (Página inicial)GERAL.
Vi que o código está simplesmente IMPECÁVEL, da forma que realmente quis, e que nem sequer sabia que poderia ficar esta perfeição. Mas, quando coloco onde deveria estar, o código não funciona como deveria =c
O problema é que ainda está bem desconfigurado =x
Tentei mudar de navegador para ver se era problema com o Google Chrome, e nos demais ficaram no mesmo formato. Removi o CSS da tag "Style" e coloquei na página de CSS, e também nada resultou. Daí, criei uma página, e vi o espetáculo do código:
http://habbojoy.clubme.net/h7-teste
Mas, o que necessito é por em PAINEL DE CONTROLE > VISUALIZAÇÃO > (Página inicial)GERAL.
Vi que o código está simplesmente IMPECÁVEL, da forma que realmente quis, e que nem sequer sabia que poderia ficar esta perfeição. Mas, quando coloco onde deveria estar, o código não funciona como deveria =c
Re: Sistema de notícias
Tente:
- Código:
<div id="newsdiv" style=" max-width: 600px; max-height: 250px; font-family: Droid Sans, Arial, sans-serif; "></div>
<script>
var DefImg = "http://www.weefmgrenada.com/images/na.jpg" ;
var CharNum = "25" ;
var ForURL = "/f2-" ;
jQuery(document).one("ajaxComplete",function(){ jQuery("#newsdiv > a").wrap("<div class='newblock'></div>") ; jQuery(".newblock > a").each(function(){ jQuery(this).html('<div class="img" style="background-image:url('+DefImg+') ;"/><b>'+jQuery(this).text()+'</b>') ; }) ; carregarB(1) ; function carregarB(idt){ var topic = ".newblock:nth-child("+idt+") a " ; var linkt = jQuery(topic).attr("href") ; jQuery.get(linkt ,function(nwtc){ var pic = jQuery(".post:lt(1) .content.clearfix img:lt(1)", nwtc).attr("src") ; if ( pic != undefined | "" ){jQuery(topic).find(".img").attr("style", "background-image: url("+pic+")" ) } ; jQuery(topic).find(".img").html( jQuery(".post:lt(1) .postprofile > dl:first-child > dt:first-child > a > img", nwtc) ) ; jQuery(topic).append("<p>"+jQuery(".post:lt(1) .content.clearfix", nwtc).text().slice(0, CharNum)+"...</p>"); }) ; var idt = idt+1 ; if ( idt == 7 ){} else { carregarB(idt) } } }) ; jQuery(document).ready(function(){ jQuery.get(ForURL ,function(nwtt){ jQuery("#newsdiv").html(jQuery(".forumbg .inner a.topictitle:lt(6)" , nwtt )) ; }) ; return false ; }) </script>
<style type="text/css"> .newblock b { font-size: 12.3px !important; display: block; font-family: 'Droid Sans', Arial, sans-serif; }.img img { max-width: 20px !important; max-height: 20px !important; margin: -3px; border-radius: 10px; } .newblock .img { background-size: 100% 100% ; width: 89px; height: 65px; display: inline-block; float: left; margin-right: 5px; padding: 1px; } .newblock p { font-size: 11px; max-width: 200px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin: 0px; } .newblock b:hover { cursor: pointer ; text-decoration: underline ;} .newblock a.topictitle { text-decoration: none; color:black ; cursor: default ; } .newblock:hover { background: rgba(255, 255, 255, 0.1) ; } .newblock { width: 275px; overflow: hidden; height: 74px; display: inline-block; float: right; background: rgba(255, 255, 255, 0.2) ; margin: 2px; padding: 2px; } </style>
Re: Sistema de notícias
Olá Lima, obrigado pela tentativa mas permanece com mesmo erro da imagem citada. =x
Re: Sistema de notícias
Boa tarde,
Você deve ter em mente que a mensagem da página inicial não suporta códigos JavaScript, então tente o seguinte, ponha este código em sua mensagem da página inicial:
E este em uma nova página de códigos JavaScript (Painel -> Módulos -> HTML e JavaScript -> Gestão dos códigos JavaScript), em Investimento: ponha No índice.
Obs: Modifique o código JavaScript para ficar como deseja.
Abraços.
Você deve ter em mente que a mensagem da página inicial não suporta códigos JavaScript, então tente o seguinte, ponha este código em sua mensagem da página inicial:
<div id="newsdiv" style=" max-width: 600px; max-height: 250px; font-family: Droid Sans, Arial, sans-serif; "></div>
<style> .newblock b { font-size: 12.3px !important; display: block; font-family: 'Droid Sans', Arial, sans-serif; }.img img { max-width: 20px !important; max-height: 20px !important; margin: -3px; border-radius: 10px; } .newblock .img { background-size: 100% 100% ; width: 89px; height: 65px; display: inline-block; float: left; margin-right: 5px; padding: 1px; } .newblock p { font-size: 11px; max-width: 200px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin: 0px; } .newblock b:hover { cursor: pointer ; text-decoration: underline ;} .newblock a.topictitle { text-decoration: none; color:black ; cursor: default ; } .newblock:hover { background: rgba(255, 255, 255, 0.1) ; } .newblock { width: 275px; overflow: hidden; height: 74px; display: inline-block; float: right; background: rgba(255, 255, 255, 0.2) ; margin: 2px; padding: 2px; } </style>
E este em uma nova página de códigos JavaScript (Painel -> Módulos -> HTML e JavaScript -> Gestão dos códigos JavaScript), em Investimento: ponha No índice.
var DefImg = "http://www.weefmgrenada.com/images/na.jpg" ;
var CharNum = "25" ;
var ForURL = "/f2-" ;
jQuery(document).one("ajaxComplete",function(){ jQuery("#newsdiv > a").wrap("<div class='newblock'></div>") ; jQuery(".newblock > a").each(function(){ jQuery(this).html('<div class="img" style="background-image:url('+DefImg+') ;"/><b>'+jQuery(this).text()+'</b>') ; }) ; carregarB(1) ; function carregarB(idt){ var topic = ".newblock:nth-child("+idt+") a " ; var linkt = jQuery(topic).attr("href") ; jQuery.get(linkt ,function(nwtc){ var pic = jQuery(".post:lt(1) .content.clearfix img:lt(1)", nwtc).attr("src") ; if ( pic != undefined | "" ){jQuery(topic).find(".img").attr("style", "background-image: url("+pic+")" ) } ; jQuery(topic).find(".img").html( jQuery(".post:lt(1) .postprofile > dl:first-child > dt:first-child > a > img", nwtc) ) ; jQuery(topic).append("<p>"+jQuery(".post:lt(1) .content.clearfix", nwtc).text().slice(0, CharNum)+"...</p>"); }) ; var idt = idt+1 ; if ( idt == 7 ){} else { carregarB(idt) } } }) ; jQuery(document).ready(function(){ jQuery.get(ForURL ,function(nwtt){ jQuery("#newsdiv").html(jQuery(".forumbg .inner a.topictitle:lt(6)" , nwtt )) ; }) ; return false ; })
Obs: Modifique o código JavaScript para ficar como deseja.
Abraços.
Re: Sistema de notícias
--
Não recomendo colocar o script em uma página de JS, porque não garanto que ele funcionará e demais códigos que você colocar futuramente não entrarão em conflito.
Principalmente se tratando de códigos meus, que não sou profissional
Faça o seguinte...
Na página inicial, insira:
No template index_body que fica no Templates > Geral, insira esse código no final depois de tudo:
Não esqueça de publicar.
Se ainda não funcionar, faça o seguinte:
Insira um
Antes do </style> que você adicionou no template.
Pra eu poder ver o erro e seus usuários não.
Até mais.
Não recomendo colocar o script em uma página de JS, porque não garanto que ele funcionará e demais códigos que você colocar futuramente não entrarão em conflito.
Principalmente se tratando de códigos meus, que não sou profissional
Faça o seguinte...
Na página inicial, insira:
- Código:
[table style="border: none"][tr][td id="newsdiv" style=" max-width: 600px; max-height: 250px; font-family: Droid Sans, Arial, sans-serif; border: none"][/td][/tr][/table]
No template index_body que fica no Templates > Geral, insira esse código no final depois de tudo:
- Código:
<script>
var DefImg = "http://i39.servimg.com/u/f39/17/17/49/06/teste12.png" ;
var CharNum = "25" ;
var ForURL = "/f2-" ;
jQuery(document).one("ajaxComplete",function(){ jQuery("#newsdiv > a").wrap("<div class='newblock'></div>") ; jQuery(".newblock > a").each(function(){ jQuery(this).html('<div class="img" style="background-image:url('+DefImg+') ;"/><b>'+jQuery(this).text()+'</b>') ; }) ; carregarB(1) ; function carregarB(idt){ var topic = ".newblock:nth-child("+idt+") a " ; var linkt = jQuery(topic).attr("href") ; jQuery.get(linkt ,function(nwtc){ var pic = jQuery(".post:lt(1) .content.clearfix img:lt(1)", nwtc).attr("src") ; if ( pic != undefined | "" ){jQuery(topic).find(".img").attr("style", "background-image: url("+pic+")" ) } ; jQuery(topic).find(".img").html( jQuery(".post:lt(1) .postprofile > dl:first-child > dt:first-child > a > img", nwtc) ) ; jQuery(topic).append("<p>"+jQuery(".post:lt(1) .content.clearfix", nwtc).text().slice(0, CharNum)+"...</p>"); }) ; var idt = idt+1 ; if ( idt == 7 ){} else { carregarB(idt) } } }) ; jQuery(document).ready(function(){ jQuery.get(ForURL ,function(nwtt){ jQuery("#newsdiv").html(jQuery(".forumbg .inner a.topictitle:lt(6)" , nwtt )) ; }) ; return false ; }) </script>
<style> .newblock b { font-size: 12.3px !important; display: block; font-family: 'Droid Sans', Arial, sans-serif; }.img img { max-width: 20px !important; max-height: 20px !important; margin: -3px; border-radius: 10px; } .newblock .img { background-size: 100% 100% ; width: 89px; height: 65px; display: inline-block; float: left; margin-right: 5px; padding: 1px; } .newblock p { font-size: 11px; max-width: 200px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin: 0px; } .newblock b:hover { cursor: pointer ; text-decoration: underline ;} .newblock a.topictitle { text-decoration: none; color:black ; cursor: default ; } .newblock:hover { background: rgba(255, 255, 255, 0.1) ; } .newblock { width: 275px; overflow: hidden; height: 74px; display: inline-block; float: right; background: rgba(255, 255, 255, 0.2) ; margin: 2px; padding: 2px; } </style>
Não esqueça de publicar.
Se ainda não funcionar, faça o seguinte:
Insira um
- Código:
#newsdiv { display: none !important }
Antes do </style> que você adicionou no template.
Pra eu poder ver o erro e seus usuários não.
Até mais.
Re: Sistema de notícias
Tentei das duas formas. A primeira ficou com o mesmo problema citado, não modificando nada. Na segunda, quando vou colocar esse código:
E salvo, ele modifica automaticamente para isto:
E dessa vez, nem sequer apareceu =x
Eu estava pensando o seguinte. Será que daria para por esse sistema numa página HTML, e com algum sistema seja possível colocar a página HTML dentro da caixa na página inicial? No caso, o código que você criou não estaria na página inicial, e sim, na página HTML. A única bronca seria colocar a página HTML aparecer ali, na página inicial =x
- Código:
[table style="border: none"][tr][td id="newsdiv" style=" max-width: 600px; max-height: 250px; font-family: Droid Sans, Arial, sans-serif; border: none"][/td][/tr][/table]
E salvo, ele modifica automaticamente para isto:
- Código:
<table style="border: none">
<tbody>
<tr>
<td style=" max-width: 600px; max-height: 250px; font-family: Droid Sans, Arial, sans-serif; border: none" id="newsdiv">
</td>
</tr>
</tbody>
</table>
E dessa vez, nem sequer apareceu =x
Eu estava pensando o seguinte. Será que daria para por esse sistema numa página HTML, e com algum sistema seja possível colocar a página HTML dentro da caixa na página inicial? No caso, o código que você criou não estaria na página inicial, e sim, na página HTML. A única bronca seria colocar a página HTML aparecer ali, na página inicial =x
Re: Sistema de notícias
--
O erro é simples...
Esqueci que nos templates " {} " dão erro.
E tem um desse no código!
Troque por este, onde retirei o {} :
O erro é simples...
Esqueci que nos templates " {} " dão erro.
E tem um desse no código!
Troque por este, onde retirei o {} :
- Código:
<script>
var DefImg = "http://i39.servimg.com/u/f39/17/17/49/06/teste12.png" ;
var CharNum = "25" ;
var ForURL = "/f2-" ;
jQuery(document).one("ajaxComplete",function(){ jQuery("#newsdiv > a").wrap("<div class='newblock'></div>") ; jQuery(".newblock > a").each(function(){ jQuery(this).html('<div class="img" style="background-image:url('+DefImg+') ;"/><b>'+jQuery(this).text()+'</b>') ; }) ; carregarB(1) ; function carregarB(idt){ var topic = ".newblock:nth-child("+idt+") a " ; var linkt = jQuery(topic).attr("href") ; jQuery.get(linkt ,function(nwtc){ var pic = jQuery(".post:lt(1) .content.clearfix img:lt(1)", nwtc).attr("src") ; if ( pic != undefined | "" ){jQuery(topic).find(".img").attr("style", "background-image: url("+pic+")" ) } ; jQuery(topic).find(".img").html( jQuery(".post:lt(1) .postprofile > dl:first-child > dt:first-child > a > img", nwtc) ) ; jQuery(topic).append("<p>"+jQuery(".post:lt(1) .content.clearfix", nwtc).text().slice(0, CharNum)+"...</p>"); }) ; var idt = idt+1 ; if ( idt != 7 ){ carregarB(idt) } } }) ; jQuery(document).ready(function(){ jQuery.get(ForURL ,function(nwtt){ jQuery("#newsdiv").html(jQuery(".forumbg .inner a.topictitle:lt(6)" , nwtt )) ; }) ; return false ; }) </script>
<style> .newblock b { font-size: 12.3px !important; display: block; font-family: 'Droid Sans', Arial, sans-serif; }.img img { max-width: 20px !important; max-height: 20px !important; margin: -3px; border-radius: 10px; } .newblock .img { background-size: 100% 100% ; width: 89px; height: 65px; display: inline-block; float: left; margin-right: 5px; padding: 1px; } .newblock p { font-size: 11px; max-width: 200px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin: 0px; } .newblock b:hover { cursor: pointer ; text-decoration: underline ;} .newblock a.topictitle { text-decoration: none; color:black ; cursor: default ; } .newblock:hover { background: rgba(255, 255, 255, 0.1) ; } .newblock { width: 275px; overflow: hidden; height: 74px; display: inline-block; float: right; background: rgba(255, 255, 255, 0.2) ; margin: 2px; padding: 2px; } </style>
Re: Sistema de notícias
Colega, eu modifiquei, mas como citei ( https://ajuda.forumeiros.com/t94295-sistema-de-noticias#644505 ), quando coloco na página inicial o código BBCODE, ele automaticamente muda para HTML...
Esse código que você acaba de modificar coloquei no template, mas o outro código está com esse problema.
Permanece o mesmo erro, e acredito ser porque ele não fica em BBCODE ;/
Esse código que você acaba de modificar coloquei no template, mas o outro código está com esse problema.
Permanece o mesmo erro, e acredito ser porque ele não fica em BBCODE ;/
Re: Sistema de notícias
--
Tá complicado...
Faça como vc sugeriu então.
Lá na página /h7- , acrescente esse código antes do que já tem:
Marque "não" na opção "Você deseja utilizar o início e o final da página do seu fórum ?"
E na página principal troque todo código por este:
Se vc quiser dar um crédito, oculto, pra mim (deu muito trabalho!) adicione apenas
na página h7- . Ficarei agradecido pela consideração...
E, até mais!
Tá complicado...
Faça como vc sugeriu então.
Lá na página /h7- , acrescente esse código antes do que já tem:
- Código:
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
Marque "não" na opção "Você deseja utilizar o início e o final da página do seu fórum ?"
E na página principal troque todo código por este:
- Código:
<iframe src="/h7-" scrolling="no" style="width: 640px; height: 260px; border: none"> Seu navegador não suporta nosso sistema de notícias :( </iframe>
Se vc quiser dar um crédito, oculto, pra mim (deu muito trabalho!) adicione apenas
- Código:
<noscript> Sistema de Notícias (c) por Tofurumeiros</noscript>
na página h7- . Ficarei agradecido pela consideração...
E, até mais!
Re: Sistema de notícias
Tofu você é O CARA!!!! Muito obrigado cara, enfim um sistema de notícias DECENTE! =D
Cara, obrigado de verdade, de verdade mesmo!!!!!!!!!!!!!!!!!!!!
Cara, obrigado de verdade, de verdade mesmo!!!!!!!!!!!!!!!!!!!!
Re: Sistema de notícias
@EDIT2: Podem fechar. Esse cara é um gênio!!!!!!!!!!!!!!
Vocês tem mais um gênio e ainda não sabem =)
Vocês tem mais um gênio e ainda não sabem =)
Tópicos semelhantes
» Sistema de noticias
» Sistema de notícias
» [Resolvido] Sistema de noticias e outros
» Crio um sistema de noticias no portal através de tópicos
» Nova Atualização: sistema anti-flood, multi citação e sistema de reputação!
» Sistema de notícias
» [Resolvido] Sistema de noticias e outros
» Crio um sistema de noticias no portal através de tópicos
» Nova Atualização: sistema anti-flood, multi citação e sistema de reputação!
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos