Personalizar os widgets do fórum
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Personalizar os widgets do fórum
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](https://i.servimg.com/u/f81/13/32/75/45/sem_ta13.png)
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
É possível aterar o fundo dos menus do widgets igual a do fórum?
![Personalizar os widgets do fórum Sem_ta13](https://i.servimg.com/u/f81/13/32/75/45/sem_ta13.png)
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)
Re: Personalizar os widgets do fórum
Tente este codigo:
#cor-A cor que deseja, podendo sempre modificá-la, tem que estar em hexadecimal a cor !
- 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 !
Re: Personalizar os widgets do fórum
Saudações!
Acenda sua "Folha de estilo CSS":
Se acaso quiser adicionar uma cor, ao em vez de url da imagem, procure no código em que lhe passei, este:
e Validar.
Até.![Piscada](/users/2612/28/77/07/smiles/426228.gif)
Acenda sua "Folha de estilo CSS":
Verde > Mude para valor que pede, ou seja, vai mudar a barra que o senhor deseja..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;
}
Se acaso quiser adicionar uma cor, ao em vez de url da imagem, procure no código em que lhe passei, este:
E troque por estebackground: url(AQUI A URL DA IMAGEM) -1px 0px !important;
Verde > Troque pela cor que desejar.background-color: #COR -1px 0px !important;
e Validar.
Até.
![Piscada](/users/2612/28/77/07/smiles/426228.gif)
Convidado- Convidado
Re: Personalizar os widgets do fórum
Se eu deixar url da imagem eu posso colocar uma imagem no lugar da cor?
Re: Personalizar os widgets do fórum
Saudações!LeviFernandes escreveu:Se eu deixar url da imagem eu posso colocar uma imagem no lugar da cor?
Claro senhor, eu só coloque como colocar cor vai que o senhor quisesse cor, ao em vez de url da imagem.
Até.
![Piscada](/users/2612/28/77/07/smiles/426228.gif)
Convidado- Convidado
Re: Personalizar os widgets do fórum
colocando imagem deu certo, porém ele tira a borda do fundo do widget, e colocando cor não deu certo
Re: Personalizar os widgets do fórum
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?
Re: Personalizar os widgets do fórum
Saudações!
Adicione este código juntamente com o que passei:
Até.![Piscada](/users/2612/28/77/07/smiles/426228.gif)
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](/users/2612/28/77/07/smiles/426228.gif)
Convidado- Convidado
Re: Personalizar os widgets do fórum
Saudações!
Troque o código por este:
Até.![Piscada](/users/2612/28/77/07/smiles/426228.gif)
Troque o código por este:
Verde > Mude para valor que pede, ou seja, vai mudar a barra que o senhor deseja..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;
}
Até.
![Piscada](/users/2612/28/77/07/smiles/426228.gif)
Convidado- Convidado
Re: Personalizar os widgets do fórum
Saudações!
Troque por este:
Até.![Piscada](/users/2612/28/77/07/smiles/426228.gif)
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](/users/2612/28/77/07/smiles/426228.gif)
Convidado- Convidado
Re: Personalizar os widgets do fórum
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:
Para arredondar o título o código será este:
Quaisquer códigos CSS devem ser aplicados em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS
Melhores cumprimentos,
seender
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 arredondar as bordas? a propriedade será esta:.module .h3{background-color: #FFFFFF;}
- Código:
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
Vermelho -> Quantidade em pixels do arredondamento..module{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
Para arredondar o título o código será este:
Vermelho -> Quantidade em pixels do arredondamento..module .h3{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
Quaisquer códigos CSS devem ser aplicados em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS
Melhores cumprimentos,
seender
Re: Personalizar os widgets do fórum
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.
Re: Personalizar os widgets do fórum
Saudações!
Senhor, tente o mesmo trocar todos o código em que lhe passei por este:
Até.![Piscada](/users/2612/28/77/07/smiles/426228.gif)
Senhor, tente o mesmo trocar todos o código em que lhe passei por este:
Verde >Troque pela cor que deseja, no entanto olhe está tabela http://www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm tendo assim mais resultados..module{
background-color: #fff !important;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid black;
}
.module .h3 {
background-color: #8B8682 !important;
}
Até.
![Piscada](/users/2612/28/77/07/smiles/426228.gif)
Convidado- Convidado
Re: Personalizar os widgets do fórum
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](/users/2612/28/77/07/smiles/426228.gif)
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](/users/2612/28/77/07/smiles/426228.gif)
Convidado- Convidado
Re: Personalizar os widgets do fórum
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?
Re: Personalizar os widgets do fórum
Vá EM: |
|
Pronto seu widgets ficará sem a bordas
Caso queira editar as barras do fundo das mensagens... |
|
Re: Personalizar os widgets do fórum
amigo eu quero colocar uma imagem no fundo dos titulos do widgets, eu já fiz isso só que ele fica sem bordas a imagem.
Re: Personalizar os widgets do fórum
- VÁ em>Painel de controle
- Vizualizações
- Gestão de imagens
- Modo avançado
- Image do fundo dos título
- escolha o modelo que quiser, ou copie um link de uma imagem de uma barra e cole lá.
- Para editar a barra do Widgets va em ...
- 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?
Re: Personalizar os widgets do fórum
Se 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.
Re: Personalizar os widgets do fórum
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,..
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,..
Re: Personalizar os widgets do fórum
Saudações!
Troque o código por este:
Até.![Piscada](/users/2612/28/77/07/smiles/426228.gif)
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](/users/2612/28/77/07/smiles/426228.gif)
Convidado- Convidado
Re: Personalizar os widgets do fórum
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:
Para arredondar o título o código será este:
Para Aplicar uma imagem de fundo no título dos widgets terá de utilizar estes códigos:
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:
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
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:
Quer adicionar um fundo ao título dos widgets? o código será este:.module{background-color: #FFFFFF;}
Quer arredondar as bordas? a propriedade será esta:.module .h3{background-color: #FFFFFF;}
- Código:
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
Vermelho -> Quantidade em pixels do arredondamento..module{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
Para arredondar o título o código será este:
Vermelho -> Quantidade em pixels do arredondamento..module .h3{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
Para Aplicar uma imagem de fundo no título dos widgets terá de utilizar estes códigos:
Vermelho -> Endereço da imagem;.module .h3{background-image:url(Endereço);background-repeat:repeat-x;}
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:
Vermelho -> Endereço da imagem;.module{background-image:url(Endereço);background-repeat:repeat-x;}
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
Re: Personalizar os widgets do fórum
muito boa a excplicação /\ me ajudou bastante.
Minha dúvida é, como que coloco uma imagem no fundo? e não cor.
Minha dúvida é, como que coloco uma imagem no fundo? e não cor.
![-](https://2img.net/i/fa/fdf3/moins10.png)
» Personalizar os widgets do fórum
» Personalizar borda dos widgets do fórum
» Personalizar Widgets do fórum
» Personalizar os widgets do fórum
» Personalizar widgets do fórum
» Personalizar borda dos widgets do fórum
» Personalizar Widgets do fórum
» Personalizar os widgets do fórum
» Personalizar widgets do fórum
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos