Que diabos é Xml? CSS no Novo Blogger como fica?
Date: Sábado, Novembro 15th, 2008 at 11:44 am
Resumidamente, os templates do Novo Blogger começa com a tag: <?xml version=”1.0″ encoding=”UTF-8″ ?>. Logo em seguida, o CSS do tema (Style CSS ou Estilo CSS) começa com a tag <b:skin>, ou seja, tudo que você precisar alterar ou adicionar no seu tema, na parte do CSS, que será mostrada/visualizada quando carregar o navegador, você deve copiar e colar após essa tag, senão, ao carregar a página, nada será visto. Após a tag b:skin, vem a seção que tem as variáveis do seu tema ou <![CDATA[/*, essas variáveis determninam a cor do background, da borda, do texto que vai no cabeçalho, das colunas, do cabeçalho, dos links, dos links visitados, da fonte (cor, tamanho, tipo, etc), etc.
Logo após segue-se a seção body {, que contém os dados de imagens do background, como texto, cor, se a imagem de fundo repete ou não, etc. Já a seção Outer Wrapper é referente ao ‘container’ do blog, digamos, é ela que contém as medidas do seu tema, as medidas das margens, a cor do back, as cores e efeitos dos links. A outra seção que segue é a do Header (Cabeçalho), assim, tudo que diga respeito a ele será determinado pelas tags Header Wrapper e header. Em seguida a seção Content, onde ficam os dados que determinam o centro do blog (main) e as colunas (sidebars), respectivas cores e medidas. Seguem-se pela ordem, a seção dos posts e dos comments. Depois, a seção da Sidebar content, é o conteúdo da sidebar, as cores dos títulos, as imagens que ficam por baixo deles, bem como tudo que pode ser colocado nesse setor, geralmente o profile (perfil vai aqui). Por fim, termina-se a página CSS com a seção do Footer (rodapé), com suas medidas, cores, se tem alguma imagem, etc. Assim, a seção da Style CSS acaba com as seguintes tags de fechamento: ]]></b:skin> e </head>. Ou seja, tudo que você precisar adicionar no Estilo do seu tema, deve ser copiado e colado acima dessas duas tags, e, se o código estiver correto, você visualizará as mudanças no template.
Bom, sobre CSS no novo Blogger, era isso (de forma bem simples) que eu tinha prá falar, essa explicação serve mais como uma idéia geral desse assunto.
Logo após segue-se a seção body {, que contém os dados de imagens do background, como texto, cor, se a imagem de fundo repete ou não, etc. Já a seção Outer Wrapper é referente ao ‘container’ do blog, digamos, é ela que contém as medidas do seu tema, as medidas das margens, a cor do back, as cores e efeitos dos links. A outra seção que segue é a do Header (Cabeçalho), assim, tudo que diga respeito a ele será determinado pelas tags Header Wrapper e header. Em seguida a seção Content, onde ficam os dados que determinam o centro do blog (main) e as colunas (sidebars), respectivas cores e medidas. Seguem-se pela ordem, a seção dos posts e dos comments. Depois, a seção da Sidebar content, é o conteúdo da sidebar, as cores dos títulos, as imagens que ficam por baixo deles, bem como tudo que pode ser colocado nesse setor, geralmente o profile (perfil vai aqui). Por fim, termina-se a página CSS com a seção do Footer (rodapé), com suas medidas, cores, se tem alguma imagem, etc. Assim, a seção da Style CSS acaba com as seguintes tags de fechamento: ]]></b:skin> e </head>. Ou seja, tudo que você precisar adicionar no Estilo do seu tema, deve ser copiado e colado acima dessas duas tags, e, se o código estiver correto, você visualizará as mudanças no template.
Bom, sobre CSS no novo Blogger, era isso (de forma bem simples) que eu tinha prá falar, essa explicação serve mais como uma idéia geral desse assunto.
Powered by ScribeFire.
