Falta de informação no script

Detalhes da questão

Endereço do fórum: http://suportedesign.forumeiros.com/
Versão do fórum: PunBB

Descrição

Olá!

Estou a utilizar um .jS para o Creations of The Week que aparece no final do fórum e ele funciona, porém não está a aparecer o nome do vencedor e do tema do trabalho, o script é este:

Código:

$(function() {

var sotw = {
    imagem: 'http://i.imgur.com/ndTQ2gX.jpg',
    tema: 'Game of Thrones',
    vencedor: 'Zero'
};

$('div.main-box.clearfix').before(
'<div class="main">' +
'<div class="main-head">' +
' <div class="page-title">' +
'  <h2><strong><em class="fa fa-star-half-o"> </em> Creation of the Week</strong></h2>' +
' </div>' +
'</div>' +
'<div class="main-content">' +
'<table cellspacing="0" class="table">' +
' <thead>' +
'  <tr>' +
'    <th class="tcd"><strong>Tema: s</strong> ' + sotw.tema + '</th>' +
'    <th class="tcd"><strong>Vencedor: s</strong> ' + sotw.vencedor + '</th>' +
'  </tr>' +
' </thead>' +
' <tbody class="statused">' +
'  <tr>' +
'    <td class="row2" style="text-align: center;" colspan="2">' +
'      <img src="' + sotw.imagem + '" />' +
'    </td>' +
'  </tr>' +
' </tbody>' +
'</table>' +
'</div>' +
'</div>'
);
});

Devia ficar algo como isto:

Boa noite.

Você poderia explicar a funcionalidade do script? Eu não estou entendendo o que ele faz exatamente.

Atenciosamente,
Fraise.

Fraise escreveu:Boa noite.

Você poderia explicar a funcionalidade do script? Eu não estou entendendo o que ele faz exatamente.

Atenciosamente,
Fraise.

Ele exatamente cria como fosse outra categoria mas apenas mostra uma imagem que nós colocamos depois o link e as informações do vencedor e o tema, não sei se estas a perceber? Mas vê o tutorial onde fui buscar: http://www.bestskins.net/t432-sign-of-the-week?highlight=sign+of+the+week

Burrice... kkkk
Você retirou os table-type com uso de css... como assim while?
Simples, sabe aquela tabelinha que aparece nas categorias que tem escrito, fórum, respostas, visualizações e ultima mensagem, então... você usou display:none, certo?

Por isto não aparece

Alguma outra dúvida?
Até mais.

while escreveu:Burrice... kkkk
Você retirou os table-type com uso de css... como assim while?
Simples, sabe aquela tabelinha que aparece nas categorias que tem escrito, fórum, respostas, visualizações e ultima mensagem, então... você usou display:none, certo?

Por isto não aparece

Alguma outra dúvida?
Até mais.

Sim tem razão ocultei isso tudo, mas não conseguem algo que aparece algum texto nem que seja por cima ou por baixo da imagem?

UP!

Ismael, seria interessante e até mais fácil se você colocasse o nome direto pelo código. Ou seja, substitua o valor:

Código:

' + sotw.vencedor + '

Pelo nome do vencedor.

Tentei como disse veja:

Código:

$(function() {

var sotw = {
    imagem: 'http://i.imgur.com/ndTQ2gX.jpg',
    tema: 'Game of Thrones',
    vencedor: 'Zero'
};

$('div.main-box.clearfix').before(
'<div class="main">' +
'<div class="main-head">' +
' <div class="page-title">' +
'  <h2><strong><em class="fa fa-star-half-o"> </em> Creation of the Week</strong></h2>' +
' </div>' +
'</div>' +
'<div class="main-content">' +
'<table cellspacing="0" class="table">' +
' <thead>' +
'  <tr>' +
'    <th class="tcd"><strong>Tema: s</strong> ' + sotw.tema + '</th>' +
'    <th class="tcd"><strong>Vencedor: Zero</strong> Zero</th>' +
'  </tr>' +
' </thead>' +
' <tbody class="statused">' +
'  <tr>' +
'    <td class="row2" style="text-align: center;" colspan="2">' +
'      <img src="' + sotw.imagem + '" />' +
'    </td>' +
'  </tr>' +
' </tbody>' +
'</table>' +
'</div>' +
'</div>'
);
});

Penso que seja isso que falou, mas mesmo assim não está a aparecer.

troque o JS por:

Código:

$(function() {
 
var sotw = {
    imagem: 'http://i.imgur.com/ndTQ2gX.jpg',
    tema: 'Game of Thrones',
    vencedor: 'Zero'
};
 
$('div.main-box.clearfix').before(
'<div class="main">' +
'<div class="main-head">' +
' <div class="page-title">' +
'  <h2><strong><em class="fa fa-star-half-o"> </em> Creation of the Week</strong></h2>' +
' </div>' +
'</div>' +
'<div class="main-content" id="cepheus">' +
'<table cellspacing="0" class="table">' +
' <thead>' +
'  <tr>' +
'    <th class="tcd"><strong>Tema: s</strong> ' + sotw.tema + '</th>' +
'    <th class="tcd"><strong>Vencedor: s</strong> ' + sotw.vencedor + '</th>' +
'  </tr>' +
' </thead>' +
' <tbody class="statused">' +
'  <tr>' +
'    <td class="row2" style="text-align: center;" colspan="2">' +
'      <img src="' + sotw.imagem + '" />' +
'    </td>' +
'  </tr>' +
' </tbody>' +
'</table>' +
'</div>' +
'</div>'
);
});

E adicione na sua folha de estilo css:

Código:

.main-content#cepheus .table thead tr {
display:inherit!important;
}
.main-content#cepheus .table thead th {
padding:5px;
}

Ficou óptimo Cepheus obrigado!