Navegação & Ask.Fm




Faça login no seu Ask.fm e vá na aba Configurações > Widget.
Vão aparecer algumas opções de tamanho e seu widget original ao lado. Para entenderem melhor, um print:
O que está destacado em vermelho é onde você vai clicar. Irá aparecer um código HTML. Selecione ele inteiro e troque por:
body {
  margin: 0;
  padding: 0;
  background-color: none;
  overflow: hidden;
  font-family: Arial; /*Fonte geral do widget*/
}
.askAnywhere-link {
  color: #d24858; /*Cor dos links do widget*/
}
.askAnywhere-username {
  padding: 5px;
font-size: 11px; /*Fonte do nome de usuário*/
 background: #4b2512; /*Fundo do nome de usuário, apague essa linha se não quiser*/
  word-wrap: break-word;
}
.askAnywhere-username-link {
  display: block;
  color: #fff; /*Cor do nome de usuário*/
  text-decoration: none;
}
.askAnywhere-slogan {
  padding-top: 3px;
  font-weight: normal;
  color: #f85761; /*Cor da mensagem*/
  word-wrap: break-word;
font-size: 11px; /*Tamanho da fonte da mensagem*/
font-family: Verdana; /*Fonte da mensagem*/
}
.askAnywhere-box {
  padding: 10px;
  font-size: 11px;
}
.askAnywhere-input {
  display: block;
  width: 250px; /*Largura da caixa de texto*/
  max-width: 250px; /*Largura da caixa de texto (repita)*/
  height: 55px; /*Altura da caixa de texto*/
  max-height: 160px;
  padding: 0px;
  border: solid 1px #000; /*Borda da caixa de texto*/
  text-align: left;
  overflow: auto;
}
.askAnywhere-button {
background: #f85761; /*Fundo do botão "perguntar"*/
color: #fff; /*Cor da fonte do botão*/
border: none;
display: block;
padding: 3px 3px;
margin-top: 10px;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
transition-duration: 1s;
}
.askAnywhere-button:hover {
background: #cdeb8e; /*Fundo do botão quando passar o mouse*/
color: #000; /*Cor da fonte do botão quando passar o mouse*/
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
transition-duration: 1s;
}
#askAnywhere_question_form {
  margin: 0;
  padding: 0;
}
#askAnywhere_input_layer,
#askAnywhere_captcha_layer {
  padding-top: 3px;
  color: #fff;
}
#captcha {
  display: block;
  width: 90px;
  padding: 8px 4px;
  margin-top: 5px;
  border: solid 1px #000000;
  font-size: 14px;
}
div.fieldWithErrors input,
div.fieldWithErrors textarea {
  background: #fff;
}

Imagens para navegação