Hitskin.comIsto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
ArtigosPersonalizar código de parceiros
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Personalizar código de parceiros
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!
O código é este:
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
Olá, gostaria que me ajudassem a personalizar rapidamente o meu código de parceiros em slide!
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
- 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
Última edição por dR.SIMPLY em 14.05.13 21:03, editado 2 vez(es) (Motivo da edição : .edit)
dR.SIMPLY- ***
- Membro desde : 24/04/2013
Mensagens : 152
Pontos : 206 -
Re: Personalizar código de parceiros
por Diehl 14.05.13 18:27
Olá.
Veja se este código resulta no que tu queria.
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.
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.
Diehl- ****
- Membro desde : 30/09/2010
Mensagens : 221
Pontos : 377
Re: Personalizar código de parceiros
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!
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- ***
- Membro desde : 24/04/2013
Mensagens : 152
Pontos : 206 -
Re: Personalizar código de parceiros
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:
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.
Diehl- ****
- Membro desde : 30/09/2010
Mensagens : 221
Pontos : 377
Re: Personalizar código de parceiros
por dR.SIMPLY 14.05.13 19:08
Veja o forum e veja como está!
Não está la muito bom acho eu!
Não está la muito bom acho eu!
dR.SIMPLY- ***
- Membro desde : 24/04/2013
Mensagens : 152
Pontos : 206 -
Re: Personalizar código de parceiros
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- ****
- Membro desde : 30/09/2010
Mensagens : 221
Pontos : 377
Re: Personalizar código de parceiros
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:
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>
dR.SIMPLY- ***
- Membro desde : 24/04/2013
Mensagens : 152
Pontos : 206 -
Re: Personalizar código de parceiros
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- ****
- Membro desde : 30/09/2010
Mensagens : 221
Pontos : 377
Re: Personalizar código de parceiros
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!
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- ***
- Membro desde : 24/04/2013
Mensagens : 152
Pontos : 206 -
Re: Personalizar código de parceiros
por Diehl 14.05.13 20:51
Entendi.
Agora acho que ficou certo.
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.
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- ****
- Membro desde : 30/09/2010
Mensagens : 221
Pontos : 377
Re: Personalizar código de parceiros
por dR.SIMPLY 14.05.13 21:02
Perfeito!
Obrigado obrigado obrigado!!!
Obrigado obrigado obrigado!!!
dR.SIMPLY- ***
- Membro desde : 24/04/2013
Mensagens : 152
Pontos : 206 -
Tópicos semelhantes» Personalizar parceiros
» Código de parceiros
» Duvida sobre codigo de parceiros
» Caixa com código de parceiros
» Código do widget "parceiros"
» Código de parceiros
» Duvida sobre codigo de parceiros
» Caixa com código de parceiros
» Código do widget "parceiros"
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos