.png "English"){kind=small}
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!
Deixe seu Comentário
Ai pirei com muita informação!
ResponderExcluir♥♡❤❥BJS❥❤♡♥
Tbm pirei Symply! Super útil!
ResponderExcluirPoxa,Que Legal!E Eu pensando que iria Quebrar a cabeça pra aprender quando você disse em HTML kkkkkkkkkk
ResponderExcluirPrograma? A minha só catei um link colei lá e ta pronta, kkkkk
ResponderExcluirObs, para o print da Carol, q aparece minha doll como últimas visitas, hsahsahsahashhas =D
Ahhh, adorei a ideia do quadro ^^
Han?Pirei
ResponderExcluirComo é? Yas, deu certo colando só o link? Qual link vc colocou? Me diz, por favor.
ResponderExcluirVivi peguei nesse blog aqui:
ResponderExcluirhttp://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.
Ah eu já tinha visto esse, Yasmin. É bem mais facil, mas ñ fica tão legal.
ResponderExcluirObrigada ainda assim ^^
Ual! Isso sim é um passo a passo
ResponderExcluirO SVD ama seus comentários!!!
Observação: somente um membro deste blog pode postar um comentário.