Modelos de blockquotes com barra de rolagem



Olá negada tudo bem? Nossaaaa, que saudades daqui (⌒⌒)Eu estava viajando e voltei na segunda, aproveitei e terminei o novo layout do gnmh, desta vez tentei com todas as forças fugir das cores pastel, mas vamos e viemos que eu estava muito gay nesses últimos tempos hahahaha. Algumas pessoas reclamavam que o último lay era cegante e não conseguiam ler direito, então, agora poderão ler muito bem (’-’) O tema desta vez é do meus amorzinhos do coração o grupo de kpop BTS. Cara, como não amar essas pestes? Lindos, todos eles sem exceções, cantam super bem, dançam pra caramba e tem uma carisma enorme, resumindo, são tudo de bom e eu os amo!

Ah, e ia me esquecendo o tema é da música I need u, aliás é muito bom que escutem pois a música é tão fofa e super viciante. Parando de rasgar seda para eles, hoje o post é sobre os blockquotes, não é algo tão importante mas ajuda muito e fora isso não tem tantos modelos disponíveis na net, se tem são todos meios que parecidos, o que é uma pena. Tipo os modelos que ando usando no blog de caixinha e com barra de rolagem, além de poupar a área de post deixa tudo muito mais organizado. Ah, e não me esquecendo alguns pedidos da ask eu respondi por lá mesmo por achar que não tem necessidade de eu criar post para coisas bem simples ok? Let's go!

Vá até o seu modelo clique em editar html e dentro procure por: ]]></b:skin> e acima dele cole o modelo que preferir.

Modelo 1


