Ajustar código de ultimos assuntos
2 participantes
Página 1 de 1
Ajustar código de ultimos assuntos
Qual é minha questão:
Vejam o código abaixo:
http://somosmugiwara.forumeiros.com/f107-anuncios-do-forum
Humrum, seria como uma melhoração do código, note a imagem: https://i.servimg.com/u/f69/17/63/00/37/sem_ta31.jpg
Veja que mostra por quem foi postado, comentários e data...
e que tem duas seções.... Novidades e Tutoriais...
Queria saber se seria possível fazer isto??
Mas gostaria com 4 seções, por quem foi postado, data e quantos comentários....
Seria possivel? Tem como?
Endereço do meu fórum:
http://somosmugiwara.forumeiros.com/forum
Versão:
PunBB
Vejam o código abaixo:
- Código:
<script>
jQuery(function(){
jQuery.get('/forum', function(e){
var link1 = jQuery('.module:eq(1) a:eq(0)', e).html();
var link11 = jQuery('.module:eq(1) a:eq(0)', e).attr('href');
var link2 = jQuery('.module:eq(1) a:eq(2)', e).html();
var link22 = jQuery('.module:eq(1) a:eq(2)', e).attr('href');
var link3 = jQuery('.module:eq(1) a:eq(4)', e).html();
var link33 = jQuery('.module:eq(1) a:eq(4)', e).attr('href');
var link4 = jQuery('.module:eq(1) a:eq(6)', e).html();
var link44 = jQuery('.module:eq(1) a:eq(6)', e).attr('href');
var link5 = jQuery('.module:eq(1) a:eq(8)', e).html();
var link55 = jQuery('.module:eq(1) a:eq(8)', e).attr('href');
var link6 = jQuery('.module:eq(1) a:eq(10)', e).html();
var link66 = jQuery('.module:eq(1) a:eq(10)', e).attr('href');
var link7 = jQuery('.module:eq(1) a:eq(12)', e).html();
var link77 = jQuery('.module:eq(1) a:eq(12)', e).attr('href');
jQuery('#box div:eq(0)').html('<a href="'+link11+'">'+link1+'</a>');
jQuery('#box div:eq(1)').html('<a href="'+link22+'">'+link2+'</a>');
jQuery('#box div:eq(2)').html('<a href="'+link33+'">'+link3+'</a>');
jQuery('#box div:eq(3)').html('<a href="'+link44+'">'+link4+'</a>');
jQuery('#box div:eq(4)').html('<a href="'+link55+'">'+link5+'</a>');
jQuery('#box div:eq(5)').html('<a href="'+link66+'">'+link6+'</a>');
jQuery('#box div:eq(6)').html('<a href="'+link77+'">'+link7+'</a>');
});
});
</script>
<style>
#box div{padding-bottom:5px;width:550px;border-bottom: 1px solid grey}
#box{text-shadow: 0px 0.5px 1px #adadad;background-color:rgb(250,250,240);border-radius:0px 5px 5px 5px;padding:5px 40px 5px 20px;border: 1px solid #adadad;}
#ul{cursor:pointer;text-shadow: 0px 0.5px 1px #adadad;position: relative;
top: -61px;left:5px;font-weight:bold;background-color:rgb(250,250,240);border-radius:5px 0px 0px 5px;padding:5px 40px 5px 20px;border: 1px solid #adadad;border-right:none}
</style>
<table width="50%">
<tr><td width="2%"><div id="ul">Últimos Assuntos</div></td><td><div id="box"><br><div>Carregando...</div><div>Carregando...</div><div>Carregando...</div><div>Carregando...</div><div>Carregando...</div><div>Carregando...</div><div>Carregando...</div><br></div></td></tr></table>
http://somosmugiwara.forumeiros.com/f107-anuncios-do-forum
Humrum, seria como uma melhoração do código, note a imagem: https://i.servimg.com/u/f69/17/63/00/37/sem_ta31.jpg
Veja que mostra por quem foi postado, comentários e data...
e que tem duas seções.... Novidades e Tutoriais...
Queria saber se seria possível fazer isto??
Mas gostaria com 4 seções, por quem foi postado, data e quantos comentários....
Seria possivel? Tem como?
Endereço do meu fórum:
http://somosmugiwara.forumeiros.com/forum
Versão:
PunBB
Última edição por JScript em Qui 22 Ago 2013, 3:36 pm, editado 1 vez(es) (Motivo da edição : Junção de mensagens!)
Convidado- Convidado
Re: Ajustar código de ultimos assuntos
Olá!
Aqui está o código que modifiquei:
So long,
JS
Aqui está o código que modifiquei:
- Código:
<script>
/* DOM chached for fast execution! */
var oTarget = 0;
var oHtml = sessionStorage.getItem('forum_announcements'); /* Gets the html saved in local storage (Fastest!)*/
/* If html alread saved, then no requests! */
if (oHtml !== null) {
jQuery('#box').html(oHtml);
} else { /* if not, then only request per session!!! */
/* First forum link to read info */
jQuery.get('/f107-', function(data) {
oTarget = jQuery('.statused', data).find('tr');
}).done(function() {
var i = 0, sHtml = '<br>';
oTarget.each(function() {
if (i == 8) {
return false
}
var oThis = jQuery(this); /* DOM chached for fast execution! */
var tcl = oThis.find('td.tcl');
var topic = tcl.find('h2.topic-title').html();
sHtml += '<div>' + topic + '</div>';
i++
});
jQuery('#box').append(sHtml + '<br>');
sessionStorage.setItem('forum_announcements', jQuery('#box').html());
});
}
</script>
<style>
#box div{padding-bottom:5px;width:550px;border-bottom: 1px solid grey}
#box{text-shadow: 0px 0.5px 1px #adadad;background-color:rgb(250,250,240);border-radius:0px 5px 5px 5px;padding:5px 40px 5px 20px;border: 1px solid #adadad;}
#ul{cursor:pointer;text-shadow: 0px 0.5px 1px #adadad;position: relative;
top: -61px;left:5px;font-weight:bold;background-color:rgb(250,250,240);border-radius:5px 0px 0px 5px;padding:5px 40px 5px 20px;border: 1px solid #adadad;border-right:none}
</style>
<table width="50%">
<tr>
<td width="2%">
<div id="ul">Últimos Assuntos</div>
</td>
<td>
<!-- #region forum_announcements_row -->
<div id="box">
<!-- content -->
</div>
<!-- #endregion forum_announcements_row -->
</td>
</tr>
</table>
So long,
JS
Última edição por JScript em Qui 22 Ago 2013, 12:00 pm, editado 1 vez(es)
Re: Ajustar código de ultimos assuntos
Perfeitamente meu caro.........
Eu ainda teria um pedido usando o mesmo código, terei que criar outro tópico?
Eu ainda teria um pedido usando o mesmo código, terei que criar outro tópico?
Convidado- Convidado
Re: Ajustar código de ultimos assuntos
Se é em relação ao mesmo código, não precisa abrir outro tópico!
Eu já vi que está funcionando em seu fórum, mas você não mencionou ainda...
As melhorias que postou são perfeitamente possíveis de adicionar, peço que quando abrir um tópico, você já tenha em mente tudo o que deseja, pois já foi feito um código e agora será acrescentado mais detalhes!
Dessa forma poupamos tempo e trabalho, entende?
Editei a primeira mensagem adicionando o que deseja a mais!
JS
Eu já vi que está funcionando em seu fórum, mas você não mencionou ainda...
As melhorias que postou são perfeitamente possíveis de adicionar, peço que quando abrir um tópico, você já tenha em mente tudo o que deseja, pois já foi feito um código e agora será acrescentado mais detalhes!
Dessa forma poupamos tempo e trabalho, entende?
Editei a primeira mensagem adicionando o que deseja a mais!
JS
Re: Ajustar código de ultimos assuntos
Sim sim meu caro.........
Foi um erro meu, mas depois me lembrei deste detalhe.........
Estarei no aguardo.
Foi um erro meu, mas depois me lembrei deste detalhe.........
Estarei no aguardo.
Convidado- Convidado
Re: Ajustar código de ultimos assuntos
Olá!
Adicione ao seu CSS:
Demonstração:
e
So long,
JS
Adicione ao seu CSS:
- Código:
#tabsn {
font-family: "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
font-size: 13px;
}
#tabselect li {
background: none repeat scroll 0 0 #DDDDDD;
border-radius: 3px 0 0 3px;
list-style: none outside none;
margin-bottom: 3px;
margin-left: 31px;
padding: 5px;
width: 60px;
z-index: 99999 !important;
}
#tabselect {
margin-top: 0;
position: absolute;
z-index: 9999 !important;
}
#tabselect li.active {
background: none repeat scroll 0 0 #FDFDFD;
border: 1px solid #DDDDDD;
width: 100px;
}
#tabselect li.active, #tabselect li.active:hover {
border-right: medium none;
box-shadow: none;
margin-left: 0;
margin-top: 0 !important;
width: 90px !important;
}
#tabselect li:hover {
cursor: pointer;
margin-left: 16px;
width: 75px;
}
#tabcont ul li {
border-bottom: 1px solid #DDDDDD;
padding: 5px;
}
#tabcont ul li {
list-style: none outside none;
}
#tabcont {
background: linear-gradient(to bottom, #FFFFFF 0%, #F4F4F4 100%) repeat scroll 0 0 transparent;
border: 1px solid #DDDDDD;
border-radius: 0 10px 10px 10px;
box-shadow: 3px 3px 6px #C9C9C9;
font-family: "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
margin-left: 100px;
min-height: 100px;
padding: 10px;
width: 600px;
z-index: 1;
}
.linkt {
color: #B42000 !important;
}
- Código:
<script>
/* Made by JScript - www.jscript.forumeiros.com */
/* DOM chached for fast execution! */
var oTarget = 0;
var oHtml = sessionStorage.getItem('tab_announcements'); /* Gets the html saved in local storage (Fastest!)*/
/* If html alread saved, then no requests! */
if (oHtml !== null) {
jQuery('#tabcont').html(oHtml);
} else { /* if not, then only request per session!!! */
/* First forum link to read info */
jQuery.get('/f5-', function (data) {
oTarget = jQuery('.statused:last', data).find('tr');
}).done(function () {
var i = 0,
sHtml = '';
oTarget.each(function () {
if (i==8) {
return false;
}
var oThis = jQuery(this); /* DOM chached for fast execution! */
var tcl = oThis.find('td.tcl');
var topic = tcl.find('h2.topic-title').html();
var a = tcl.children('a');
var autor = a.html();
var url = a.attr('href');
var comment = oThis.find('td.tc2').text();
var views = oThis.find('td.tc3').text();
sHtml += '<ul>' + '<li>' + topic + ' - <span class="autor">Postado por <strong><a href="' + url + '">' + autor + '</a></strong> - - Comentários: ' + comment + ' - Visto: ' + views + '</span>' + '</li>' + '</ul>';
i++
});
jQuery('#tabcont').append('<div id="tab1" style="display: block;">' + sHtml + '</div>');
/* Second forum link to read info */
jQuery.get('/f22-', function (data) {
oTarget = jQuery('.statused:last', data).find('tr');
}).done(function () {
var i = 0,
sHtml = '';
oTarget.each(function () {
if (i==8) {
return false;
}
var oThis = jQuery(this); /* DOM chached for fast execution! */
var tcl = oThis.find('td.tcl');
var topic = tcl.find('h2.topic-title').html();
var a = tcl.children('a');
var autor = a.html();
var url = a.attr('href');
var comment = oThis.find('td.tc2').text();
var views = oThis.find('td.tc3').text();
sHtml += '<ul>' + '<li>' + topic + ' - <span class="autor">Postado por <strong><a href="' + url + '">' + autor + '</a></strong> - - Comentários: ' + comment + ' - Visto: ' + views + '</span>' + '</li>' + '</ul>';
i++
});
jQuery('#tabcont').append('<div id="tab2" style="display: none;">' + sHtml + '</div>');
sessionStorage.setItem('tab_announcements', jQuery('#tabcont').html());
});
});
}
jQuery(document).ready(function () {
jQuery(".tab_toggle").click(function () {
jQuery(".tab_toggle").removeClass("active");
jQuery(this).addClass("active");
var activeTab = jQuery(this).attr("data-tab");
jQuery(activeTab).fadeIn();
switch (activeTab) {
case '0':
jQuery('#tab1').show();
jQuery('#tab2').hide();
break;
case '1':
jQuery('#tab2').show();
jQuery('#tab1').hide();
break;
}
return false;
});
});
</script>
<div id="tabsn">
<ul id="tabselect">
<li class="tab_toggle active" data-tab="0">Regras Gerais</li>
<li class="tab_toggle" data-tab="1">Notícias Word</li>
</ul>
<div id="tabcont">
<!-- dinamic content -->
</div>
</div>
Demonstração:
e
So long,
JS
Última edição por JScript em Sex 23 Ago 2013, 3:14 pm, editado 3 vez(es)
Re: Ajustar código de ultimos assuntos
Tentei no meu fórum de testes e o mesmo foi funcional, as abas funcionaram normalmente, mas modifiquei os links e postei para ver o resultado e o mesmo não apareceu...
Creio, que faltou algo para eu editar, mas não sei o que e...
parte que editei..
Creio, que faltou algo para eu editar, mas não sei o que e...
parte que editei..
- Código:
jQuery.get('/f3-', function(data)
Convidado- Convidado
Re: Ajustar código de ultimos assuntos
O link /f3- em seu fórum pede login, portanto não funciona para quem não está logado!
O código está funcionando normalmente pois testei em seu fórum, podemos dar o tópico como resolvido?
JS
O código está funcionando normalmente pois testei em seu fórum, podemos dar o tópico como resolvido?
JS
Re: Ajustar código de ultimos assuntos
Já está na hora de você por em prática o sistema que temos aqui de curtir e melhor resposta, não achas?Houdini escreveu:Sim sim, podemos.
Obrigado pelo seu retorno,
JS
Re: Ajustar código de ultimos assuntos
Gostaria de saber se pode me dar permissão para usar esse script em meu fórum também. Se não puder, fica sussegado.
Até.
Até.
Re: Ajustar código de ultimos assuntos
Está pedindo a mim ou ao JS?
Por mim tudo bem Legolas.........
Por mim tudo bem Legolas.........
Convidado- Convidado
Re: Ajustar código de ultimos assuntos
Aos dois. Mas, acabei fazendo outros planos pra página inicial, então não precisa. Mesmo assim agradeço.
Tópicos semelhantes
» overflow no últimos assuntos
» [Resolvido] Widget [Últimos assuntos] com avatar.
» Pedido - Botão de ir para Topo
» [Resolvido] Widget [Últimos assuntos] com avatar.
» Pedido - Botão de ir para Topo
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|