13 fevereiro 2016

Personalizando a Seleção de Texto

| |

Oie galera! Segunda começa as aulas, e eu tô tipo : "acabou a madrugada, acabou a vida", então não vai ter como eu visitar vários blogs como eu visitava antes ~snif snif~ Adivinha quem tá criando outro layout pro blog? :3 É, eu espero terminar rápido antes de começar as aulas, e também não espero terminar rápido porque eu acabo trocando o layout. No último post eu ensinei a personalização da seleção de texto com sombra, essa aqui é sem sombra. Vou ensinar o tutorial que é fácil e que fica bem em todo blog, que é a seleção de texto colorida, na verdade, já é colorida, mas aquele azul é sem graça

Vai ficar assim depois de personalizar :


Vamos ao código!

::-moz-selection {
background:#333; /*Cor do fundo
color:#fff; /*Cor da fonte
}
::selection {
background:#333;/*Cor do fundo
color:#fff; /*Cor da fonte
}
Agora, onde colocar este código :

OPÇÃO 1

1 - Em seu blog, clique em MODELO e em PERSONALIZAR

2 - Clique em AVANÇADO e na última opção, ADICIONAR CSS

3 - Cole o código na caixinha e SALVE

 OPÇÃO 2


1 - Em seu blog, clique em MODELO e em EDITAR HTML


2 - Digite CTRL+F e uma caixinha de pesquisa vai aparecer, pesquise por ]]></b:skin>


Em cima desse trecho, cole o o código e SALVE


É isso galera! Kissu!
As cores são as mesmas da imagem de exemplo, troque se quiser.

18 comentários

  1. <3 Yooo!
    Primeira vez aqui no blog, to adorando <3
    Já conhecia esse código, adoro ele! Adorei o tuto você explica muito bem!

    Beijos <3

    http://cloudforhtml.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Yo Anity-chan <3
      Sério? Bem-vinda ao meu cantinho hehe :3 Eu adoro esse código, me senti uma sensei do HTML agora (>^ω^<)

      -kissu

      Excluir
  2. aah eu amoo a seleção colorida, até uso em meu blog !
    beijão <3

    www.seteprimaveras.com

    ResponderExcluir
  3. Olá,
    Ai nem fale das aulas bateu uma tristeza aqui rsrs.
    Adorei a dica! Não conhecia e vou usar no meu blog.
    Adorei o seu blog de verdade, Seguindo *-*
    Bjs
    Diário dos Livros

    ResponderExcluir
    Respostas
    1. Oie!
      Muito triste ;-; Que bombque curtiu, e use porque é lindo, sério que gostou? Ain brigada! *^*
      Kissu <3

      Excluir
  4. MUIÉ ME DESCULPA ASJEKA, só fui ler os comentários da página de afilie-se hoje '-' desculpa mesmo1
    E sim, podemos ser afiliadas <3 (escrevi certo? slá, mas ok)
    Já te coloquei lá na caixinha lá que deu branco agora e esqueci o nome uashuasdh :3
    E eu sou a Shiro, mudei o nome pois troquei o nome da minha OC, não queria mais ter nome japonês e sim usar um "normal" para me representar, e não, não to afim de usar meu nome real x3
    Minhas aulas começaram tem duas semanas, e eu mesmo assim vou dormir só as 4 horas para cima para acordar as 6.
    Gente, que ótimo esse tutorial, eu prefiro coisas simples então, prefiro o sem sombra. Quando faço layout, é tudo sem hover e pá, parece até windows 10, qq. (tipo, windows 7 lá mo lindao cheio de detalhe doidão, ai vem o 8 e vira tudo uma cor só)
    Hey, bem que tu podia ensinar como tu fez esse menu em cima, né?q
    Inclusive, nele, na parte de HTML (seta) CSS tá errado o link, duas letras tão invertidas :p
    Desculpa o comentário grande cheio de coisa aleatória, ou não, mas pra mim é -q x3

    http://cakeinabottle.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Me deixou no vácuo :/
      Que bom que aceitou <3 Gadget hehe, entendi, escolheu um nome mais BR, entendo, eu não curto meu nome então... Duas semanas?! Que dó! 2 horas de sono, tu é forte  ̄ε  ̄
      Pra mim varia, as vezes prefiro com, as vezes sem, estilo material né, acho que a visualização do 8 ficou bem legal no material do que cheio de degradê e outras firulas, Esse tutorial nem é meu, quem dera, é do Wr Heart HTML, vou ver o erro e corrigir, ok? Adoro comentários grandes, digite mais se puder haha :3

      Excluir
  5. Mi! Eu já vi esse tuto, você deixou tudo bem explicadinho. Espero que consiga mexer no blog mesmo com sua volta as aulas!

    Bye bye (^-^)//
    O Snack Cheese foi pra escola~| Clique aqui, e vá ao encontro do SC! (´ω`♡%)

    ResponderExcluir
    Respostas
    1. Yo Yuka-chan <3
      Que bom que expliquei bem, as vezes eu explico coisas que nem eu consigo entender a explicação, vou tentar mexer, vou tentar, Bye ≧﹏≦

      Excluir
  6. Oioi ❤❤
    Ajudou muitaoooo *--* vou por isso em um lay que írei fazer free. Obrigada!
    Beijos

    ☆PLP-visite-nos βye♥βye-

    ResponderExcluir
    Respostas
    1. Oi, que bom que ajudou, quero ver esse layout hein! Nada <3

      -Kissu >3<

      Excluir
  7. Oioioi, cheguei aqui. Queria dizer que o teu novo layout está muito divo. Ele está adoravel <33 Esse tutorial está ótimo <33 Está bem explicado, com toda certeza irá ajudar muita gente!

    Bye bye (^-^)//
    O Snack Cheese foi pra escola~| Clique aqui, e vá ao encontro do SC! (´ω`♡%)

    ResponderExcluir
    Respostas
    1. Oi Izaberu-chan :3
      Divo? Aí que honra hehe <3 Que bom que curtiu ele, ufa, ainda bem que esse tutorial ficou bom, espero mesmo que ajude muitas pessoas!

      Excluir
  8. Adorei esse!Vou tentar no próximo layout, continue fazendo posts assim, estou adorando :33
    Sentimentos Apurados

    ResponderExcluir
    Respostas
    1. Que bom que adorou, tente que é muito bonito, claro que vou continuar, kissu <3

      Excluir
  9. Oi Mi,Tudo bom? Minhas aulas começaram já e acordar cedo esta sendo horrivel mesmo! Nem tenho o que falar sobre. Amo ver Layouts novos,eu demoro muito pra terminar os meus com isso deixo o blog desatualizado por muito tempo! Seleção de Texto costumo usar muitos nos meus Layouts mas sempre esqueço os código e fico procurando!

    Um beijo ♥

    reckless

    ResponderExcluir
    Respostas
    1. Oie Luccas, tudo, e ti? Também amo ver layouts novos hehe, eu faço em outro blog, e tenho posts programados, então estou tranquila, sempre procuro também por não decorar o código, péssima memória :/

      Kissu >3<

      Excluir

Olá serumaninho! Que bom que veio comentar, weeeeee! Bem, nem tudo e purpurina e alegria, temos algumas regrinhas, trate de seguí-las, uh?

✿ Respeite a opinião alheia;
✿ Não comente somente por auto-divulgação, eu excluo mesmo;
✿ Vagas de afiliação estão fechadas, atualmente;
✿ Deixe o link do teu blog ao fim do comment pra eu ir lá brotar;
✿ Copie teu comment, o Blogger pode acabar cortando-o.

Layout feito por Mi-chan | Créditos à CDH CH e WHH