VALE A PENA VER DE NOVO

Por LoveLady_carol - 09 setembro


Olá amores, o que estão achando da carinha nova do blog? Eu estou apaixonada e não consigo parar de olhar nosso querido SVD. Pra quem é novo aqui e ainda não sabe, esse mês comemoramos 4 aninhos de Stardoll Vip Divas e para comemorar preparamos um mês cheio de coisas boas para vocês!

E eu vou começar uma série de postagens especiais com o tema Vale A Pena Ver De Novo, trazendo posts antigos do blog repaginados para vocês! E para abrir o especial nada melhor do que um tutorial bem fácil e útil!

Ficaram curiosas para saber qual a primeira postagem? Então clica em mais informações!

Que tal fazer uma linda apresentação na sua página no Stardoll super fácil e em HTML? Eu sei que só em ler a palavra HTML muita gente já treme na base, mas acreditem se eu que sou uma negação para essas coisas tecnológicas consegui, qualquer pessoa consegue!

A postagem original foi feita em 2012 pela JulyNanynha nossa antiga administradora e uma das postadoras mais antigas do blog, eu fui dar uma olhadinha no post e trouxe novas imagens e uma explicação menos complexa! Vamos parar de papo e ver o tutorial?

Sua apresentação ficará assim:



Vocês vão precisar de um editor HTML que é onde você vai criar sua presentação. Depois de clicar no link vocês vão apagar tudo que estiver na caixa azul (olhem a imagem abaixo)


Estão vendo aquele texto (código) que está escrito lá em cima na caixa azul? É isso que vocês tem que apagar, é só selecionar e clicar em delete! Feito isso sua página da web ficará assim!


Agora vamos começar nossa apresentação. Copie o código abaixo e depois cole na caixa azul!


<br />
<div style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-left: 16px; overflow: hidden; padding: 0px; text-align: center; white-space: pre-wrap; word-wrap: break-word;">
    <span style="margin-top: 6px; margin-left: 2px;  width: 560px; height: 900px; color: black; font-size: 12px; z-index: 2; overflow: hidden; display: block;"><img alt="" height="900" id="" src="https://fbcdn-sphotos-e-a.akamaihd.net/hphotos-ak-xat1/v/t34.0-12/10950169_526776610797169_1988247599_n.jpg?oh=72ec8d2734a568d56e55d5be3f139758&oe=55DF98F4&__gda__=1440693665_23fe22991da1cc9ab012575cd6d89ba7" style="border: 0px; opacity: 1; z-index: 2;" width="100%" /> </span><br />
    <span style="color: black;">
 <span style=" margin-top: -700px; margin-left: 50px; padding: 1px; width: 900px; height: 650px;  font-size: 20px; opacity: 0.999; z-index: 1; overflow-x: hidden; overflow-y: auto; text-shadow: 0px 0px 1px black; font-family: century gothic; display: block; text-align: left;height: 650px;"><span style="color: #000000;"><span class="h1"><span style="font-family: 'century gothic'; font-size: 14px;"><span style="font-size: 24px;">SEU NOME</span><br />
    <span style="font-size: 12px;">Qualquer coisa</span><br />
  <br />
  <br />
  <u>Qualquer coisa</u><br />
  <u>Qualquer coisa</u><br />
  <u>Qualquer coisa</u><br />
  <br />
  <br />
    <span style="font-size: 12px;">Qualquer coisa<br />
  <br />
  <br />



Depois que você colar o código acima sua página da web ficará assim:


Estão vendo essa linha vermelha? Esse é o link da minha apresentação e eu sublinhei de vermelho para vocês localizarem onde o link da imagem de vocês vai entrar! (Para visualizar a imagem em tamanho original é só clicar nela).

Agora vamos deixar a apresentação com a sua cara!

