Violet Girl | Moda, beleza, música e muito mais!

terça-feira, 10 de abril de 2012

2 Tutorial: Centralizar título das postagens

Faça o seguinte:
1. Vá em Design (Interface antiga) > Editar HTML

ou em Modelo (Interface nova) > Editar HTML > Prosseguir

2. Aperte Ctrl + F e localize este código:

/* Posts
----------------------------------------------- */

3. Agora cole logo abaixo:

.post h3 {
text-align:center;
}

sexta-feira, 24 de fevereiro de 2012

7 Tutorial: Como separar gadgets e colocar cor de fundo

1. Vá em Editar HTML > Ctrl+F > procure por:

/* Widgets

2. Vai aparecer assim:

/* Widgets
----------------------------------------------- */
.sidebar .widget {
border-bottom: 2px solid $(widget.border.bevel.color);
padding-bottom: 10px;
margin: 10px 0;
}

3. Na linha abaixo de "margin: 10px 0; " e antes de "}", cole o seguinte código:

background-color: #COR-HTML;

Tabela de cores, clique aqui!

Vai ficar assim:

/* Widgets
----------------------------------------------- */
.sidebar .widget {
border-bottom: 2px solid $(widget.border.bevel.color);
padding-bottom: 10px;
margin: 10px 0;
background-color: #COR-HTML;
}

sábado, 14 de janeiro de 2012

2 Tutorial: Retirar navbar do blog sem deixar espaço

1. Vá em Editar HTML.
2. Procure por: <body class='loading'>
3.Acima desta tag, cole isso:

<script type='text/javascript'>
<![CDATA[

]]>
</script>


4. Aceite a exclusão do widget e salve.

0 Tutorial: Barras Arredondadas no blog

Para barras laterais:

Primeiro, vá em Design e depois em Editar HTML.

Aperte Ctrl+F e procure por:

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {

Se for para arredondar a barra da direita.

Agoooora, se for para a barra da esquerda, procure:

.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {

Cole abaixo, de uma dessas tags, isso:

Para Firefox:

-moz-border-radius: 10px;

Para Chrome:

-webkit-border-radius: 10px;

Se tiver tudo certo, salve.

Para a página de postagens:

Primeiro vá em Design, e depois em Editar HTML.