Tutorial \õ/

Hello *-*

Trago um tutorial, na verdade dois que estava procurando a tempos e já que finalmente achei, quero compartilha-los com vocês. Ainda não os uso nesse Layout, mas brevemente estarei usando aqui no BSMP.

Os tutoriais são: Deixando o rodapé Transparente e Colocando área de créditos no rodapé, se não sabe o que é rodapé, não se preocupe, pois vou explicar a vocês >.< 

Imagem do rodapé U.U

Já sabem o que é um rodapé? Então vamos ao tutorial - risos.

Tuto 1 - Deixando o rodapé Transparente:

Vá em seu HTML de um CTRL F e na caixa de pesquisa procure por:

.footer-inner {

Ao encontra, você verá algo semelhante a isto:

.footer-inner {
background: transparent $(footer.background.gradient) repeat scroll top center;
}

Apague todo o trecho mostrado acima, em seguida  visualize, tudo certo? Então salve!

Código por: ♥

Tuto 2 - Colocando área de créditos no rodapé:

O resultado final vai depender de como você irá personalizar as cores, mas trago uma Preview para vocês terem uma base de como fica.

No seu HTML dê um CTRL F e pesquise por:

]]></b:skin>

Acima da Tag encontrada, cole o seguinte código:

#footer-wrapper {
background:  #efe4d6 ; /*** cor do fundo ***/
background-repeat: no-repeat;
z-index: 1000;
height: 20px; /*** Altura da barra ***/
clear: both;
font-size: 90%; /*** tamanho da fonte ***/
color: #fff; /*** cor da fonte ***/
text-align: center; /*** alinhamento da fonte ***/
padding: 5px;
}

Modifique as partes destacadas em vermelho pelas cores que deseja usando a tabela de cores (clica).

Agora pesquise por: </body> e quando acha-lo cole acima dele o código a seguir:

<div id='footer-wrapper'>Escreva aqui os créditos do blog</div>

Onde está escrito : Escreva aqui os créditos do blog você apaga e escreve seu texto, depois é só visualizar e salvar.

Códigos por: ♥

Abraços♥