[TUTORIAL] Legenda elegante
Página 1 de 1
[TUTORIAL] Legenda elegante
![]() | Legenda Elegante |
--> Tutorial <--
Legenda Elegante
Legenda Elegante
1º - Teremos de aceder à "Folha de estilo CSS":
Para que possamos personalizar a área "Picture Legenda" é necessário adicionar códigos CSS para criarmos o efeito desejado. Sendo assim teremos de aceder a:
Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS
2º - Código:
#picture_legend {
background-position: center;
background-repeat: no-repeat;
background: url(URL da imagem escolhida) no-repeat 50% 0;
}
Vermelho
![:seta2:](/users/2612/28/77/07/smiles/2600108917.png)
3º - Vejamos um exemplo:
Veremos como irá ficar o nosso código depois de estar pronto e também poderemos ver como ficará bonito no nosso fórum.
Código:
Resultado:#picture_legend {
background-position: center;
background-repeat: no-repeat;
background: url(https://2img.net/h/oi34.tinypic.com/b80g87.png) no-repeat 50% 0;
padding: 24px 0;}
--> FAQ do Tutorial <--
Legenda Elegante
Legenda Elegante
- Este código é para todas as versões?
Não! Infelizmente este código só resulta na versão PhpBB3.
© Fórum dos Fóruns
![]() | Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Legenda Elegante |
Convidad- Convidado
![-](https://2img.net/i/empty.gif)
» Legenda elegante
» [TUTORIAL] Personalizar a legenda
» [TUTORIAL] Personalização da legenda dos grupos
» [TUTORIAL] Substituir nome do grupo por imagem na legenda
» Inbox list elegante
» [TUTORIAL] Personalizar a legenda
» [TUTORIAL] Personalização da legenda dos grupos
» [TUTORIAL] Substituir nome do grupo por imagem na legenda
» Inbox list elegante
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos