Borda em widget

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

Resolvido Borda em widget

Mensagem por Firenando em 05/04/12, 09:14 pm

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


Última edição por Firenando em 06/04/12, 12:12 pm, editado 1 vez(es)
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

Ver perfil do usuário http://divineartz.forumeiros.com/

Resolvido Re: Borda em widget

Mensagem por iPrompt em 05/04/12, 09:37 pm

Aonde que viu este Efeito ?
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Borda em widget

Mensagem por Firenando em 06/04/12, 12:13 pm

avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

Ver perfil do usuário http://divineartz.forumeiros.com/

Resolvido Re: Borda em widget

Mensagem por iPrompt em 06/04/12, 12:16 pm

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="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="117" 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="117" name="menssagens" style="background-color: #ffffff">

<!--Inicio do conteudo------------------------------------->
Cónteudo do widget
<!--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></tbody></table>
</div>
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Borda em widget

Mensagem por Firenando em 06/04/12, 12:17 pm

Eu apenas quero o código da borda, não o código todo.
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

Ver perfil do usuário http://divineartz.forumeiros.com/

Resolvido Re: Borda em widget

Mensagem por iPrompt em 06/04/12, 12:18 pm

Este e o código da Borda
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Borda em widget

Mensagem por Firenando em 06/04/12, 12:19 pm

Não, esse código faz um novo widget tem palavras, imagens...
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

Ver perfil do usuário http://divineartz.forumeiros.com/

Resolvido Re: Borda em widget

Mensagem por iPrompt em 06/04/12, 12:23 pm

Você deseja as Bordas dos widget tem que utilizar este código para que fique daquele modo e não um código CSS
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Borda em widget

Mensagem por Firenando em 06/04/12, 12:25 pm

Olá, eu consegui tirar alguns bugs, mais agora não estou conseguindo diminuir o tamanho, aqui está o meu fórum de testes.

Seta http://maniafire.forumeiros.com/portal

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

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

Ver perfil do usuário http://divineartz.forumeiros.com/

Resolvido Re: Borda em widget

Mensagem por iPrompt em 06/04/12, 12:28 pm

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

Vermelho : Vai alterando ate ficar como deseja
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Borda em widget

Mensagem por Firenando em 06/04/12, 12:29 pm

Teria como me passar o código igual como no fórum que mostrei?

Obrigado.
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

Ver perfil do usuário http://divineartz.forumeiros.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