Personalizar os widgets do fórum

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

Resolvido Personalizar os widgets do fórum

Mensagem por LeviFernandes em 06/05/13, 10:12 am

Qual é minha questão:
É possível aterar o fundo dos menus do widgets igual a do fórum?


eu quero deixar numero 1 igual a do numero 2, como que faço?

Endereço do meu fórum:
http://gta-forum.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por LeviFernandes em 16/05/13, 01:30 pm, editado 1 vez(es)
avatar

LeviFernandes
Usuário avançado

Masculino
Inscrito dia : 03/12/2008
Mensagens : 332
Pontos Ativos : 415

Ver perfil do usuário http://gta-forum.forumeiros.com

Resolvido Re: Personalizar os widgets do fórum

Mensagem por Jose Hamizaki em 06/05/13, 10:26 am

Tente este codigo:

Código:
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-color: #cor;
}

#cor-A cor que deseja, podendo sempre modificá-la, tem que estar em hexadecimal a cor !
avatar

Jose Hamizaki
Membro do Fórum

Masculino
Inscrito dia : 26/02/2012
Mensagens : 1050
Pontos Ativos : 1540

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

Resolvido Re: Personalizar os widgets do fórum

Mensagem por LeviFernandes em 06/05/13, 10:38 am

infelizmente não deu amigo :S
avatar

LeviFernandes
Usuário avançado

Masculino
Inscrito dia : 03/12/2008
Mensagens : 332
Pontos Ativos : 415

Ver perfil do usuário http://gta-forum.forumeiros.com

Resolvido Re: Personalizar os widgets do fórum

Mensagem por Convidado em 06/05/13, 11:12 am

Saudações!

Acenda sua "Folha de estilo CSS":
.module .h3 {
background: url(AQUI A URL DA IMAGEM) -1px 0px !important;
padding: 0.6em 1.3em !important;
margin-left: -10px;
margin-top: -6px;
width: 172px;
}
Verde > Mude para valor que pede, ou seja, vai mudar a barra que o senhor deseja.
Se acaso quiser adicionar uma cor, ao em vez de url da imagem, procure no código em que lhe passei, este:
background: url(AQUI A URL DA IMAGEM) -1px 0px !important;
E troque por este
background-color: #COR -1px 0px !important;
Verde > Troque pela cor que desejar.
e Validar.

Até. Piscada

Convidado
Convidado


Resolvido Re: Personalizar os widgets do fórum

Mensagem por LeviFernandes em 06/05/13, 11:20 am

Se eu deixar url da imagem eu posso colocar uma imagem no lugar da cor?
avatar

LeviFernandes
Usuário avançado

Masculino
Inscrito dia : 03/12/2008
Mensagens : 332
Pontos Ativos : 415

Ver perfil do usuário http://gta-forum.forumeiros.com

Resolvido Re: Personalizar os widgets do fórum

Mensagem por LeviFernandes em 06/05/13, 11:23 am

também infelizmente não deu certo
avatar

LeviFernandes
Usuário avançado

Masculino
Inscrito dia : 03/12/2008
Mensagens : 332
Pontos Ativos : 415

Ver perfil do usuário http://gta-forum.forumeiros.com

Resolvido Re: Personalizar os widgets do fórum

Mensagem por Convidado em 06/05/13, 11:24 am

@LeviFernandes escreveu:Se eu deixar url da imagem eu posso colocar uma imagem no lugar da cor?
Saudações!

Claro senhor, eu só coloque como colocar cor vai que o senhor quisesse cor, ao em vez de url da imagem.

Até. Piscada

Convidado
Convidado


Resolvido Re: Personalizar os widgets do fórum

Mensagem por LeviFernandes em 06/05/13, 11:35 am

colocando imagem deu certo, porém ele tira a borda do fundo do widget, e colocando cor não deu certo
avatar

LeviFernandes
Usuário avançado

Masculino
Inscrito dia : 03/12/2008
Mensagens : 332
Pontos Ativos : 415

Ver perfil do usuário http://gta-forum.forumeiros.com

Resolvido Re: Personalizar os widgets do fórum

Mensagem por LeviFernandes em 06/05/13, 11:41 am

eu preferi colocar a imagem, só que o fundo fica quadrado e não redondo com as bordas, tem um código para deixar a borda do fundo do titulo redonda?
avatar

LeviFernandes
Usuário avançado

Masculino
Inscrito dia : 03/12/2008
Mensagens : 332
Pontos Ativos : 415

Ver perfil do usuário http://gta-forum.forumeiros.com

