Oi, gente! Hoje trouxe um tutorial bem útil de como personalizar a caixinha do ask.fm, tem como colocar a cor que você quiser, efeitos hover, bordinha, personalizar tudo. Vai ficar mais ou menos assim:
Antes de tudo você deve ir a este site. Clique em "editar css", apague tudo e cole no lugar esse código:
body {Clique em "salvar" e veja se está tudo certo. Onde estiver escrito "código" você deve copiar e ajustar o tamanho:
margin: 0;
padding: 0;
overflow: hidden;
font-family: Arial; /* Fonte de tudo */
font-size: 11px; /* Tamanho da fonte de tudo */
}
.askAnywhere-link {
color: #d20054; /* Cor dos links */
}
.askAnywhere-username {
padding: 5px;
border-bottom: 1px dotted #000000; /* Linha abaixo do nome */
padding: 3px 3px;
margin-top: 10px;
font-weight: bold;
-webkit-transition-duration: 0.50s;
}
.askAnywhere-username:hover {
padding-left: 20px;
border-bottom: 1px solid #000000; /* Linha abaixo do nome com o hover */
}
.askAnywhere-username-link {
display: block;
color: #000000; /* Cor do link do nome */
text-decoration: none;
}
.askAnywhere-slogan {
padding-top: 3px;
color: #000000; /* Cor do "peça algo :3" */
word-wrap: break-word;
text-align: center;
}
.askAnywhere-box {
padding: 10px;
}
.askAnywhere-input {
display: block;
width: 100%;
max-width: 100%;
height: 65px;
max-height: 160px;
padding: 0px;
border: solid 1px #d20054; /* Borda da caixinha onde se escreve a pergunta */
text-align: left;
overflow: auto;
}
.askAnywhere-button {
font-family: Arial; /* Fonte do botão "perguntar" */
font-size: 11px; /* Tamanho da fonte do botão "perguntar" */
display: block;
float: right; /* Botão na direita, se quiser na esquerda mude "right" para "left" */
background: #000000; /* Fundo do botão */
border: 1px solid #d20054; /* Borda do botão */
color: #d20054; /* Cor do texto do botão */
padding: 3px 3px;
margin-top: 10px;
-webkit-transition-duration: 0.50s;
}
.askAnywhere-button:hover {
background: #d20054; /* Fundo do botão com o hover */
border: 1px solid #000000; /* Borda do botão com o hover */
color: #000000; /* Cor do texto do botão com o hover */
}
#askAnywhere_question_form {
margin: 0;
padding: 0;
}
#askAnywhere_input_layer,
#askAnywhere_captcha_layer {
padding-top: 3px;
color: #d20054;
}
#captcha {
display: block;
width: 90px;
padding: 8px 4px;
margin-top: 5px;
border: solid 1px #000000;
}
div.fieldWithErrors input,
div.fieldWithErrors textarea {
background: #FA8072;
}
Depois cole o código num gadget HTML/JavaScript e pronto! Espero que tenham gostado, beijos :3
Hoje é seu aniversário?! Parabéns!! Muitas felicidades!!Tudo de ótimo!!!
ResponderExcluirO My Petit está atualizado!!Te espero por lá!!
Beijinhos!!,
Marissol!!
➥ www.mypetitblog.com
"parabéns pra você.." ♪♫
ResponderExcluirFeliz niver! (:
Não tenho ask.fm.. :(
E que gatinho mais fofo na foto! ^3^
Beijão!
Meu jardim Secreto (ou clique no perfil)
Também amei esse gatinho, obrigada *-*
ExcluirÓtimo tutorial *U*
ResponderExcluirspace-sweet-girl.blogspot.com.br
Que bom que gostou >_<
ExcluirOnnnw, parabéns linda ><
ResponderExcluirQue tutorial ótimo, até porque eu estava pensando em fazer uma ask, ainda bem que pode personalizar ^_^
Conhecendo seu blog agora, já seguindo... poderia seguir de volta??
Ficaria muito grata com você por lá, inclusive já estou a sua espera .-.
Kiisses'
teenagedreamoff.blogspot.com
Parabéns, eu acho que atrasado rsrs
ResponderExcluirAdorei o tutorial, já vou personalizar ~
Parabéns super atrasado, linda eu tentei mais não consegui, me ajuda ?
ResponderExcluir