.post blockquote {
background: url(http://i59.tinypic.com/rwpj13.jpg)repeat;
border-top:2px solid #eee;
border-bottom: 1px solid #eee;
border-left:2px solid #eee;
border-right:2px solid #eee;
font-family: Cambria, sans-serif;
font-style:italic;
font-size:13px;
color: #ccc;
line-height: 18px;
margin: 0px;
padding: 4px 4px 4px 4px;
margin-left: 0px;
margin-right: 0px;
margin-top: 4px;
margin-bottom: 4px;
text-align: center;
overflow: scroll;
overflow: scroll;
height: 40px;
text-shadow: 1px 1px 1px #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

Modelo 2


.post blockquote {
background: url(http://i58.tinypic.com/migdw7.jpg)repeat;
border-top:2px solid #ddd;
border-bottom: 1px solid #ddd;
border-left:2px solid #ddd;
border-right:2px solid #ddd;
font-family: georgia, sans-serif;
font-style:italic;
font-size:13px;
color: #aaa;
line-height: 18px;
margin: 0px;
padding: 4px 4px 4px 4px;
margin-left: 0px;
margin-right: 0px;
margin-top: 4px;
margin-bottom: 4px;
text-align: center;
overflow: scroll;
overflow: scroll;
height: 40px;
text-shadow: 1px 1px 1px #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

Modelo 3


.post blockquote {
background: url(http://i62.tinypic.com/jh6lwy.jpg)repeat;
border-top:2px solid #000;
border-bottom: 2px solid #000;
border-left:2px solid #000;
border-right:2px solid #000;
font-family: georgia, sans-serif;
font-style:italic;
font-size:13px;
color: #fff;
line-height: 18px;
margin: 0px;
padding: 4px 4px 4px 4px;
margin-left: 0px;
margin-right: 0px;
margin-top: 4px;
margin-bottom: 4px;
text-align: center;
overflow: scroll;
overflow: scroll;
height: 40px;
text-shadow: 1px 1px 1px #000;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
Querem ver os perfis de quem posta aqui? cliquem na imagem᠉
Continue

17 comentários:

  1. Eu amo o seu blog, eu amo este post, você pode parar por meu blog?
    é esta: mundo-sparky.blogspot.com

    ResponderExcluir
    Respostas
    1. Anww muchas gracias >.< Mas eu não entendi o que quis dizer, é para por no seu blog é isso?

      Excluir
    2. se você pode visitar o meu blog?
      http://mundo-sparky.blogspot.com/

      Excluir
  2. Lindo layout. Estou viciada em I Need U desde que lançou e não consigo parar de ouvir <3
    Ficaram muito bonitinhos esses modelos.
    Aceita afiliação? *-*

    Menina Vanilla

    ResponderExcluir
    Respostas
    1. Anww obrigada amor, sim é perfeita né? Obrigada novamente ;) Aceito sim amor.

      Excluir
  3. Esse layout é muito lindo MEU DEEEEEUS *OOOO*. Parabéns ><.
    Esse tutorial é muito util, estava procurando ja faz um tempo por ele (o que eu fiz ficou esquisito)

    Chu~ Sugar Free

    ResponderExcluir
  4. Que layout lindo *-* Quero pra mim. Sempre divando nos layouts. Lindos modelos de blockquotes.

    http://ascronicasda-lua.blogspot.com.br/

    ResponderExcluir
  5. Que layout lindo <3 Ficaria melhor sem os faroferos do BTS, falo mesmo u-u ~eu sou fã deles jfdhdsjhds, to só zoando~ Você é muito boa nisso, é um dos lays mais diferentes e bonitos que já vi.

    Achei esses modelinhos as coisas mais fofas desse mundo <3 Não sei dizer qual eu mais gostei hfdxj o3o

    Beijos
    p-layback.blogspot.com

    ResponderExcluir
  6. Mulher, que lay divino é esse, meu desu o3o Sério, cara, esses detalhes que te fazem ficar passando o mouse para ver... Ai, Roh c': Saudades daqui também! Sei lá, vai até estranhar, né, do nada eu apareço depois de séculos jsdhsusjs

    Os quotes estão muito fofinhos, acho bem importante sim, pois é até diferente <3 Sempre achei muito original, pois lembro de uma época em que era muito tumblr usá-los hsdjshasj

    Tudo muito bem organizado aqui, amei muito ( ~ ^ u ^ ~ ) ☆
    Até mais!

    ResponderExcluir
  7. OMG!!! to in love com esse Layout <3
    BTS quanta perfeição !!! JiKook morri *0* amoooo <3
    i need you girl.... i need to meet ya !!! hahaha
    liga não eu fico assim toda vez que acho um k-popper LOL !!
    os blockquotes ficaram divosos !! u.u
    xoxo <3 <3

    ResponderExcluir
  8. Nossa tava precisando mesmo Roh, o meu tava bem básico de mais vou usar o modelo 1 abraços o blog ficou muito massa com esse efeito dark.

    avidadoguh.blogspot.com.br

    ResponderExcluir
  9. Pra mim é tao triste pq eu so uso cell e tava louca pra saber como é seu novo layout. Mais de boa amei o novo tutorial. Vc me ajuda muito e me ajudou mto no meu novo blog. Passa la :)

    ResponderExcluir
  10. Quando eu entrei no seu blog eu fiquei tipo "Pera, onde eu to? ( 'o' )" então eu percebi que era um dos seus novos e maravilhosos Lays novos *u* Está muito lindo mesmo <3
    Claro, eu amava muito o Lay pastel, porem, não conseguia ler direito como algumas outras pessoas :s
    Mas esse Layout está muito perfeito, você sempre consegue criar coisas lindas.

    ~Beijinhos~
    VanillaEGeek~

    ResponderExcluir
  11. Oi Roh, tudo bem? O que dizer deste blog né?! O layout ficou divino, amei! E estes blockquotes, lindos demais, adorei ♥

    [dor à tona]

    ResponderExcluir
  12. Blockquotes super lindos *3* Amei de paixão o segundo, muito amor, sério. O layout tá maravilhoso, consigo ler tudinho perfeitamente bem.

    Beijos, kawaii-world.net!

    ResponderExcluir
  13. Este blog é a perfeição: 3 Todo o seu conteúdo é bonito, realmente, eu te amo ♥ eu gostei demaciado, passa pela minha blog: mylittlenook-aye.blogspot.com

    xoxo

    ResponderExcluir

Olá meus amores, os comentários devem ser direcionados somente ao blog e não a vida pessoal de ninguém! Qualquer dúvida peça pela Ask que responderei o mais rápido possível. Anônimo não adianta vir xingar pelos comentários que antes de mesmo de pensar em me ofender eles serão excluídos! Não gosto de tags, se quiser fazer fique a vontade mas não irei retribuir, não curto seguindo segue de volta =/ mas posso seguir se gostar realmente do blog, não julgo por layout ou por seguidores, avalio o blog e como disse se eu curtir é claro que sigo, afiliações? Peça nos comentários pois se pedir em outro lugar no caso páginas é bem provável que eu não veja! Então meus lindos espero que curtam cada cantinho do meu bloguinho e voltem sempre! kissus (*^3^)

Layout e codificação por Roh A.Ramos Os blogs que mais ajudaram com os tutoriais foram: CHIHDVCA Tecnologia do Blogger ♡ 2012 a 2017