22/08/12

Tutorial : Gadget do ask.fm personalizado


Oi babes :) Hoje trago um tutorial.

Fui eu que descobri com o meu cérebro, se reblogar ou utilizar, credite por favor !



1º - Tens que ter conta no ask.fm óbvio
2º - Vai até às configurações (canto superior direito), na janela que abriu clica em "widget".


3º - Clica em "editar css" (em baixo do código). Aparecerá um código parecido com este :
Segue as instruções para personalizá-lo

body {
  margin: 0;
  padding: 0;
  background-color: #EFEFEF; (cor de fundo)
  overflow: hidden;
  font-family: Arial, Helvetica, sans-serif;
}
.askAnywhere-link {
  color: #000000; 
}
.askAnywhere-username {
  padding-bottom: 3px;
  border-bottom: solid 1px #000000; (borda de baixo, pode mudar para dashed ou dotted, pode mudar a espessura e a cor)
  word-wrap: break-word;
}
.askAnywhere-username-link {
  display: block;
  color: #000000;
  text-decoration: none;
}
.askAnywhere-slogan {
  padding-top: 3px;
  font-weight: bold;
  color: #000000;
  word-wrap: break-word;
}
.askAnywhere-box {
  padding: 10px;
  font-size: 11px;
}
.askAnywhere-input {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 65px;
  max-height: 160px;
  padding: 0px;
  border: solid 1px #000000; (borda da caixa)
  font-size: 11px; (tamanho da fonte)
  text-align: left; (alinhamento do texto)
  overflow: auto;
}
.askAnywhere-button {
  display: block;
  padding: 3px 3px;
  margin-top: 10px;
}
#askAnywhere_question_form {
  margin: 0;
  padding: 0;
}
#askAnywhere_input_layer,
#askAnywhere_captcha_layer {
  padding-top: 3px;
  color: #000000;
}
#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: #FA8072;
}


Salva e copia este código :


Cola-o num gadget html/javascript. Agora vamos editar as larguras. Onde está width="400" height="275" Substitui pelas larguras que queres. Width é a largura e height a altura.

Espero que tenham gostado. Bj



14 comentários:

  1. Gostei,, Parabéns pela descoberta!!

    http://umagarotaeseublog.blogspot.com.br

    ResponderEliminar
  2. Muito bom ...Descoberta perfeita parabéns flor!
    Meu Cantinho Especial

    ResponderEliminar
  3. Vou usar esse tutorial em breve


    facebook.com/thays.aparecida.s

    ResponderEliminar
  4. não tenho ask.fm nem pretendo fazer agr... mas se eu fazer um dia vou usar esse tutorial ;)
    bjinhoos'-'
    Nois Conectados (vai pelo meu perfil por favor.)

    ResponderEliminar
  5. Eu não tenho ask, mas se qualquer dia fizer, eu uso o tutorial.
    Bela descoberta linda.
    Beijos.

    forest-daughter.blogspot.pt

    ResponderEliminar
  6. Não entendi a última parte... akela do código... não tem como mudar akilo :///

    ResponderEliminar
  7. Não deu nenhuma diferença

    ResponderEliminar
    Respostas
    1. exato..nao fez nada -.-

      Eliminar
  8. Eu gostei da informação só que os códigos de cores que encontrei não resultam para alterar as cores no ask.fm. Será que poderia ajudar neste parâmetro?

    ResponderEliminar
    Respostas
    1. Este site dá, acho eu : www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm

      Eliminar
  9. Qual é o nome do estilo de letra do ask.fm?

    ResponderEliminar
  10. como posta no seu blog como fica os links e o ask personalizado todo mundo vai ver o ask mudado ou e so o dono do ask?

    ResponderEliminar
    Respostas
    1. Todo o mundo vai ver o ask mudado :)

      Eliminar

-Não coloques o link do teu blog para ele não ser excluído. Retribuo mesmo que deixes só "Cat Girl".

-Comentários do género "Seguindo, segue de volta", "Adoro seu blog", "Novo concurso..." não serão respondidos.

-Fala alguma coisa sobre o post, senão não retribuo.

-Aceito críticas construtivas, nada de palavrões ou coisas do género.

Beatriz


Layout by Beatriz D. ~ Cat Girl | Proibido cópias