Resolvido Re: Personalizar os widgets do fórum

Mensagem por Convidado em 06/05/13, 11:44 am

Saudações!

Adicione este código juntamente com o que passei:
.module{
background-color: #fff !important;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid black;
}

Até. Piscada

Convidado
Convidado


Resolvido Re: Personalizar os widgets do fórum

Mensagem por LeviFernandes em 06/05/13, 11:50 am

quase amigo, quase deu certo


Ele até ficou bonito, pois ficou com uma borda gostei Feliz porém ele não arredondou da imagem Feliz
avatar

LeviFernandes
Usuário avançado

Masculino
Inscrito dia : 03/12/2008
Mensagens : 332
Pontos Ativos : 415

Ver perfil do usuário http://gta-forum.forumeiros.com

Resolvido Re: Personalizar os widgets do fórum

Mensagem por Convidado em 06/05/13, 11:55 am

Saudações!

Troque o código por este:
.module .h3 {
background: url(AQUI A URL DA IMAGEM) -1px 0px !important;
padding: 0.6em 1.3em !important;
margin-left: -10px;
margin-top: -6px;
width: 172px;
-moz-border-radius: 20px;
border: 1px solid black;
}
.module{
background-color: #fff !important;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid black;
}
Verde > Mude para valor que pede, ou seja, vai mudar a barra que o senhor deseja.

Até. Piscada

Convidado
Convidado


Resolvido Re: Personalizar os widgets do fórum

Mensagem por LeviFernandes em 06/05/13, 11:59 am

Um, ele arredondou a metade do fundo, porém a outra metade não, e os que arredondaram não ficaram de acordo a a borda arredondada
avatar

LeviFernandes
Usuário avançado

Masculino
Inscrito dia : 03/12/2008
Mensagens : 332
Pontos Ativos : 415

Ver perfil do usuário http://gta-forum.forumeiros.com

Resolvido Re: Personalizar os widgets do fórum

Mensagem por Convidado em 06/05/13, 12:03 pm

Saudações!

Troque por este:
Código:
module .h3 {
background: url(AQUI A URL DA IMAGEM) -1px 0px !important;
margin-left: -10px;
margin-top: -6px;
-moz-border-radius: 20px;
border: 1px solid black;
}
.module{
background-color: #fff !important;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid black;
}

Até. Piscada

Convidado
Convidado


Resolvido Re: Personalizar os widgets do fórum

Mensagem por LeviFernandes em 06/05/13, 12:39 pm

sem efeito rs, aconteceu nada
avatar

LeviFernandes
Usuário avançado

Masculino
Inscrito dia : 03/12/2008
Mensagens : 332
Pontos Ativos : 415

Ver perfil do usuário http://gta-forum.forumeiros.com

Resolvido Re: Personalizar os widgets do fórum

Mensagem por LeviFernandes em 06/05/13, 10:20 pm

aguardando Feliz
avatar

LeviFernandes
Usuário avançado

Masculino
Inscrito dia : 03/12/2008
Mensagens : 332
Pontos Ativos : 415

Ver perfil do usuário http://gta-forum.forumeiros.com

Resolvido Re: Personalizar os widgets do fórum

Mensagem por seender em 07/05/13, 01:29 am

Olá!

Vamos por passo, para se adicionar a cor a qualquer fundo de uma div (seletor) a propriedade será esta: background-color; queres adicionar um fundo a o módulo de maneira geral? então o código será este:
Código:
[color=darkblue].module{background-color: [color=red]#FFFFFF[/color];}[/color]
Quer adicionar um fundo ao título dos widgets? o código será este:
.module .h3{background-color: #FFFFFF;}
Quer arredondar as bordas? a propriedade será esta:
Código:
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
O que for mudado nos pixels de uma, deve ser mudado em todos os outros, então para o módulo de maneira geral ficar arrendondado, o código será este:
.module{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
Vermelho -> Quantidade em pixels do arredondamento.

Para arredondar o título o código será este:
.module .h3{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
Vermelho -> Quantidade em pixels do arredondamento.

Quaisquer códigos CSS devem ser aplicados em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS

Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Personalizar os widgets do fórum

Mensagem por LeviFernandes em 07/05/13, 08:59 am

E para colocar uma imagem no fundo dos títulos dos widgets?, o rapaz a cima ele estava quase la, eu até consegui colocar a imagem no fundo dos títulos porém, a imagem não ficou arredondada.
avatar

LeviFernandes
Usuário avançado

Masculino
Inscrito dia : 03/12/2008
Mensagens : 332
Pontos Ativos : 415

Ver perfil do usuário http://gta-forum.forumeiros.com

Resolvido Re: Personalizar os widgets do fórum

Mensagem por Convidado em 07/05/13, 09:19 am

Saudações!

Senhor, tente o mesmo trocar todos o código em que lhe passei por este:
.module{
background-color: #fff !important;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid black;
}
.module .h3 {
background-color: #8B8682 !important;
}
Verde >Troque pela cor que deseja, no entanto olhe está tabela http://www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm tendo assim mais resultados.

Até. Piscada

Convidado
Convidado


Resolvido Re: Personalizar os widgets do fórum

Mensagem por LeviFernandes em 07/05/13, 09:43 am

mas eu quero olocar imagem e não cor
avatar

LeviFernandes
Usuário avançado

Masculino
Inscrito dia : 03/12/2008
Mensagens : 332
Pontos Ativos : 415

Ver perfil do usuário http://gta-forum.forumeiros.com

Resolvido Re: Personalizar os widgets do fórum

Mensagem por Convidado em 07/05/13, 09:49 am

Saudações!

Como pode ver após ter colocado a cor os cantos não arredondarão, e pela cor terá o resultado melhor, poderia me passar a imagem que está utilizando? Eu falo a imagem da barra.

Até. Piscada

Convidado
Convidado


Resolvido Re: Personalizar os widgets do fórum

Mensagem por LeviFernandes em 07/05/13, 09:59 am

na verdade eu ainda estou testando qual imagem colocar, mas com a cor não tem um modo que ocupe o fundo dos widgets completamente?
avatar

LeviFernandes
Usuário avançado

Masculino
Inscrito dia : 03/12/2008
Mensagens : 332
Pontos Ativos : 415

Ver perfil do usuário http://gta-forum.forumeiros.com

Resolvido Re: Personalizar os widgets do fórum

Mensagem por LeviFernandes em 07/05/13, 08:41 pm

up
avatar

LeviFernandes
Usuário avançado

Masculino
Inscrito dia : 03/12/2008
Mensagens : 332
Pontos Ativos : 415

Ver perfil do usuário http://gta-forum.forumeiros.com

Resolvido Re: Personalizar os widgets do fórum

Mensagem por Mr_Matrix em 08/05/13, 05:02 pm

Vá EM:

  1. "Painel de controle
  2. Modulos
  3. Widgets do fórum
  4. Escolha seu Widget que quer editar Va em..
  5. Utilizar um table type.
  6. marque a opção NAO..."

Pronto seu widgets ficará sem a bordas







Caso queira editar as barras do fundo das mensagens...





  1. "VÁ em>Painel de controle
  2. Vizualizações
  3. Gestão de imagens
  4. Modo avançado
  5. Image do fundo dos título
  6. escolha o modelo que quiser, ou copie um link de uma imagem de uma barra e cole lá.
  7. Para editar a barra do Widgets va em ...
  8. Imagem do fundo das categorias (esquerda) ou (direita), e faça a mesma coisa.
avatar

Mr_Matrix
Nível 3

Masculino
Inscrito dia : 08/05/2013
Mensagens : 20
Pontos Ativos : 43

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

Resolvido Re: Personalizar os widgets do fórum

Mensagem por LeviFernandes em 08/05/13, 06:07 pm

amigo eu quero colocar uma imagem no fundo dos titulos do widgets, eu já fiz isso só que ele fica sem bordas a imagem.
avatar

LeviFernandes
Usuário avançado

Masculino
Inscrito dia : 03/12/2008
Mensagens : 332
Pontos Ativos : 415

Ver perfil do usuário http://gta-forum.forumeiros.com

Resolvido Re: Personalizar os widgets do fórum

Mensagem por Mr_Matrix em 08/05/13, 08:40 pm


  1. VÁ em>Painel de controle
  2. Vizualizações
  3. Gestão de imagens
  4. Modo avançado
  5. Image do fundo dos título
  6. escolha o modelo que quiser, ou copie um link de uma imagem de uma barra e cole lá.
  7. Para editar a barra do Widgets va em ...
  8. Imagem do fundo das categorias (esquerda) ou (direita), e faça a mesma coisa.


Se seus widgets estiverem do lado direito editem a opção
Imagem do fundo das categorias (direita)




Resulta?
avatar

Mr_Matrix
Nível 3

Masculino
Inscrito dia : 08/05/2013
Mensagens : 20
Pontos Ativos : 43

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

Resolvido Re: Personalizar os widgets do fórum

Mensagem por Mr_Matrix em 08/05/13, 08:42 pm

Se essa opção estiver marcada como NAO, as imagens de fundo do titulo nao iram aparecer


  1. Utilizar um table type. >> NAO... ele nao ira aparecer imagem no fundo do titulo dos Widgets... Marque SIM nesta opçao.
Retire todos os codigos sugeridos pelos membros acima,..
avatar

Mr_Matrix
Nível 3

Masculino
Inscrito dia : 08/05/2013
Mensagens : 20
Pontos Ativos : 43

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

Resolvido Re: Personalizar os widgets do fórum

Mensagem por LeviFernandes em 09/05/13, 08:11 am

ok irei tentar.
avatar

LeviFernandes
Usuário avançado

Masculino
Inscrito dia : 03/12/2008
Mensagens : 332
Pontos Ativos : 415

Ver perfil do usuário http://gta-forum.forumeiros.com

Resolvido Re: Personalizar os widgets do fórum

Mensagem por LeviFernandes em 09/05/13, 12:28 pm

onde esta vesta parte ? vSe essa opção estiver marcada como NAO, as imagens de fundo do titulo nao iram aparecer


Utilizar um table type. >> NAO... ele nao ira aparecer imagem no fundo do titulo dos Widgets... Marque SIM nesta opçao.
Retire todos os codigos sugeridos pelos membros acima,..
avatar

LeviFernandes
Usuário avançado

Masculino
Inscrito dia : 03/12/2008
Mensagens : 332
Pontos Ativos : 415

Ver perfil do usuário http://gta-forum.forumeiros.com

Resolvido Re: Personalizar os widgets do fórum

Mensagem por Convidado em 09/05/13, 12:33 pm

Saudações!

Troque o código por este:
Código:
.module{
background-color: #fff !important;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid black;
}
.module .h3 {
background-color: #878787 !important;
}

Até. Piscada

Convidado
Convidado


Resolvido Re: Personalizar os widgets do fórum

Mensagem por LeviFernandes em 10/05/13, 09:16 am

/\ e onde coloco a url da imagem ? neste código a cima?
avatar

LeviFernandes
Usuário avançado

Masculino
Inscrito dia : 03/12/2008
Mensagens : 332
Pontos Ativos : 415

Ver perfil do usuário http://gta-forum.forumeiros.com

Resolvido Re: Personalizar os widgets do fórum

Mensagem por seender em 12/05/13, 07:22 pm

Olá!

Vamos por passo, para se adicionar a cor a qualquer fundo de uma div (seletor) a propriedade será esta: background-color; queres adicionar um fundo a o módulo de maneira geral? então o código será este:
.module{background-color: #FFFFFF;}
Quer adicionar um fundo ao título dos widgets? o código será este:
.module .h3{background-color: #FFFFFF;}
Quer arredondar as bordas? a propriedade será esta:
Código:
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
O que for mudado nos pixels de uma, deve ser mudado em todos os outros, então para o módulo de maneira geral ficar arrendondado, o código será este:
.module{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
Vermelho -> Quantidade em pixels do arredondamento.

Para arredondar o título o código será este:
.module .h3{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
Vermelho -> Quantidade em pixels do arredondamento.

Para Aplicar uma imagem de fundo no título dos widgets terá de utilizar estes códigos:
.module .h3{background-image:url(Endereço);background-repeat:repeat-x;}
Vermelho -> Endereço da imagem;
Laranja -> X = Repetição da imagem na horizontal. Y = Repetição da imagem na vertical, ou se não quiser repeti-la, troque o código depois de : e antes de ; por no-repeat.

Para Aplicar uma imagem de fundo nos widgets terá de utilizar estes códigos:
.module{background-image:url(Endereço);background-repeat:repeat-x;}
Vermelho -> Endereço da imagem;
Laranja -> X = Repetição da imagem na horizontal. Y = Repetição da imagem na
vertical, ou se não quiser repeti-la, troque o código depois de : e
antes de ; por no-repeat.

Quaisquer códigos CSS devem ser aplicados em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS

Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Personalizar os widgets do fórum

Mensagem por LeviFernandes em 13/05/13, 09:35 am

muito boa a excplicação /\ me ajudou bastante.
Minha dúvida é, como que coloco uma imagem no fundo? e não cor.
avatar

LeviFernandes
Usuário avançado

Masculino
Inscrito dia : 03/12/2008
Mensagens : 332
Pontos Ativos : 415

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