Personalizar código de parceiros

[dR.SIMPLY]

Qual é minha questão:
Olá, gostaria que me ajudassem a personalizar rapidamente o meu código de parceiros em slide!

O código é este:

Spoiler:

Gostaria de colocar uma borda a volta do quadro onde passam as imagens, onde está escrito "Últimos assuntos" queria colocar uma imagem e por fim centrar o código, para que as imagens como a imagem que irá substituir o texto fica-sem centrados

- Link do tutorial: https://ajuda.forumeiros.com/t37586-tutorial-inserir-widget-slide-de-parceiros

Espero que me ajudem, obrigado!
E tenham todos uma boa continuação!

Endereço do meu fórum:
http://sensitive-creations.forumbom.com

Versão do fórum:
PUNBB

[Diehl]

Olá.

Veja se este código resulta no que tu queria.

<center><div class="inner">
<span class="corners-top"><span></span></span><div class="h3"><img src="URL da Imagem"></div><div id="comments_scroll_div">
<marquee id="comments_scroll_container" direction="up" scrollamount="1" scrolldelay="50" width="200" height="400" onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();">

<div style="border:2px solid; padding:1px;"><div align="center">
<a href="http://sensitive-creations.forumbom.com/" class="postlink" target="_blank">
<img src="http://upit.cc/i/6ef51f01.png" border="0" alt="" /></a>
<a href="http://sensitive-creations.forumbom.com/" class="postlink" target="_blank">
<img src="http://upit.cc/i/6ef51f01.png" border="0" alt="" /></a>
<a href="http://sensitive-creations.forumbom.com/" class="postlink" target="_blank">
<img src="http://upit.cc/i/6ef51f01.png" border="0" alt="" /></a>
<a href="http://sensitive-creations.forumbom.com/" class="postlink" target="_blank">
<img src="http://upit.cc/i/6ef51f01.png" border="0" alt="" /></a>
<a href="http://sensitive-creations.forumbom.com/" class="postlink" target="_blank">
<img src="http://upit.cc/i/6ef51f01.png" border="0" alt="" /></a>
<a href="http://sensitive-creations.forumbom.com/" class="postlink" target="_blank">
<img src="http://upit.cc/i/6ef51f01.png" border="0" alt="" /></a>
<a href="http://sensitive-creations.forumbom.com/" class="postlink" target="_blank">
<img src="http://upit.cc/i/6ef51f01.png" border="0" alt="" /></a>
</div>
</div>

</marquee>

</div>

<span class="corners-bottom"><span></span></span>

</div>
</center>

Algumas observações:
Em índigo, coloque a url da imagem que substituirá o título "ultimos assuntos".
Em laranja, é a largura do widget.
Em verde, é a "altura" que o widget irá ocupar na página.
Em azul, temos a grossura e estilo da borda.
Em violeta, temos a distância entre a borda e o contéudo da mesma.

[dR.SIMPLY]

Oi, Diehl.
Ficou perfeito, só tem um problema, a borda fica rolando, eu queria que a borda ficasse parada e os banners dos parceiros fica-sem rolando dentro dela!
Poderia modificar?
Se não, está magnifico!

[Diehl]

Oi, Diehl.
Ficou perfeito, só tem um problema, a borda fica rolando, eu queria que a borda ficasse parada e os banners dos parceiros fica-sem rolando dentro dela!
Poderia modificar?
Se não, está magnifico!

Veja esse código:

<center><div class="inner">
<span class="corners-top"><span></span></span><div class="h3"><img src="URL da Imagem"></div><div id="comments_scroll_div">
<div style="border:2px solid; width:200px; height:400px;">
<marquee id="comments_scroll_container" direction="up" scrollamount="1" scrolldelay="50" width="180" height="380" onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();">

<div align="center">
<a href="http://sensitive-creations.forumbom.com/" class="postlink" target="_blank">
<img src="http://upit.cc/i/6ef51f01.png" border="0" alt="" /></a>
<a href="http://sensitive-creations.forumbom.com/" class="postlink" target="_blank">
<img src="http://upit.cc/i/6ef51f01.png" border="0" alt="" /></a>
<a href="http://sensitive-creations.forumbom.com/" class="postlink" target="_blank">
<img src="http://upit.cc/i/6ef51f01.png" border="0" alt="" /></a>
<a href="http://sensitive-creations.forumbom.com/" class="postlink" target="_blank">
<img src="http://upit.cc/i/6ef51f01.png" border="0" alt="" /></a>
<a href="http://sensitive-creations.forumbom.com/" class="postlink" target="_blank">
<img src="http://upit.cc/i/6ef51f01.png" border="0" alt="" /></a>
<a href="http://sensitive-creations.forumbom.com/" class="postlink" target="_blank">
<img src="http://upit.cc/i/6ef51f01.png" border="0" alt="" /></a>
<a href="http://sensitive-creations.forumbom.com/" class="postlink" target="_blank">
<img src="http://upit.cc/i/6ef51f01.png" border="0" alt="" /></a>
</div>


</marquee>
</div>
</div>

<span class="corners-bottom"><span></span></span>

</div>
</center>

Algumas observações:
Em índigo, coloque a url da imagem que substituirá o título "ultimos assuntos".
Em laranja, é a largura da parte onde ficarão os banners.
Em verde, é a "altura" da parte onde ficarão os banners.
Em azul, temos a grossura e estilo da borda.
Em violeta, temos a largura da "caixa" da borda.
Em marrom, , temos a "altura" da "caixa" da borda.

[dR.SIMPLY]

Veja o forum e veja como está!
Não está la muito bom acho eu!

[Diehl]

Veja o forum e veja como está!
Não está la muito bom acho eu!

Me passe o código com as modificações que tu estás usando...
Além disto, como tu prefere que os banners "corram", para cima ou para o lado?
Antes tinha ficado correto?

[dR.SIMPLY]

Quando colocou com a borda a rolar também ficou bem, mas agora a barra parou, mas os banners começam a rolar desde o fundo do forum!

Código:

Spoiler:

[Diehl]

Veja como fica agora:

Código:


        <center><div class="inner">
        <span class="corners-top"><span></span></span><div class="h3"><img src="URL da Imagem"></div><div id="comments_scroll_div"><div style="border:2px solid; width:960px; height:35px;">
        <marquee id="comments_scroll_container" direction="up" scrollamount="1" scrolldelay="50" width="300" height="50" onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();">
        <div align="center">
        <a href="http://sensitive-creations.forumbom.com/" class="postlink" target="_blank">
        <img src="http://upit.cc/i/6ef51f01.png" border="0" alt="" /></a>
        <a href="http://sensitive-creations.forumbom.com/" class="postlink" target="_blank">
        <img src="http://upit.cc/i/6ef51f01.png" border="0" alt="" /></a>
        <a href="http://sensitive-creations.forumbom.com/" class="postlink" target="_blank">
        <img src="http://upit.cc/i/6ef51f01.png" border="0" alt="" /></a>
        <a href="http://sensitive-creations.forumbom.com/" class="postlink" target="_blank">
        <img src="http://upit.cc/i/6ef51f01.png" border="0" alt="" /></a>
        <a href="http://sensitive-creations.forumbom.com/" class="postlink" target="_blank">
        <img src="http://upit.cc/i/6ef51f01.png" border="0" alt="" /></a>
        <a href="http://sensitive-creations.forumbom.com/" class="postlink" target="_blank">
        <img src="http://upit.cc/i/6ef51f01.png" border="0" alt="" /></a>
        <a href="http://sensitive-creations.forumbom.com/" class="postlink" target="_blank">
        <img src="http://upit.cc/i/6ef51f01.png" border="0" alt="" /></a>
        </div>


        </marquee>
        </div>
        </div>

        <span class="corners-bottom"><span></span></span>

        </div>
        </center>


[dR.SIMPLY]

Já melhorou!
Mas ainda está um pouco bugado!
Começa um pouco fora da borda, veja o meu forum para ver o bug por favor!

[Diehl]

Entendi.

Agora acho que ficou certo.

<center><div class="inner">
<span class="corners-top"><span></span></span><div class="h3"><img src="URL da Imagem"></div><div id="comments_scroll_div"><div style="border:2px solid; width:960px; height:35px;">
<marquee id="comments_scroll_container" direction="up" scrollamount="1" scrolldelay="50" width="300" height="35" onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();">
<div align="center">
<a href="http://sensitive-creations.forumbom.com/" class="postlink" target="_blank">
<img src="http://upit.cc/i/6ef51f01.png" border="0" alt="" /></a>
<a href="http://sensitive-creations.forumbom.com/" class="postlink" target="_blank">
<img src="http://upit.cc/i/6ef51f01.png" border="0" alt="" /></a>
<a href="http://sensitive-creations.forumbom.com/" class="postlink" target="_blank">
<img src="http://upit.cc/i/6ef51f01.png" border="0" alt="" /></a>
<a href="http://sensitive-creations.forumbom.com/" class="postlink" target="_blank">
<img src="http://upit.cc/i/6ef51f01.png" border="0" alt="" /></a>
<a href="http://sensitive-creations.forumbom.com/" class="postlink" target="_blank">
<img src="http://upit.cc/i/6ef51f01.png" border="0" alt="" /></a>
<a href="http://sensitive-creations.forumbom.com/" class="postlink" target="_blank">
<img src="http://upit.cc/i/6ef51f01.png" border="0" alt="" /></a>
<a href="http://sensitive-creations.forumbom.com/" class="postlink" target="_blank">
<img src="http://upit.cc/i/6ef51f01.png" border="0" alt="" /></a>
</div>


</marquee>
</div>
</div>

<span class="corners-bottom"><span></span></span>

</div>
</center>

Quando for modificar o código (se mudar o layout do fórum ou algo assim), deixe sempre os valores em índigo e laranja com o mesmo tamanho.

[dR.SIMPLY]

Perfeito!
Obrigado obrigado obrigado!!!