Release Dreams

Blockquote com listinhas numeradas

Oi ^^ Hoje vou ensinar a fazer um blockquote de listinhas numeradas como esse :

Sou o que quero ser, porque possuo apenas uma vida e nela só tenho uma chance de fazer o que quero.
Tenho felicidade o bastante para fazê-la doce dificuldades para fazê-la forte,
Tristeza para fazê-la humana e esperança suficiente para fazê-la feliz.
As pessoas mais felizes não tem as melhores coisas,
elas sabem fazer o melhor das oportunidades que aparecem em seus caminhos. Clarice Lispector

Ei gente, sabe este mapa de site que eu uso nesta pagina? (clique para ver) Irei ensinar para vocês como faz :P

Vá na parte de HTML da postagem ou da pagina :

E cole o código :

<script src="http://dl.dropbox.com/u/3173073/GothicDarkness/indice-arquivo.js">
</script>
<script src="LINK DO SEU BLOG/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>

Efeito "equipe"

Hoje vou ensinar a vocês a fazer o estilo dos afiliados ali no gagdet ao lado, eu aprendi com a Chassy então creditos a ela ok ? ^^

Vá em Design > Editar HTML > E antes do código : ]]>
cole o código abaixo:

.equipe {
-webkit-transition: all 1.0s linear;-webkit-transition: all 1.0s linear;-moz-transition: all 1.0s linear;transition: all 1.0s linear; /* Efeito fade */
-webkit-box-shadow: 0 0 .3em #000000; /* Sombra */
filter:alpha(opacity=65); /* Opacidade */
-moz-opacity:0.65;
opacity:0.65;
cursor: crosshair; /* Cursor */
}
.equipe:hover {
-webkit-box-shadow: 0 0 .3em #000000; /* Sombra */
-webkit-transition: all 1.0s linear;-webkit-transition: all 1.0s linear;-moz-transition: all 1.0s linear;transition: all 1.0s linear; /* Efeito fade */
-webkit-border-radius: 72px; /* Bordas arredondadas */
-moz-border-radius: 72px;
border-radius: 72px;
filter:alpha(opacity=100); /* Opacidade */
-moz-opacity:1.0;
opacity:1.0;
cursor: crosshair; /* Cursor */
}

Adicione um novo gadget de HTML/Javascript e nele coloque o seguinte código:

Clique aqui e pegue o código !

Centraliar Título dos Gadgets

Editar HTML e procure por : /* headings Mais abaixo, você irá achar : .sidebar .widget h2 {

Depois do { acrescente : text-align: center;

Simples né ? (: