Blockquote personalizados

4 de mar de 2013

Olá gente vim trazer uns blockquote personalizados p vcs
Não sabe o que é Blockquote?

É isso aqui ó rs

Para usar esses códigos, vá no editor HTML do seu modelo e procure por ]]></b:skin>. Cole o código logo antes dessa tag.

Blockquote simples, Modelo 1:


blockquote {
border: 2px solid #FF69B4; /* Cor e Tipo da Borda */
background-color: #FFC0CB; /* Cor do Fundo do Blockquote */
padding: 10px; /* Distância Entre o Texto e as Bordas */
font-size: 12px; /* Tamanho da Fonte */
color: #000000; /* Cor da Fonte */
text-align: center; /* Alinhamento do Texto */
}

Blockquote Simples, Modelo 2:



blockquote {
border-left: 8px solid #FF69B4; /* Cor e Tipo da Borda */
background-color: #FFC0CB; /* Cor do Fundo do Blockquote */
padding: 10px; /* Distância Entre o Texto e as Bordas */
font-size: 12px; /* Tamanho da Fonte */
color: #000000; /* Cor da Fonte */
text-align: center; /* Alinhamento do Texto */
}

Blockquote com Borda Dotted:



blockquote {
border: 2px dotted #FF69B4; /* Cor e Tipo da Borda */
background-color: #FFC0CB; /* Cor do Fundo do Blockquote */
padding: 10px; /* Distância Entre o Texto e as Bordas */
font-size: 12px; /* Tamanho da Fonte */
color: #000000; /* Cor da Fonte */
text-align: center; /* Alinhamento do Texto */
}

Blockquote com Borda Dashed:



blockquote {
border: 2px dashed #FF69B4; /* Cor e Tipo da Borda */
background-color: #FFC0CB; /* Cor do Fundo do Blockquote */
padding: 10px; /* Distância Entre o Texto e as Bordas */
font-size: 12px; /* Tamanho da Fonte */
color: #000000; /* Cor da Fonte */
text-align: center; /* Alinhamento do Texto */
}

Blockquote com Borda Dupla:



blockquote {
border: 8px double #FF69B4; /* Cor e Tipo da Borda */
background-color: #FFC0CB; /* Cor do Fundo do Blockquote */
padding: 10px; /* Distância Entre o Texto e as Bordas */
font-size: 12px; /* Tamanho da Fonte */
color: #000000; /* Cor da Fonte */
text-align: center; /* Alinhamento do Texto */
}

Mais Blockquotes:



blockquote {
border-left: 7px solid  #FF69B4; /* Cor e Tipo da Borda */
background:  #FFC0CB; /* Cor do Fundo do Blockquote */
padding: 5px; /* Distância Entre o Texto e as Bordas */ 
font-size: 12px; /* Tamanho da Fonte */
color:  #000000; /* Cor da Fonte */
text-align: center; /* Alinhamento do Texto */
-webkit-border-bottom-left-radius: 30px;
-moz-border-radius-bottomleft: 30px;
border-bottom-left-radius: 30px;
}



blockquote {
border-right: 7px solid  #FF69B4; /* Cor e Tipo da Borda */
background:  #FFC0CB; /* Cor do Fundo do Blockquote */
padding: 5px; /* Distância Entre o Texto e as Bordas */
font-size: 12px; /* Tamanho da Fonte */
color:  #000000; /* Cor da Fonte */
text-align: center; /* Alinhamento do Texto */
-webkit-border-bottom-right-radius: 30px;
-moz-border-radius-bottomright: 30px;
border-bottom-right-radius: 30px;
}



blockquote {
border-bottom: 4px solid  #FF69B4; /* Cor e Tipo da Borda */
background:  #FFC0CB; /* Cor do Fundo do Blockquote */
padding: 5px; /* Distância Entre o Texto e as Bordas */
font-size: 12px; /* Tamanho da Fonte */
color:  #000000; /* Cor da Fonte */
text-align: center; /* Alinhamento do Texto */
}



blockquote {
border: 1px solid #FF69B4; /* Cor e Tipo da Borda */
background-color: #FFC0CB; /* Cor do Fundo do Blockquote */
padding: 10px; /* Distância Entre o Texto e as Bordas */
font-size: 12px; /* Tamanho da Fonte */
color: #696969; /* Cor da Fonte */
text-align: center; /* Alinhamento do Texto */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}



blockquote {
border: 1px solid #FF69B4; /* Cor e Tipo da Borda */
background-color: #FFC0CB; /* Cor do Fundo do Blockquote */
padding: 10px; /* Distância Entre o Texto e as Bordas */
font-size: 12px; /* Tamanho da Fonte */
color: #000000; /* Cor da Fonte */
text-align: center; /* Alinhamento do Texto */
border-radius:10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
}



blockquote {
border: 1px solid #FF69B4; /* Cor e Tipo da Borda */
background-color: #FFC0CB; /* Cor do Fundo do Blockquote */
padding: 10px; /* Distância Entre o Texto e as Bordas */
font-size: 12px; /* Tamanho da Fonte */
color: #000000; /* Cor da Fonte */
text-align: center; /* Alinhamento do Texto */
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px; 
}


blockquote {
border: 1px solid #FF69B4; /* Cor e Tipo da Borda */
background-color: #FFC0CB; /* Cor do Fundo do Blockquote */
padding: 10px; /* Distância Entre o Texto e as Bordas */
font-size: 12px; /* Tamanho da Fonte */
color: #000000; /* Cor da Fonte */
text-align: center; /* Alinhamento do Texto */
box-shadow: 4px 4px 4px #808080;
-moz-box-shadow: 4px 4px 4px #808080;
-webkit-box-shadow: 4px 4px 4px #808080;
-khtml-box-shadow: 4px 4px 4px #808080;
}


blockquote {
border: 2px dashed #FF69B4; /* Cor e Tipo da Borda */
background: url(https://encrypted-tbn1.google.com/images?q=tbn:ANd9GcTNRf_6Zpg_i3QV3T_KzvBejtrY4Ge9da7s4TlXBLYppR1MSou3ZA); /* Imagem de Fundo do Blockquote */
padding: 10px; /* Distância Entre o Texto e as Bordas */
font-size: 12px; /* Tamanho da Fonte */
color: #000000; /* Cor da Fonte */
text-align: center; /* Alinhamento do Texto */
}

3 comentários :

Ari Sami disse...

Ajudou muitoo, bejokas, seguindo, retribui ?
miss-teensami.blogspot.com

Thamiris Lara disse...

Olá Ari :) Muito Obg pela visita ahaha
volte sempre, já estou seguindo de volta...Bjinhs :*

Lucy Scarlet disse...

Me ajudou Bastante ^-^
Beijos
http://menina-do-oculos-vermelho.blogspot.com.br/

Postar um comentário

Seu Comentários é sempre bem vindo!
Comente,opine,se expresse! Este espaço é seu!
Comentar faz parte,então por favor deixem comentários

-Todos os comentários são moderados e só ficarão disponíveis ao serem aprovados
-A área de comentários não é casa da mãe Joana,então tenha respeito.Não use palavrões,nem insultos,ofensas,agressões e baixarias;
-Não serão aceitos comentários Anônimos,comentários repetidos,e que tenham qualquer material publicitários ou de merchandising pessoal ou de benefício de terceiros
-Contatos pessoais devem ser feitos na pagina de contato.
-Não deixe links desnecessários os comentários

AVISOS:

--Blog não é Chat,respeitadas as regras ,é livre o debate dos assuntos aqui postados,Que o espaço de comentários não sirva para bate papo sobre assuntos de caráter pessoal ou estranhos ao blog
--A tentativa de clonar nomes e apelidos de outros usuários para emitir opiniões em nome de terceiros configura crime de falsidade ideológica.

Espero que tenham gostado do blog e que volte sempre!