1º vá até o seu álbum de fotos no Stardoll e escolha uma imagem que você queira usar como fundo da sua apresentação. Depois de escolher a imagem você vai clicar nela com o botão esquerdo do mouse e clicar em Copiar URL da imagem, como na imagem abaixo:


Lembram daquele link que eu grifei ali em cima? Pois é você vai colar a URL da sua imagem onde ele está e a imagem que você escolheu vai aparacer no lugar onde está o banner do Divas!

Agora não tem mais segredo, onde está escrito SEU NOME você vai escrever o nome da sua doll e onde estiver escrito QUALQUER COISA vocês vão colocar o texto que quiserem e sua imagem para apresentação estará pronta!

Agora vem a outra parte legal do tutorial, vocês podem personalizar a imagem mudando a fonte, para isso você vai localizar a expressão font-family e mudar o nome da fonte. Nesse site tem uma lista com vários nomes de fontes!


Amores não tem mistério, vocês vão trocar o NOME da fonte que está, pelo NOME da que vocês querem, por exemplo: onde está CENTURY GOTHIC vocês vão colocar o nome da fonte que vocês gostaram. Entenderam?

Mas Carol eu queria mesmo era mudar a cor da fonte, tem como? Tem sim amores, é só localizar no código a palavra color, depois de localizarem vocês vão substituir o  #000000 pelo código da cor escolhida. O código das cores vocês encontram AQUI. Amores é para colocar apenas o código, não o nome da cor, ok? 

E caso vocês queiram mudar o tamanho da fonte também dá, é só mudar a numeração que estiver depois da expressão font size!

Sua apresentação está pronta, a mudança da fonte, cor e tamanho é opcional, na verdade é só para deixar a apresentação mais com a sua cara mesmo, porém se você não quiser mudar tudo bem também!

Agora a parte final, aplicar essa apresentação na sua página no jogo! Agora que você terminou sua apresentação você vai copiar esse código da caixa azul.


Depois de copiar o código você só tem que ir até sua apresentação apagar o que tem lá e colar esse código lá. 


Agora vem a parte do susto! Vocês vão clicar em salvar e vai aparacer isso:


Não se desesperem e nem atualizem a página é só clicar em salvar outra vez e tudo vai funcionar!



Agora é só curtir sua apresentação HTML e qualquer dúvida vocês podem perguntar aqui nos comentários, no meu Livro de Visitas ou no meu Facedoll!

Espero que tenham curtido e espero que eu tenha conseguido explicar direitinho!

Beijocas!

  • Compartilhe:

Postagens Relacionadas

Deixe seu Comentário

  1. Ai pirei com muita informação!
    ♥♡❤❥BJS❥❤♡♥

    ResponderExcluir
  2. Tbm pirei Symply! Super útil!

    ResponderExcluir
  3. Poxa,Que Legal!E Eu pensando que iria Quebrar a cabeça pra aprender quando você disse em HTML kkkkkkkkkk

    ResponderExcluir
  4. Programa? A minha só catei um link colei lá e ta pronta, kkkkk
    Obs, para o print da Carol, q aparece minha doll como últimas visitas, hsahsahsahashhas =D
    Ahhh, adorei a ideia do quadro ^^

    ResponderExcluir
  5. Como é? Yas, deu certo colando só o link? Qual link vc colocou? Me diz, por favor.

    ResponderExcluir
  6. Vivi peguei nesse blog aqui:

    http://truquesstardollhoje.blogspot.com.br/2012/08/apresentacao-do-stardoll-com-fundo-preto.html

    Mas a minha não é tão elaborada quanto a da Carol, é só com o fundo preto e sombra nas letrinhas, talvez por isso tenha dado certo.

    ResponderExcluir
  7. Ah eu já tinha visto esse, Yasmin. É bem mais facil, mas ñ fica tão legal.
    Obrigada ainda assim ^^

    ResponderExcluir
  8. Ual! Isso sim é um passo a passo

    ResponderExcluir

O SVD ama seus comentários!!!