Personalizar os widgets do fórum

4 participantes

Ir para baixo

Tópico resolvido Personalizar os widgets do fórum

Mensagem por LeviFernandes 06.05.13 14:12

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

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 17:30, editado 1 vez(es)
LeviFernandes
LeviFernandes
****

Membro desde : 03/12/2008
Mensagens : 332
Pontos : 415

http://gta-forum.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os widgets do fórum

Mensagem por Jose Hamizaki 06.05.13 14:26

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 !
Jose Hamizaki
Jose Hamizaki
Super Membro

Membro desde : 26/02/2012
Mensagens : 1050
Pontos : 1540

http://pokemonforver.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os widgets do fórum

Mensagem por LeviFernandes 06.05.13 14:38

infelizmente não deu amigo :S
LeviFernandes
LeviFernandes
****

Membro desde : 03/12/2008
Mensagens : 332
Pontos : 415

http://gta-forum.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os widgets do fórum

Mensagem por Convidado 06.05.13 15:12

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


Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os widgets do fórum

Mensagem por LeviFernandes 06.05.13 15:20

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

Membro desde : 03/12/2008
Mensagens : 332
Pontos : 415

http://gta-forum.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os widgets do fórum

Mensagem por LeviFernandes 06.05.13 15:23

também infelizmente não deu certo
LeviFernandes
LeviFernandes
****

Membro desde : 03/12/2008
Mensagens : 332
Pontos : 415

http://gta-forum.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os widgets do fórum

Mensagem por Convidado 06.05.13 15:24

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


Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os widgets do fórum

Mensagem por LeviFernandes 06.05.13 15:35

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

Membro desde : 03/12/2008
Mensagens : 332
Pontos : 415

http://gta-forum.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os widgets do fórum

Mensagem por LeviFernandes 06.05.13 15:41

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?
LeviFernandes
LeviFernandes
****

Membro desde : 03/12/2008
Mensagens : 332
Pontos : 415

http://gta-forum.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os widgets do fórum

Mensagem por Convidado 06.05.13 15:44

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


Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os widgets do fórum

Mensagem por LeviFernandes 06.05.13 15:50

quase amigo, quase deu certo
Personalizar os widgets do fórum Sem_ta14

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

Membro desde : 03/12/2008
Mensagens : 332
Pontos : 415

http://gta-forum.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os widgets do fórum

Mensagem por Convidado 06.05.13 15:55

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


Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os widgets do fórum

Mensagem por LeviFernandes 06.05.13 15:59

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
Personalizar os widgets do fórum Sem_ta15
LeviFernandes
LeviFernandes
****

Membro desde : 03/12/2008
Mensagens : 332
Pontos : 415

http://gta-forum.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os widgets do fórum

Mensagem por Convidado 06.05.13 16:03

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


Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os widgets do fórum

Mensagem por LeviFernandes 06.05.13 16:39

sem efeito rs, aconteceu nada
LeviFernandes
LeviFernandes
****

Membro desde : 03/12/2008
Mensagens : 332
Pontos : 415

http://gta-forum.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os widgets do fórum

Mensagem por LeviFernandes 07.05.13 2:20

aguardando Feliz
LeviFernandes
LeviFernandes
****

Membro desde : 03/12/2008
Mensagens : 332
Pontos : 415

http://gta-forum.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os widgets do fórum

Mensagem por seender 07.05.13 5:29

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
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os widgets do fórum

Mensagem por LeviFernandes 07.05.13 12:59

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.
LeviFernandes
LeviFernandes
****

Membro desde : 03/12/2008
Mensagens : 332
Pontos : 415

http://gta-forum.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os widgets do fórum

Mensagem por Convidado 07.05.13 13:19

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


Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os widgets do fórum

Mensagem por LeviFernandes 07.05.13 13:43

mas eu quero olocar imagem e não cor
LeviFernandes
LeviFernandes
****

Membro desde : 03/12/2008
Mensagens : 332
Pontos : 415

http://gta-forum.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os widgets do fórum

Mensagem por Convidado 07.05.13 13:49

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


Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os widgets do fórum

Mensagem por LeviFernandes 07.05.13 13:59

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?
LeviFernandes
LeviFernandes
****

Membro desde : 03/12/2008
Mensagens : 332
Pontos : 415

http://gta-forum.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os widgets do fórum

Mensagem por LeviFernandes 08.05.13 0:41

up
LeviFernandes
LeviFernandes
****

Membro desde : 03/12/2008
Mensagens : 332
Pontos : 415

http://gta-forum.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os widgets do fórum

Mensagem por Mr_Matrix 08.05.13 21:02

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.
Mr_Matrix
Mr_Matrix
Novo Membro

Membro desde : 08/05/2013
Mensagens : 20
Pontos : 43

http://thudexcheatsbrasil.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os widgets do fórum

Mensagem por LeviFernandes 08.05.13 22:07

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

Membro desde : 03/12/2008
Mensagens : 332
Pontos : 415

http://gta-forum.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os widgets do fórum

Mensagem por Mr_Matrix 09.05.13 0:40


  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?
Mr_Matrix
Mr_Matrix
Novo Membro

Membro desde : 08/05/2013
Mensagens : 20
Pontos : 43

http://thudexcheatsbrasil.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os widgets do fórum

Mensagem por Mr_Matrix 09.05.13 0:42

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,..
Mr_Matrix
Mr_Matrix
Novo Membro

Membro desde : 08/05/2013
Mensagens : 20
Pontos : 43

http://thudexcheatsbrasil.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os widgets do fórum

Mensagem por LeviFernandes 09.05.13 12:11

ok irei tentar.
LeviFernandes
LeviFernandes
****

Membro desde : 03/12/2008
Mensagens : 332
Pontos : 415

http://gta-forum.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os widgets do fórum

Mensagem por LeviFernandes 09.05.13 16:28

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,..
LeviFernandes
LeviFernandes
****

Membro desde : 03/12/2008
Mensagens : 332
Pontos : 415

http://gta-forum.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os widgets do fórum

Mensagem por Convidado 09.05.13 16:33

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


Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os widgets do fórum

Mensagem por LeviFernandes 10.05.13 13:16

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

Membro desde : 03/12/2008
Mensagens : 332
Pontos : 415

http://gta-forum.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os widgets do fórum

Mensagem por seender 12.05.13 23:22

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
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os widgets do fórum

Mensagem por LeviFernandes 13.05.13 13:35

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

Membro desde : 03/12/2008
Mensagens : 332
Pontos : 415

http://gta-forum.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos