21/10/2012

6

Personalize seu blockquote

          
                                                         Hooy

           cá estou eu de novo com um tutorial meio utilitário para vocês mais como assim ? bom hoje eu trouxe alguns tipos de blockquote para vocês , eu achei todas em blogs diferenciados então não sei de que sites elas pertencem :/ omg desculpa pelo pedido de tutorial que uma leitora fez  eu ainda  não fiz porque eu queria postar isso no dia de hoje então no próximo dia eu posto sobre ele ok! mais chega de tanto papo e vamos ao post
 
         
     CÓDIGO: 

blockquote {
border: 1px solid #FF69B4; /* cor da borda */
background-color: #E8E8E8; /* cor de fundo */
padding: 10px;
font-size: 11px; /* tamanho da fonte */
color: #333333; /* cor da fonte */
text-align: justify;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomleft: 15px;
border-top-right-radius: 15px;
border-bottom-left-radius: 15px;
}


CÓDIGO:

blockquote {
border: 1px solid #00BFFF; /* cor da borda */ 
background-color: #F8F8FF; /* cor de fundo */
padding: 10px;
font-size: 12px; /*tamanho da fonte */
color: #696969; /* cor da fonte */
text-align: justify;
-webkit-border-radius: 0px 9px 0px 9px; /*Pontinhas da Borda - não modifique se qusier o formato igual ao blockquote acima */
box-shadow: -2px 4px 15px #ADD8E6; /*Sombra do blockquote/ coloque os quatro igual ou não irá conseguir fazer o efeito*/
-moz-box-shadow: -2px 2px 5px #ADD8E6; /*Sombra do blockquote/ coloque os quatro igual ou não irá conseguir fazer o efeito*/
-webkit-box-shadow: -2px 2px 5px #ADD8E6; /*Sombra do blockquote/ coloque os quatro igual ou não irá conseguir fazer o efeito*/ 
-khtml-box-shadow: -2px 2px 5px #ADD8E6; /*Sombra do blockquote/ coloque os quatro igual ou não irá conseguir fazer o efeito*/
}



 blockquote {
border-bottom: 1px dashed #33CCCC;/* cor da borda */
background-color: #efefef; /* cor de fundo */
padding: 10px;
font-size: 11px; /* tamanho da fonte */
color: #333333; /* cor da fonte */
text-align: justify;
}



Depois de ter escolhido seu blockquote procure por  ]]></b:skin>

E logo acima cole o código de seu blockquote 

Beijos pessoal espero que tenham gostado:)






       

6 comentários:

  1. Passei para conhecer e gostei do seu cantinho. Já estou seguindo aqui, me segue também. Aguardo sua visita. Bjos. Dani

    http://futilidadeseoutrascoisitasmais.blogspot.com.br

    ResponderExcluir
  2. Muito obrigado pela visita no meu blog. Nossa perfeitos os blockquote, seu blog é mega lindo, ahhh perfeito *O*. Enquanto pedido de afiliação: bom as vagas estão fechadas mais estou pensando em abrir assim que abrir eu te falo.
    Abraço ~>prince-teen.blogspot.com.br

    ResponderExcluir
  3. - os blockquotes são perfeitos, amei seu blog!
    Estou seguindo, segue de volta?
    amei seu blog é lindo, sucesso!
    Beijos
    gabriela-amorim.blogspot.com

    ResponderExcluir
  4. Amei os Backquotes, o meu é em estilo hover, enfim seguindo aqui.

    rafasinha.blogspot.com.br
    Beijos :3

    ResponderExcluir
  5. love your blog! would you like to follow each other in gfc? let me know! http://xxxloveisbeautyxxx.blogspot.ie/

    ResponderExcluir
  6. Lindos os blockquotes, usei o terceiro em um blog que eu tinha, mas excluí :/
    Adorei o seu blog! É fofo e simples, é a minha cara, vou vir aqui sempre!
    Voltei para a blogosfera com um blog novo, quer dar uma passadinha lá e se gostar, segue? Obviamente já estou seguindo aqui :3
    Gabi Valdez xx

    mad-mad-alice(.blogspot.com)

    ResponderExcluir

Podem comentar a vontade , qualquer dúvida leia as coisinhas abaixo

Não seja mal educado
Respondo todos os comentários
Só aceito comentários falando do post

Enfim alguns símbolos para copiar e colar . Não se esqueça de deixar o link de seu blog para que eu possa vê-lo

♥❤∞ ☆ ★ ✖ 。◕‿◕。® ™ ☏✿゚✤
❝❞✥ ✦ ✧ ✩ ✫ ✬ ✭ ✮ ✯ ✰ ✱ ✲ ✳ ❃ ❂ ❁ ❀ ✿✼ ✻ ✺ ✹ ✸ ✷ ₪ ❃ ❂ ❁ ❀ ✿ ✾ ✽ ✼ ✻ ✺ ✹ ✸ ✷
✶ ✵ ✴ ❄ ❅ ❆ ❇ ❈ ❉ ❊ ❋ ❖(◕‿◕✿) 。◕‿◕。 ⊱✿◕‿◕✿⊰(◡‿◡✿)(◕〝◕)◑▂◐ ◑0◐ ◑︿◐ ◑ω◐ ◑﹏◐ ◑△◐ ◑▽◐
●▂● ●0● ●︿● ●ω● ●﹏● ●△● ●▽●
⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙﹏⊙ ⊙△⊙
≡(▔﹏▔)≡