Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
[TUTORIAL] Fundo dos widgets
Página 1 de 1
[TUTORIAL] Fundo dos widgets
Fundo dos widgets |
--> Tutoriais e astúcias <--
Colocar fundo em widgets
Colocar fundo em widgets
1º - Elaborar o código CSS:
Para nossa sorte, o código não varia para as versões, todas usam as mesmas propriedades. Somente em fóruns PhpBB 2 não será possível utilizar este tutorial, devido às classes e às estruturas utilizadas pela versão. Tal modificação somente será possível depois de uma alteração no template, que será mostrada no ponto três.
O código será:
Vermelho -> Esta propriedade, é das principais, pois ela permitirá adicionar a imagem pretendida para que se possa ter uma imagem de fundo..module .box-content, .module, .module .main-content {
background-image: url('Endereco_da_imagem') !important;
background-repeat: repeat-x !important;
background-position: center top !important;
background-color: #FFFFFF !important;
}
Verde -> Definirá se haverá repetição da imagem ou não (no-repeat), podendo esta repetição fazer-se somente na horizontal (repeat-x), na vertical (repeat-y) ou também nos dois planos (repeat).
Laranja -> Para definir a posição da imagem, se no topo (top), em baixo (bottom), à esquerda (left), à direita (right) ao centro (center), ou então por definição de valores em percentagem (%) ou em pixels (px). Atenção pois quando é utilizado palavras deve a primeiras variar entre top/center/bottom e a segunda entre left/center/right.
Preto -> Nesta propriedade apenas teremos de adicionar o código hexadecimal de uma cor, existe outros tipos, mas para não complicar, analisaremos desta forma.
2º - Adicionar o código CSS à folha de Estilos;
Para que possamos personalizar os objetos do nosso Blog, é necessário adicionar códigos CSS para criarmos o efeito desejado, sendo assim, teremos de aceder à:
Administração ->> Multiblog ->> Tema personalizado ->> Edição expert
3º - Resultado por meio de uma imagem:
Resultado será uma imagem que foi adicionada para mostrar como fundo. Como pode ver acima, o fundo foi adicionado, mais está imagem não é de um Widget do Blog. Por isso, essa é um ação Reversível, caso a imagem que colocou não ficou como você queria, então poderá alterar no código, mais caso não queira a imagem apenas delete o código da folha de estilo.
© Suporte Criarumblog
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Adicionar fundo em Widgets |
Tópicos semelhantes
» Como remover imagens de fundo de categoria e widgets e por fundo branco?
» [TUTORIAL] Slides em widgets
» [TUTORIAL] Multiplicar os widgets de novidades
» [TUTORIAL] Colorir o título dos widgets
» Problema no tutorial de ocultar widgets
» [TUTORIAL] Slides em widgets
» [TUTORIAL] Multiplicar os widgets de novidades
» [TUTORIAL] Colorir o título dos widgets
» Problema no tutorial de ocultar widgets
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos