Personalizar código de parceiros

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

Resolvido Personalizar código de parceiros

Mensagem por dR.SIMPLY em 14/05/13, 04:29 am

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:
Código:
<div class="inner">
<span class="corners-top"><span></span></span><div class="h3">Últimos assuntos</div><div id="comments_scroll_div">
<marquee id="comments_scroll_container" direction="up" scrollamount="1" scrolldelay="50" width="960" height="35" onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();">



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


</marquee>

</div>

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

</div>

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: http://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, 05:03 pm, editado 2 vez(es) (Razão : .edit)
avatar

dR.SIMPLY
Nível 9

Masculino
Inscrito dia : 24/04/2013
Mensagens : 152
Pontos Ativos : 206

Ver perfil do usuário http://sensitive-creations.forumbom.com/

Resolvido Re: Personalizar código de parceiros

Mensagem por Diehl em 14/05/13, 02:27 pm

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

Diehl
Nível 9

Masculino
Inscrito dia : 30/09/2010
Mensagens : 221
Pontos Ativos : 377

Ver perfil do usuário

Resolvido Re: Personalizar código de parceiros

Mensagem por dR.SIMPLY em 14/05/13, 02:44 pm

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!
avatar

dR.SIMPLY
Nível 9

Masculino
Inscrito dia : 24/04/2013
Mensagens : 152
Pontos Ativos : 206

Ver perfil do usuário http://sensitive-creations.forumbom.com/

Resolvido Re: Personalizar código de parceiros

Mensagem por Diehl em 14/05/13, 03:04 pm

@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.
avatar

Diehl
Nível 9

Masculino
Inscrito dia : 30/09/2010
Mensagens : 221
Pontos Ativos : 377

Ver perfil do usuário

Resolvido Re: Personalizar código de parceiros

Mensagem por dR.SIMPLY em 14/05/13, 03:08 pm

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

dR.SIMPLY
Nível 9

Masculino
Inscrito dia : 24/04/2013
Mensagens : 152
Pontos Ativos : 206

Ver perfil do usuário http://sensitive-creations.forumbom.com/

Resolvido Re: Personalizar código de parceiros

Mensagem por Diehl em 14/05/13, 03:12 pm

@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?
avatar

Diehl
Nível 9

Masculino
Inscrito dia : 30/09/2010
Mensagens : 221
Pontos Ativos : 377

Ver perfil do usuário

Resolvido Re: Personalizar código de parceiros

Mensagem por dR.SIMPLY em 14/05/13, 03:34 pm

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:
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="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>
avatar

dR.SIMPLY
Nível 9

Masculino
Inscrito dia : 24/04/2013
Mensagens : 152
Pontos Ativos : 206

Ver perfil do usuário http://sensitive-creations.forumbom.com/

Resolvido Re: Personalizar código de parceiros

Mensagem por Diehl em 14/05/13, 03:48 pm

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

Diehl
Nível 9

Masculino
Inscrito dia : 30/09/2010
Mensagens : 221
Pontos Ativos : 377

Ver perfil do usuário

Resolvido Re: Personalizar código de parceiros

Mensagem por dR.SIMPLY em 14/05/13, 04:18 pm

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!
avatar

dR.SIMPLY
Nível 9

Masculino
Inscrito dia : 24/04/2013
Mensagens : 152
Pontos Ativos : 206

Ver perfil do usuário http://sensitive-creations.forumbom.com/

Resolvido Re: Personalizar código de parceiros

Mensagem por Diehl em 14/05/13, 04:51 pm

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

Diehl
Nível 9

Masculino
Inscrito dia : 30/09/2010
Mensagens : 221
Pontos Ativos : 377

Ver perfil do usuário

Resolvido Re: Personalizar código de parceiros

Mensagem por dR.SIMPLY em 14/05/13, 05:02 pm

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
avatar

dR.SIMPLY
Nível 9

Masculino
Inscrito dia : 24/04/2013
Mensagens : 152
Pontos Ativos : 206

Ver perfil do usuário http://sensitive-creations.forumbom.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum