Oi :)
Hoje vou ensinar a personalizar o negrito, itálico, sublinhado e riscado.
Vê como fica :
Sem o rato em cima
Com o rato em cima ( hover )
Para fazeres vai ao html - ctrl + f - procura por body {
Agora, cola o código como diz na imagem :
/*formatação*/
b, strong, bold { color: #9ACD32; -webkit-transition-duration: .80s}
s, strike { color: #FF7F00; -webkit-transition-duration: .80s}
u, underline { color: #00CED1; border-bottom: 1px dashed #7FFF00; text-decoration: none; -webkit-transition-duration: .80s}
i, em, italic { color: #FF3E96; -webkit-transition-duration: .80s}
/*formatação hover*/
u:hover { color: #9400D3; border-bottom: 1px solid #FF3030; text-decoration: none; -webkit-transition-duration: .80s}
b:hover { color: #FF6347; -webkit-transition-duration: .80s}
s:hover { color: #4876FF; -webkit-transition-duration: .80s}
i:hover { color: #FFD700; -webkit-transition-duration: .80s}
Vamos entender o código : o "b" é o negrito, o "s" é o riscado, o "u" é sublinhado e o "i" é itálico. Onde diz " formatação" é a cor sem o rato por cima e onde diz "formatação hover" é com o rato por cima.
Basta alterar as cores com esta tabela onde diz "color :"
Se não quiseres com hover basta apagar a partir de "formação hover".
Créditos : Morangos também falam
Gostaram ?
Gostei muito :)
ResponderEliminarBlog: http://mafa-stardoll.blogspot.pt/
Vamos lá tentar fazer kkkkkkk, obrigada CAT
ResponderEliminar:)
encantosdeumaadolescente.blogspot.com
Adoreei! Vou tentar fazer ;3
ResponderEliminarBjos Juh
www.beaut1ful-angel.blogspot.com
Oiiie amg! To de lay novo! Passa no mg, http://missglamur.blogspot.com.br/
ResponderEliminaraaaaaaí , Muito obrigada por postar esse tutoriail, está precisando muito, estou usando no meu novo Lay , e vou usar no proximo também, Beijôs
ResponderEliminarLinhas-corrigidas.blogspot.com.br
Não consigo achar o body }
ResponderEliminar