7 de jan. de 2013

Tutorial: Colocando Blockquote no Blog


Hey Guys!!
What's up??

Bom, pra não deixar a maratona morrer, eu trouxe um outro tutorial. Não sei se vai ser muito útil para alguns. Mas acho que podem ser bem útil para outros. Vamos ver né...

O tutorial é de como colocar blockquote no blog. Pra quem não sabe, o que é isso, são esses blocos que eu uso para colocar os códigos de tutoriais. Eu achei vários. Então, créditos ao The Lovers, e ao We Heart HTML.
É isso aqui





/* Blockquote Blue Ice By: The Lovers */.post blockquote {background:    #f0f8ff;border-right: 3px dashed  #0000cd;color:  #000000;font-family:century gothic;font-size: 13px;text-align: center;padding: 5px;border-top-left-radius: 50px;border-bottom-left-radius: 50px;}

/* Blockquote Dark By: The Lovers */.post blockquote {background:     #fcfcfc;border: 1px solid  #bebebe;color:  #000000;font-family:arial;font-size: 13px;text-align: center;padding: 5px;border-right: 8px solid #a8a8a8}

/* Blockquote Friendship By: The Lovers */.post blockquote {background:  #fffafa;border-left: 3px solid  #ff34b3;border-right: 3px solid  #ff34b3;color:  #000000;font-family:century gothic;font-size: 13px;text-align: center;padding: 5px;border-top-left-radius: 10px;border-bottom-right-radius: 10px;}


/* Blockquote Love By: The Lovers */.post blockquote {background: #FEE1E1;border-left: 3px solid  #cd5c5c;color:  #000000;font-family:century gothic;font-size: 13px;text-align: center;padding: 5px;border-top-left-radius: 25px:} 


/* Blockquote Nifty By: The Lovers */.post blockquote {background:     #fafafa;border-left: 8px solid  #8470ff;color:  #000000;font-family:arial;font-size: 13px;text-align: center;padding: 5px;border-top-right-radius: 5px;border-bottom-left-radius: 50px;}



/* Blockquote Simple: The Lovers */.post blockquote {background: #f5f5f5;border-left: 8px solid  #66cdaa;color:  #000000;font-family:century gothic;font-size: 13px;text-align: center;padding: 5px;}



/* Blockquote Smile By: The Lovers */.post blockquote {background: #FFFCF5;border: 1px solid  #eec900;color:  #000000;font-family:century gothic;font-size: 13px;text-align: center;padding: 5px;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;}
/* Blockquote Sweet By: The Lovers */.post blockquote {background:    #fffafa;border: 1px dotted #ff82ab;color:  #ff3e96;font-family: century gothic;font-size: 13px;text-align: center;padding: 5px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px}


Estilo 1 - Normal
Estilo 1 - Hover

/*** Blockquote por Mundo Html/ all-teardrop-is-a-waterfall ***/

 blockquote {background: #transparent;border-left: 2px solid #cbd3dc;border-right: 2px solid #ec5787; padding: 10px 15px 15px 10px;font-size: 13px; color: #696969; text-align: justify; font-family:arial;-webkit-transition-duration: .50s; } blockquote:hover{background: #transparent;border-left: 5px solid #cbd3dc;border-right: 5px solid #ec5787; font-size: 13px; color: #696969; text-align: justify; font-family:arial;-webkit-transition-duration: .50s; }


~> Blockquote Folk - By Pincelando o Céu <~

.post blockquote {
background: #F5ECED;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-right: 5px solid #FF9B8B;
font-size: 13px;
text-align:center;
}

~> Blockquote Girlie - By Pincelando o Céu <~

.post blockquote {
background: #FFF0F5;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border-left: 8px ridge #FF6FBD;
font-size: 13px;
text-align:center;
}



/* Blockquote By: Kawaii World */

blockquote {
border-right: 10px solid #f99db3;
border-left: 10px solid #f99db3;
background-color: #f5f2f3;
padding: 10px; font-size: 12px;
color: #e193a6;
text-align: center;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
box-shadow: inset 0 0 15px #ecebeb, 0 0 5px #d2d1d3;
}





blockquote { border-left: 8px solid #FA6B8F; background-color: #efefef; padding: 4px; color: #333333; text-align: justify; }




.post blockquote {

background: #f5f5f5;
border-bottom: 3px solid #3C355F;

color: #3C355F;
font-family: tahoma;
font-weight: normal;
font-size: 11px;
text-align: right;
padding: 3px;
border-radius: 25px;
}

8 comentários:

  1. ooOooiê flooôr ,; Entãão desculpa,. Por nñ tido contado com vooç foi poorq eu estava sem net ): Agora arrumei e preciso de ajuda! . , Queria saber se você poderia esta divulgado novamente meu blog e tal?

    ResponderExcluir
    Respostas
    1. Divulgo sim. Eu vou fazer uma brincadeira aqui no blog valendo divulgação. O ganhador é uma pessoa só, mas aí eu coloco você junto. ^^

      Excluir
  2. EBBBAAAAA lol rsrs
    hmmm a largura da area de postagem pode ser do tamanho do meu atual aqui do meu lay rs, largura do blog todo d 1000px e do lado d 260 px, errr no cabecalho eu queria tipo... o Sasuke e a Sakura do lado direito, e no fundo do cabecalho a cor ser marron bem clarinho tipo essa minha madeira q eu to usando agr no meu lay e o resto do bacground de madeira bem rosinha claro xD
    nao precisa ir TANTO pro lado profissional hehe
    ^_^ acho q so, mais alguma duvida eh so falar.

    http://souotomeecomorgullhoo.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Ok. Vou fazer o máximo possível. Se quiser mais alguma coisa... Me avise. ^^

      Excluir
  3. OWO' vários tipos *0*
    Ótimo tutorial Pâm-chan ^w^
    Kisses :3

    ResponderExcluir
  4. Adorei os Blockquotes *--* amei seu blog !
    seguindo , pode retribuir ?? ;33
    Beijos,morango mordido/crazy for candy

    ResponderExcluir
    Respostas
    1. Ont, obrigada. Você que é a Amanda Mota??
      Sigo sim.

      -Kisses

      Excluir

Informações Básicas de Comentários(IBC):
-Ler não mata, então leia o post antes de comentar
- Não serão aceitos comentários ofensivos.
- Aceito pedidos para seguir, se estiver seguindo o blog...
- Respondo e retribuo todos os comentários.


Obrigada por Comentar!!