Destacar Áreas do Post
Como meu primeiro tutorial aqui no blog, vou mostrar como destacar algumas áreas de um post. Isso é relativamente fácil porque não exige muito conhecimento em CSS e é muito rápido pois precisa apenas de algumas modificações no código ele estará pronto para ser usado. Veja o exemplo:
Código sem destaque. |
Código destacado.
|
Dependendo do seu conhecimento sobre CSS (ou da sua vontade de procurar no Google ;D), você pode modificar o CSS e criar coisas incríveis. O código de base é:
- .highlight {
- margin: 0px;
- padding: 5px;
- background-color: lightyellow;
- border: 1px solid yellow;
- }
- Margin é a distância em pixels do conteúdo com os outros elementos;
- Padding se refere à distância em pixels do conteúdo com a borda;
- Background-color é a cor do fundo;
- Border modifica a borda da caixa (espessura, tipo e cor).
Sinta-se livre para modificar o código e depois, inseri-lo no código HTML do seu blog (Templates > Editar HTML) antes da tag
.
Enjoy it!
Muito Bom este Post..
ResponderExcluirAjudouu muito!!