InícioBorda em widget
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 • Compartilhe
Borda em widget
por Firenando 06.04.12 1:14
Qual é minha questão:
Olá, eu gostaria de saber de como colocar uma imagem na borda dos widgets.
Obrigado.
Medidas que eu tomei para corrigir o problema:
Nenhuma.
Links e imagens do meu problema:
Não precisa.
Endereço do meu fórum:
http://br-designerforever.forumeiros.com/
Versão do meu fórum:
PHPBB3
Olá, eu gostaria de saber de como colocar uma imagem na borda dos widgets.
Obrigado.
Medidas que eu tomei para corrigir o problema:
Nenhuma.
Links e imagens do meu problema:
Não precisa.
Endereço do meu fórum:
http://br-designerforever.forumeiros.com/
Versão do meu fórum:
PHPBB3
Última edição por Firenando em 06.04.12 16:12, editado 1 vez(es)
Firenando- Super Membro
- Membro desde : 22/10/2011
Mensagens : 1665
Pontos : 2318 -
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Firenando- Super Membro
- Membro desde : 22/10/2011
Mensagens : 1665
Pontos : 2318 -
Re: Borda em widget
por Roevs 06.04.12 16:16
Crie um Widget Personalizado com este Código
<div>
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="
-moz-border-radius: 0px;">
<tbody><tr class="zebraUm">
<td width="21" height="30" background="https://i.servimg.com/u/f26/14/56/85/28/cxggff10.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;"> </td>
<td height="30" width="117" background="https://i.servimg.com/u/f66/14/56/85/28/usuari10.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;"> </td>
<td height="30" background="https://i.servimg.com/u/f26/14/56/85/28/menumc10.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;"> </td>
<td width="22" height="30" background="https://i.servimg.com/u/f26/14/56/85/28/rgrg10.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;"> </td></tr>
<tr class="zebraDois"><td width="21" background="https://i.servimg.com/u/f26/14/56/85/28/menu_013.png" style="-moz-border-radius: 0px; background-repeat: repeat-y;"> </td>
<td colspan="2" width="117" name="menssagens" style="background-color: #ffffff">
<!--Inicio do conteudo------------------------------------->
Cónteudo do widget
<!--Fim do conteudo----------------------------------------->
</td>
<td width="21" background="https://i.servimg.com/u/f26/14/56/85/28/menu_014.png" style="-moz-border-radius: 0px; background-repeat: repeat-y;"> </td></tr>
<tr class="zebraUm"><td width="21" height="23" background="https://i.servimg.com/u/f26/14/56/85/28/menu_015.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;"> </td>
<td colspan="2" height="23" background="https://i.servimg.com/u/f26/14/56/85/28/menu_016.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;"> </td>
<td width="22" height="23" background="https://i.servimg.com/u/f26/14/56/85/28/menu_017.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;"> </td></tr></tbody></table>
</div>
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Re: Borda em widget
por Firenando 06.04.12 16:17
Eu apenas quero o código da borda, não o código todo.
Firenando- Super Membro
- Membro desde : 22/10/2011
Mensagens : 1665
Pontos : 2318 -
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Re: Borda em widget
por Firenando 06.04.12 16:19
Não, esse código faz um novo widget tem palavras, imagens...
Firenando- Super Membro
- Membro desde : 22/10/2011
Mensagens : 1665
Pontos : 2318 -
Re: Borda em widget
por Roevs 06.04.12 16:23
Você deseja as Bordas dos widget tem que utilizar este código para que fique daquele modo e não um código CSS
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Re: Borda em widget
por Firenando 06.04.12 16:25
Olá, eu consegui tirar alguns bugs, mais agora não estou conseguindo diminuir o tamanho, aqui está o meu fórum de testes.
http://maniafire.forumeiros.com/portal
Aqui está o novo código.
Se poder arrumar, obrigado.
http://maniafire.forumeiros.com/portalAqui está o novo código.
- Código:
<div>
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="
-moz-border-radius: 0px;">
<tr class="zebraUm">
<td width="21" height="30" background="http://i26.servimg.com/u/f26/14/56/85/28/cxggff10.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;"> </td>
<td height="30" width="0" background="http://i66.servimg.com/u/f66/14/56/85/28/usuari10.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;"> </td>
<td height="30" background="http://i26.servimg.com/u/f26/14/56/85/28/menumc10.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;"> </td>
<td width="22" height="30" background="http://i26.servimg.com/u/f26/14/56/85/28/rgrg10.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;"> </td></tr>
<tr class="zebraDois"><td width="21" background="http://i26.servimg.com/u/f26/14/56/85/28/menu_013.png" style="-moz-border-radius: 0px; background-repeat: repeat-y;"> </td>
<td colspan="2" width="0" name="menssagens" style="background-color: #ffffff">
<!--Inicio do conteudo------------------------------------->
<img src="http://www.wezen.com.br/site/wp-content/uploads/2010/07/google_chrome.png" border="0" alt="" />
<!--Fim do conteudo----------------------------------------->
</td>
<td width="21" background="http://i26.servimg.com/u/f26/14/56/85/28/menu_014.png" style="-moz-border-radius: 0px; background-repeat: repeat-y;"> </td></tr>
<tr class="zebraUm"><td width="21" height="23" background="http://i26.servimg.com/u/f26/14/56/85/28/menu_015.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;"> </td>
<td colspan="2" height="23" background="http://i26.servimg.com/u/f26/14/56/85/28/menu_016.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;"> </td>
<td width="22" height="23" background="http://i26.servimg.com/u/f26/14/56/85/28/menu_017.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;"> </td></tr></table>
</div>
Se poder arrumar, obrigado.
Firenando- Super Membro
- Membro desde : 22/10/2011
Mensagens : 1665
Pontos : 2318 -
Re: Borda em widget
por Roevs 06.04.12 16:28
Entenda o código
Vermelho : Vai alterando ate ficar como deseja
<div>
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="
-moz-border-radius: 0px;">
<tr class="zebraUm">
<td width="21" height="30" background="https://i.servimg.com/u/f26/14/56/85/28/cxggff10.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;"> </td>
<td height="30" width="0" background="https://i.servimg.com/u/f66/14/56/85/28/usuari10.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;"> </td>
<td height="30" background="https://i.servimg.com/u/f26/14/56/85/28/menumc10.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;"> </td>
<td width="22" height="30" background="https://i.servimg.com/u/f26/14/56/85/28/rgrg10.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;"> </td></tr>
<tr class="zebraDois"><td width="21" background="https://i.servimg.com/u/f26/14/56/85/28/menu_013.png" style="-moz-border-radius: 0px; background-repeat: repeat-y;"> </td>
<td colspan="2" width="0" name="menssagens" style="background-color: #ffffff">
<!--Inicio do conteudo------------------------------------->
<img src="http://www.wezen.com.br/site/wp-content/uploads/2010/07/google_chrome.png" border="0" alt="" />
<!--Fim do conteudo----------------------------------------->
</td>
<td width="21" background="https://i.servimg.com/u/f26/14/56/85/28/menu_014.png" style="-moz-border-radius: 0px; background-repeat: repeat-y;"> </td></tr>
<tr class="zebraUm"><td width="21" height="23" background="https://i.servimg.com/u/f26/14/56/85/28/menu_015.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;"> </td>
<td colspan="2" height="23" background="https://i.servimg.com/u/f26/14/56/85/28/menu_016.png" style="-moz-border-radius: 0px; background-repeat: repeat-x;"> </td>
<td width="22" height="23" background="https://i.servimg.com/u/f26/14/56/85/28/menu_017.png" style="-moz-border-radius: 0px; background-repeat: no-repeat;"> </td></tr></table>
</div>
Vermelho : Vai alterando ate ficar como deseja
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Re: Borda em widget
por Firenando 06.04.12 16:29
Teria como me passar o código igual como no fórum que mostrei?
Obrigado.
Obrigado.
Firenando- Super Membro
- Membro desde : 22/10/2011
Mensagens : 1665
Pontos : 2318 -
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
Facebook
Twitter
Youtube
