Personalizar código de parceiros

2 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Personalizar código de parceiros

Mensagem por dR.SIMPLY 14.05.13 8:29

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

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 Feliz

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

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

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

Versão do fórum:
PUNBB


Última edição por dR.SIMPLY em 14.05.13 21:03, editado 2 vez(es) (Motivo da edição : .edit)
dR.SIMPLY

dR.SIMPLY
***

Membro desde : 24/04/2013
Mensagens : 152
Pontos : 206

http://sensitive-creations.forumbom.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar código de parceiros

Mensagem por Diehl 14.05.13 18:27

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:
Seta Em índigo, coloque a url da imagem que substituirá o título "ultimos assuntos".
Seta Em laranja, é a largura do widget.
Seta Em verde, é a "altura" que o widget irá ocupar na página.
Seta Em azul, temos a grossura e estilo da borda.
Seta Em violeta, temos a distância entre a borda e o contéudo da mesma.
Diehl

Diehl
****

Membro desde : 30/09/2010
Mensagens : 221
Pontos : 377

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar código de parceiros

Mensagem por dR.SIMPLY 14.05.13 18:44

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!
dR.SIMPLY

dR.SIMPLY
***

Membro desde : 24/04/2013
Mensagens : 152
Pontos : 206

http://sensitive-creations.forumbom.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar código de parceiros

Mensagem por Diehl 14.05.13 19:04

dR.SIMPLY escreveu: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:
Seta Em índigo, coloque a url da imagem que substituirá o título "ultimos assuntos".
Seta Em laranja, é a largura da parte onde ficarão os banners.
Seta Em verde, é a "altura" da parte onde ficarão os banners.
Seta Em azul, temos a grossura e estilo da borda.
Seta Em violeta, temos a largura da "caixa" da borda.
Seta Em marrom, , temos a "altura" da "caixa" da borda.
Diehl

Diehl
****

Membro desde : 30/09/2010
Mensagens : 221
Pontos : 377

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar código de parceiros

Mensagem por dR.SIMPLY 14.05.13 19:08

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

dR.SIMPLY
***

Membro desde : 24/04/2013
Mensagens : 152
Pontos : 206

http://sensitive-creations.forumbom.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar código de parceiros

Mensagem por Diehl 14.05.13 19:12

dR.SIMPLY escreveu: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?
Diehl

Diehl
****

Membro desde : 30/09/2010
Mensagens : 221
Pontos : 377

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar código de parceiros

Mensagem por dR.SIMPLY 14.05.13 19:34

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:
dR.SIMPLY

dR.SIMPLY
***

Membro desde : 24/04/2013
Mensagens : 152
Pontos : 206

http://sensitive-creations.forumbom.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar código de parceiros

Mensagem por Diehl 14.05.13 19:48

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>
Diehl

Diehl
****

Membro desde : 30/09/2010
Mensagens : 221
Pontos : 377

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar código de parceiros

Mensagem por dR.SIMPLY 14.05.13 20:18

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!
dR.SIMPLY

dR.SIMPLY
***

Membro desde : 24/04/2013
Mensagens : 152
Pontos : 206

http://sensitive-creations.forumbom.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar código de parceiros

Mensagem por Diehl 14.05.13 20:51

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.
Diehl

Diehl
****

Membro desde : 30/09/2010
Mensagens : 221
Pontos : 377

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar código de parceiros

Mensagem por dR.SIMPLY 14.05.13 21:02

Perfeito!
Obrigado obrigado obrigado!!!
Venerar Venerar Venerar Venerar Venerar Venerar Venerar Venerar Venerar Venerar Venerar Venerar Venerar Venerar Venerar Venerar Venerar Venerar Venerar Venerar Venerar Venerar Venerar Venerar Venerar Venerar Venerar Venerar Venerar Venerar Venerar
dR.SIMPLY

dR.SIMPLY
***

Membro desde : 24/04/2013
Mensagens : 152
Pontos : 206

http://sensitive-creations.forumbom.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos