Anucios desse jeito

Qual é minha questão:
Tem como colocar anuncios desse jeito aqui
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

Up...

Fiz esse daqui manualmente, ou seja você vai ter que editar o html do código sempre que desejar mudar alguma coisa/adicionar alguma coisa....

Vá em viewforum_body e procure por :

Código:

<div class="main paged">

Acima disso coloque o seguinte código html :
(Olhe atentamente o HTML pois tem as áreas que você deve editar.

Código:

<ol id="announcements" class="announcements"><li class="announcerow"> <div class="announcement"> <dl> <dt>Anúncio:</dt> <dd> <a href="LINK DO ANUNCIO">NOME DO ANUNCIO</a> </dd> </dl> <a class="username understate" href="ID DO MEMBRO EXEMPLO /u1">NOME DO MEMBRO</a> <span class="usertitle understate">(<span style="font-weight:bold;color:red">SUBNICK DO MEMBRO Exemplo ADMIN</span>)</span> </div> <div class="announceinfo"> <div class="date">DATA DO ANUNCIO<span class="time"></span></div> <dl> <dt></dt> <dd> <a href=""></a> </dd> </dl> </div> </li>

Adicione isso no final do viewforum_body:

Código:

<style>
  .announcements .announcerow {
background: #cedfeb;
_background-image: none;
margin-top: 5px;
display: block;
float: left;
clear: both;
width: 100%;
-moz-box-shadow: -2px 2px 2px transparent;
-webkit-box-shadow: -2px 2px 2px transparent;
box-shadow: -2px 2px 2px transparent;
padding: 5px 0;
}
  .announcements .announcerow:first-child {
margin-top: 0;
}
  .announcements {
margin-top: 10px;
}
.announcements {
margin-top: 10px;
}
.announcements {
display: block;
margin: 5px 0;
}
  .announcerow .announcement {
width: 80%;
text-align: left;
}
.announcerow .announceinfo, .announcerow .announcement {
float: left;
clear: right;
display: block;
background: #cedfeb none;
_background-image: none;
}
  .announcement .username, .announcement dl {
margin-left: 10px;
}
.announcement dl {
font-weight: bold;
font-size: 13px;
display: block;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
  .announcements .announcerow:first-child {
margin-top: 0;
}
.announcements .announcerow {
background: #cedfeb;
_background-image: none;
margin-top: 5px;
display: block;
float: left;
clear: both;
width: 100%;
-moz-box-shadow: -2px 2px 2px transparent;
-webkit-box-shadow: -2px 2px 2px transparent;
box-shadow: -2px 2px 2px transparent;
padding: 5px 0;
}
li {
list-style: none;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
* {
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
}
* {
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
}
user agent stylesheetli {
display: list-item;
text-align: -webkit-match-parent;
}
Inherited from ol#announcements.announcements
user agent stylesheetol {
list-style-type: decimal;
}
  .announcements .announcerow:first-child {
margin-top: 0;
}
.announcements .announcerow {
background: #cedfeb;
_background-image: none;
margin-top: 5px;
display: block;
float: left;
clear: both;
width: 100%;
-moz-box-shadow: -2px 2px 2px transparent;
-webkit-box-shadow: -2px 2px 2px transparent;
box-shadow: -2px 2px 2px transparent;
padding: 5px 0;
}
li {
list-style: none;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
* {
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
}
* {
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
}
user agent stylesheetli {
display: list-item;
text-align: -webkit-match-parent;
}
Inherited from ol#announcements.announcements
user agent stylesheetol {
list-style-type: decimal;
}
  .announcerow .announceinfo {
width: 20%;
text-align: right;
}
.announcerow .announceinfo, .announcerow .announcement {
float: left;
clear: right;
display: block;
background: #cedfeb none;
_background-image: none;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
  .announcement dl dt, .announcement dl dd, .announceinfo dl dt, .announceinfo dl dd {
display: inline;
}
</style>

Os anúncios vão aparecer em todas as categorias/forums/sub-forums.


Como falei com você no chatbox, eu fiz isso apenas brincando e.e se quiser algo que realmente funcione automáticamente fale com alguém que entenda de javascript exemplo o Daemon ou JScript ou o Framis *--*

Crie um novo Javascript com investimento no sub-fórum:

Código:

$(document).ready(function(){
$('.main-head:contains("Anúncio"), .main-content:contains("Anúncio") thead').attr('style','display:none;');
$('.main-content:contains("Anúncio") td').attr('style','background:transparent;border:0px;');
$('.main-content:contains("Anúncio") tr').attr('style','background:rgb(206,223,235);border-bottom:3px solid rgb(255,255,255);');
$('.main-content:contains("Anúncio") td.tcl h2').after('<br>');
$('.main-content:contains("Anúncio") td.tc2').css('display','none');
$('.main-content:contains("Anúncio") td.tc3').prepend('<span style="color:black;margin-right: 3px;">Visualizações:</span>').css('color','#611010');
$('.main-content:contains("Anúncio") td.tcr').css('width','25%');
});

Pra o perfil de agradecimento crie um JS com investimento nos tópicos:

Código:

$(document).ready(function(){
$('.user-info .pitmeprofile:contains("Agradecido")').attr('style','background-color:rgb(255,255,255);color:rgb(65,65,65);border:1px solid rgb(185,196,205);height:18px;width:auto;display:block;float:right;font-size:12px;padding:0;').append(' Vezes');
});

Lembre-se de ir em "Perfis" > "Agradecido":
Quebra de linha: "Nenhum"

Até mais !

[sucesso=Tópico resolvido através do acesso ao painel][/sucesso]