Estou atendendo a um pedido do blog, que eu não sei quem foi, pois foi a Ju que me contou que haviam pedido. Esses 3 estilos foram eu que criei para eu mesma, não vejo mau algum em disponibilizar isso, eu criei né, e são todos lindos -humildade?-, gehee. Espero que gostem ^^
Enquanto modificava para postar, criei uma página de html no tumblr, vou deixar aqui, mas também irei colocar imagens, vai que sai do ar né. Estava praticando para poder vir ensinar aqui, então já sabem o que vai ser no próximo post.
.gadget { line-height: 1.8em; margin-bottom: 20px; color:#333; text-align:justify; font: 11px Arial; background:#fff; padding: 8px; color:#000; border-radius: 5px; width:240px; }
.gadget-title { margin: 0; font: italic 19px trebuchet; text-transform: lowercase; letter-spacing: -1px; padding: 0px; color: #; /* cores: e8b2c4 ou bea9bf */ }
.gadget { text-align: justify; font: 12px Tahoma; color: #696969; line-height: 20px; margin-bottom: 30px; background: #212121; border: 4px solid #141414; padding: 7px; width:240px; }
.gadget-title { font: normal normal 24px cedarville; color: #ABABAB; margin-bottom: 10px; margin-right: -7px; margin-left: -7px; margin-top: -7px; padding-left: 7px; padding-right: 7px; padding-top: 0px; padding-bottom: 0px; background: #141414; text-align: center; }
.gadget { margin-bottom: 30px; text-align:justify; font: 8px Seven; border: 1px solid #E3DEFF; background: #EAE6FF; padding: 5px; color:#B6B1CC; width:240px; }
PS: o nome da 'class' (gadget e gadget-title) vai depender de você, pode mudar para o que você usa em seu blog, eu usei esse enquanto fazia o teste.
Cara, como eu acho os meus tutoriais e materiais enrolados, se alguém teve dificuldade de entender, por favor, me avise, por favor mesmo. E outra coisa, só por que você trocou a cor e colocou uma sombrinha na letra, que o código vai passar a ser seu, credite, também não é permitido que redistribuam.
Até mais, até a próxima ^^
esse dark tá tão cute
ResponderExcluir