Saltar para: Post [1], Pesquisa e Arquivos [2]

Ajuda

O blog de ajuda do SAPO Blogs AO

Ajuda

O blog de ajuda do SAPO Blogs AO

Editor de CSS

O que é CSS?

Para explicar o que é CSS, ajuda pensar no seu blog como um bolo de três camadas:

1. a base do blog é feita dos seus textos e imagens - são o conteúdo;

2. a segunda camada é o HTML, que assinala e delimita cada conteúdo (onde acaba o cabeçalho e começa um post, por exemplo) - é a estrutura;

3. e, finalmente, o CSS é a forma do bolo, por definir, entre outras coisas, a cor de fundo da página e o tipo de letra dos textos - é a apresentação.

 

Ou seja, o CSS é uma linguagem que define como um conteúdo deve ser apresentado ao nível das cores, tipos e tamanhos de letra, imagens de fundo, entre muitos outros aspetos. A grande maioria dos websites modernos é feita usando CSS, sem a qual seriam apenas páginas com texto e imagens corridas, sem muito apelo.

 

O que posso fazer com CSS no SAPO Blogs?

Todos os templates do SAPO Blogs são feitos usando HTML e CSS. Já vimos que o HTML define a estrutura da página (por exemplo: um cabeçalho, duas colunas com conteúdos e um rodapé), ao passo que o CSS define como cada elemento do HTML deve ser apresentado. Isto significa que a mesma estrutura de HTML pode ser apresentada de mil e uma maneiras diferentes usando CSS.

É por isso que criámos uma área onde é possível acrescentar e editar definições de CSS aos nossos templates. As estruturas dos nossos templates são apenas o ponto de partida para quem quer aventurar-se em CSS.

 

Para que serve a CSS Personalizada?

Imagine que pretende capitalizar todos os títulos dos seus posts (algo que não recomendamos fazer, pois texto em maiúsculas perde legibilidade e dá a sensação de estar a ser "gritado"). Capitalizar os títulos não é uma opção disponível na página Personalização da área de gestão.

Pode, todavia, acrescentar uma definição de CSS ao código do blog, para aplicar esse efeito. É para isso que serve a CSS Personalizada, para que possa acrescentar algumas definições ou atributos que não existem na página Personalização.

Pode aceder à CSS Personalizada no menu Template, na página CSS.

 

Recomendações

- Não confunda CSS com HTML. Se pretende acrescentar um código ou script de HTML/Javascript à página do blog, recorra aos Componentes e Widgets, na página Layout.

- Tenha cuidado ao acrescentar definições de CSS: basta uma chaveta em falta para potencialmente desformatar a página do blog. Se isso acontecer, remova a definição que acrescentou e certifique-se de que está tudo bem no CSS.

- Não ative o Editor de CSS, a menos que não queira usar a página Personalização. O Editor de CSS apresenta todas as definições de CSS que constroem o template do seu blog. Importante: ao ativar o Editor de CSS deixa de poder alterar as cores, tamanhos e tipos de letra na página Personalização.

 

Onde está o Editor de CSS?

O Editor de CSS pode ser ativado a partir da página CSS, no menu Template.

Pesquisar

 

Subscrever por e-mail

A subscrição é anónima e gera, no máximo, um e-mail por dia.

Arquivo

  1. 2020
  2. J
  3. F
  4. M
  5. A
  6. M
  7. J
  8. J
  9. A
  10. S
  11. O
  12. N
  13. D
  14. 2019
  15. J
  16. F
  17. M
  18. A
  19. M
  20. J
  21. J
  22. A
  23. S
  24. O
  25. N
  26. D
  27. 2018
  28. J
  29. F
  30. M
  31. A
  32. M
  33. J
  34. J
  35. A
  36. S
  37. O
  38. N
  39. D
  40. 2017
  41. J
  42. F
  43. M
  44. A
  45. M
  46. J
  47. J
  48. A
  49. S
  50. O
  51. N
  52. D
  53. 2016
  54. J
  55. F
  56. M
  57. A
  58. M
  59. J
  60. J
  61. A
  62. S
  63. O
  64. N
  65. D
  66. 2015
  67. J
  68. F
  69. M
  70. A
  71. M
  72. J
  73. J
  74. A
  75. S
  76. O
  77. N
  78. D
  79. 2014
  80. J
  81. F
  82. M
  83. A
  84. M
  85. J
  86. J
  87. A
  88. S
  89. O
  90. N
  91. D