Como fazer uma bloquote

    Olá, tudo bem?

    Reparei agora em duas coisas, a primeira é que não faço um tutorial há muito tempo, e eu gostava de encher a página dos Goodies. A segunda coisa é que o Pugs Generation já não muda de layout há 1 mês! Estou a pensar seriamente em mudar o layout, mas eu não tenho coragem pois este foi o meu melhor...

    Deixando de falar sobre mim e os meus problemas, decidi postar um tutorial: Como fazer uma bloquote.

    Nota: A bloquote foi feita por mim ^-^. Se utilizarem, coloquem os respectivos créditos.

    Atenção: Testado apenas em template Travel.

    Vai ao HTML > Faz Ctrl + F dentro da caixa e pesquisa por  ]]></b:skin>
    Acima da tag coloca o código abaixo:

blockquote  {
border-left: 8px solid #FF4193; /* cor da borda esquerda sem o mouse por cima*/
border-right: 8px solid #FF4193; /* cor da borda direita sem o mouse por cima*/
background-color: #fffdf9; /* fundo do blockquote */
padding: 10px; /* grossura da borda */
font-size: 11px; /* tamanho da letra */
color: #383838; /* cor da letra */
text-align: center; /* alinhamento do texto */
box-shadow: inset 0 0 12px #ecebeb, 0 0 5px #bebebe; /* cor da sombra que fica ao redor */
-webkit-transition-duration: .55s;
}
blockquote:hover {
border-left: 12px solid #65beff; /* cor da borda esquerda quando passa o mouse */
border-right: 12px solid #65beff; /* cor da borda direita quando passa o mouse */
background-color: #fffdf9; /* fundo do blockquote */
padding: 10px;
font-size: 11px; /* tamanho da letra */
color: #383838; /* cor da letra */
text-align: center; /* alinhamento do texto */
box-shadow: inset 0 0 19px #ecebeb, 0 0 19px #bebebe; /* cor da sombra que fica ao redor */
-webkit-transition-duration: 1.55s;
} 

    Faz as alterações necessárias, nomeadamente as cores, que já estão a negrito. Podes usar esta tabela para ajudar na selecção.
    Para quem usa Google Chrome, aconselho a usar a aplicação Chroma, disponível na Web Store do Chrome.

    Visualiza e, se estiver tudo certinho, Salva!

    Espero que tenham gostado!

Fundos para o Blog

    Olá fofos!

    Eu alterei a página dos Goodies, vejam se gostaram! 

    Vou fazer um post de utilitário, portanto é rápido. Vão ser fundos super fofos para qualquer tipo de blog. Alguns são cinzentos e outros coloridos.

    Confiram e se utilizarem, Creditem :

          

          

          

          

     

    Acho que já são suficientes.

    Bye-Bye !!

Tutorial: Como retirar a folha do template Travel?

*post agendado*

    Olá, tudo bem?
    Hoje vou postar um tutorial, há quanto tempo não posto um, não?
    Este vai ser um post rápido, muito poucas palavras, mas o mesmo conteúdo '-'.
    Muita gente recomenda usar o template Travel, mas muitos não sabem como tirar aquela folha horrível de trás:

    Para a retirar, vais mexer em HTML. Por isso, vai até lá. ( Modelo / Editar HTML)

    Clica dentro da caixa de HTML e faz Ctrl + F. 

    Nessa caixinha que aparecer, pesquisa por content-outer .content-cap-top {.

    Chegando lá, apaga os códigos que aparecem em negrito:

.content-outer 

.content-cap-top{ 

height: $(content.imageBorder.top.space);

background: transparent $(content.imageBorder.top) repeat-x scroll top center;

}

.content-outer{

margin: 0 auto;

padding-top: $(content.margin);

}

.content-inner{

background: $(content.background);

background-position: left-$(content.imageBorder.top.space);

background-color: $(content.background.color);

padding: $(content.padding);

}

E já está! É bem útil!

Comentem e Subscrevam!

A autora pug lover que não tem um pug:

Personalizar a área dos comentários

    Olá bolachas !

    Hoje decidi postar um tutorial muito procurado, e que ás vezes até dá erro ou não fica tão bonito como esperávamos, esse tutorial é como personalizar a área dos comentários.

    Ainda podem participar no concurso até ás 21:30 de hoje.

    Chegamos aos 50 seguidores!!!

    Sem mais rodeios, vamos ao que interessa. A área dos comentários fica igual á minha, mas por favor não imitem as minhas cores.

Tutorial: Selecção Colorida

Bonjour!

    Esperamos muito, mas chegou o dia que todos esperávamos!

    Hoje é o dia do primeiro tutorial do Pugs Generation!! Vou ensinar-vos a fazer uma selecção colorida para alegrar o vosso blog, para não ficar como os comuns, azul escuro '-'.