Em todo o código procure por:

Código:

font-size: 13px;

e adicione, imediatamente a seguir a este, dentro das aspas:

Código:

margin-left: 10px;

Pode alterar o valor 10px por outro até verificar que se encontra direito

mudei o 10 para 9 e para 8 e continua destorcido

este é o codigo que está agora, se poderes configura para ficar tudo bem e já agora muda a cor da letra para branco e a negrito.

Código:

<script type="text/javascript" charset="utf-8">
    var outside_location = document.getElementById('outside_location');
</script>
<div id="outside_location">
<div align="center">
                <img src="IMAGEM HEADER" border="0">
        </div>
<br>
<br>
 
        <div style="font-size: 13px;margin-left: 8px;">
     
        <div id="step1" ><center>
<table height=226 width=528 background='https://lh5.googleusercontent.com/-Ui07TshzekQ/TveAi2Y24DI/AAAAAAAAAzI/Ie6S8tSPD88/s528/Untitled-3%252520copy.png'>
<tr>
<td>
</td>
<td align="center">
<div style="font-size: 13px;margin-left: 8px;">Para aceder bla bla bla  <img src="http://i858.photobucket.com/albums/ab142/harris444/bbc-1.png" border="0" > dsfhfghdgh! Depois clique em Next!</div>
</td>
<td allign="center">
</td>
</tr>
</table>
</center>
                 
                    <fb:visible-to-connection>
<center>
<a  href="#"  clicktohide="step1" clicktoshow="step2" ><img src="https://www.facebook.com/app_full_proxy.php?app=7146470109&v=1&size=o&cksum=bc59a96bb5415dff678eee66fccda427&src=http%3A%2F%2Fimakeinternet.com%2Fsqueeze%2Fnext.png" border="0" ></a>       
                </center></div>        </span>
 
        <div id="step2" style="display: none;"> <center> <table height=410 width=528
        background='https://lh4.googleusercontent.com/-pepUBNVfZjQ/TveAiI0EqEI/AAAAAAAAAzA/K8ZfgLAZ4ME/s528/Untitled-3%252520copssy.png'> <tr> <td>
        </td> <td align="left">
<fb:request-form
method="post"
type="Visite"
invite="true"
content="Visite a nossa pagina!
<fb:req-choice url='https://www.facebook.com/funportugal' ' label='GO' /> ">
<div class="clearfix" style="padding-bottom: 10px;">
<fb:multi-friend-selector condensed="true" selected_rows="0" style="width: 200px;" /><fb:request-form-submit />  </fb:request-form>  <div>
 
     
 </td>
 <td allign="Right">
<u><font SIZE="3"style="color: #ff0000;">IMPORTANT</font></u>:<b><font SIZE="3">If you Skip this step you will be banned from this offer</font></b>
 <div style="font-size: 13px;margin-left: 8px;">Invite All Your Friends To this page By selecting their names.
When you are done, click next to continue! <br>
 
<br>
<center>
<a  href="#"  clicktohide="step2" clicktoshow="step3" ><img src="https://www.facebook.com/app_full_proxy.php?app=7146470109&v=1&size=o&cksum=bc59a96bb5415dff678eee66fccda427&src=http%3A%2F%2Fimakeinternet.com%2Fsqueeze%2Fnext.png" border="0" ></a>         
                </center>
</div>
</td>
</tr>
</table>
</center>
 
</div>   
     
        <br />
     
        <div id="step3"  style="display: none;">
<center>
<table height=226 width=528 background='https://lh3.googleusercontent.com/-5RLTmKi11lk/TveLPexWDuI/AAAAAAAAAzw/jvnq-mi5TfU/s528/Untitled-3%252520copy.png'>
<tr>
<td>
</td>
<td align="center">
<div style="font-size: 13px;margin-left: 8px;">Sharing is caring, so tell your friends about this page by posting a quick note to your stream.</div>
</td>
<td allign="center">
<center><fb:share-button class="url" href="https://www.facebook.com/funportugal" />           
                </center>
<br>
<div align="center">
<a  href="https://www.facebook.com/funportugal"  ><img src="https://www.facebook.com/funportugal" border="0">
</a>
</div>
 
</td>
</tr>
</table>
</center>
<center>
 
 
 
        </div>
     
     
        </div>
        </fb:visible-to-connection>
                </div>
</div>

Quanto menos o valor, mais desalinhado fica...

Poderia tirar uma print do problema, para poder verificar o código?

queres que tire um print ao que?

Por partes:
- A primeira já se encontra correctamente configurada...

- A segunda o problema passa pelo tamanho da imagem de fundo. Altere a imagem de fundo do passo dois para outra com o tamanho: height=410 width=528

- O terceiro passo também se encontra correcto, pelo que vi...

Para fazer o texto em negrito coloque o mesmo da seguinte forma:

Código:

<b>texto a negrito</b>

Mas esse passo poderemos fazer à posterior. Agora iremos centrar na configuração.

diz-me um programa grátis onde possa meter a imagem a esse tamanho. já não tenho photoshop

http://www.getpaint.net/

entravas no meu pc, fazias-me isso que era mais rápido

esta está com as medidas que falas-te

Ok, agora altere a imagem no seu código...

Procure por

Código:

<table height=410 width=528
        background='https://lh4.googleusercontent.com/-pepUBNVfZjQ/TveAiI0EqEI/AAAAAAAAAzA/K8ZfgLAZ4ME/s528/Untitled-3%252520copssy.png'>

e substitua o link do background pela imagem que criou...

ficou assim:

Pelo que vi o link não está correcto...
Não deve adicionar links de imagens do facebook...
Por exemplo: http://platform.ak.fbcdn.net/www/app_full_proxy.php?app=4949752878&v=1&size=o&cksum=b6e7050aecb1b1779c95234584f448ce&src=http%3A%2F%2Fi.imgur.com%2FAhZPC.png

Altere, por exemplo, por https://2img.net/r/ihimizer/img855/2559/blili.png

não tem link do facebook o que tem e do imgur ou imageshack.

Código:

<script type="text/javascript" charset="utf-8">
    var outside_location = document.getElementById('outside_location');
</script>
<div id="outside_location">
<div align="center">
                <img src="IMAGEM HEADER" border="0">
        </div>
<br>
<br>
 
        <div style="font-size: 13px;margin-left: 8px;">
     
        <div id="step1" ><center>
<table height=226 width=528 background='https://lh5.googleusercontent.com/-Ui07TshzekQ/TveAi2Y24DI/AAAAAAAAAzI/Ie6S8tSPD88/s528/Untitled-3%252520copy.png'>
<tr>
<td>
</td>
<td align="center">
<div style="font-size: 13px;margin-left: 8px;">Para aceder bla bla bla  <img src="http://i858.photobucket.com/albums/ab142/harris444/bbc-1.png" border="0" > dsfhfghdgh! Depois clique em Next!</div>
</td>
<td allign="center">
</td>
</tr>
</table>
</center>
                 
                    <fb:visible-to-connection>
<center>
<a  href="#"  clicktohide="step1" clicktoshow="step2" ><img src="https://www.facebook.com/app_full_proxy.php?app=7146470109&v=1&size=o&cksum=bc59a96bb5415dff678eee66fccda427&src=http%3A%2F%2Fimakeinternet.com%2Fsqueeze%2Fnext.png" border="0" ></a>       
                </center></div>        </span>
 
        <div id="step2" style="display: none;"> <center> <table height=410 width=528
        background='http://i.imgur.com/AhZPC.png'> <tr> <td>
        </td> <td align="left">
<fb:request-form
method="post"
type="Visite"
invite="true"
content="Visite a nossa pagina!
<fb:req-choice url='https://www.facebook.com/funportugal' ' label='GO' /> ">
<div class="clearfix" style="padding-bottom: 10px;">
<fb:multi-friend-selector condensed="true" selected_rows="0" style="width: 200px;" /><fb:request-form-submit />  </fb:request-form>  <div>
 
     
 </td>
 <td allign="Right">
<u><font SIZE="3"style="color: #ff0000;">IMPORTANT</font></u>:<b><font SIZE="3">If you Skip this step you will be banned from this offer</font></b>
 <div style="font-size: 13px;margin-left: 8px;">Invite All Your Friends To this page By selecting their names.
When you are done, click next to continue! <br>
 
<br>
<center>
<a  href="#"  clicktohide="step2" clicktoshow="step3" ><img src="https://www.facebook.com/app_full_proxy.php?app=7146470109&v=1&size=o&cksum=bc59a96bb5415dff678eee66fccda427&src=http%3A%2F%2Fimakeinternet.com%2Fsqueeze%2Fnext.png" border="0" ></a>         
                </center>
</div>
</td>
</tr>
</table>
</center>
 
</div>   
     
        <br />
     
        <div id="step3"  style="display: none;">
<center>
<table height=226 width=528 background='https://lh3.googleusercontent.com/-5RLTmKi11lk/TveLPexWDuI/AAAAAAAAAzw/jvnq-mi5TfU/s528/Untitled-3%252520copy.png'>
<tr>
<td>
</td>
<td align="center">
<div style="font-size: 13px;margin-left: 8px;">Sharing is caring, so tell your friends about this page by posting a quick note to your stream.</div>
</td>
<td allign="center">
<center><fb:share-button class="url" href="https://www.facebook.com/funportugal" />           
                </center>
<br>
<div align="center">
<a  href="https://www.facebook.com/funportugal"  ><img src="https://www.facebook.com/funportugal" border="0">
</a>
</div>
 
</td>
</tr>
</table>
</center>
<center>
 
 
 
        </div>
     
     
        </div>
        </fb:visible-to-connection>
                </div>
</div>

Segundo verifiquei na sua pagina, o link está errado.
E, alem disso,a imagem https://2img.net/i.imgur.com/AhZPC.png continua a estar pequena...

Quando alterar para o link https://2img.net/r/ihimizer/img855/2559/blili.png o resultado fica correcto:


Cumps

ja meti a imagem maior, ve agora como ficou

https://www.facebook.com/funportugal?sk=app_4949752878

Segundo verifiquei está a colocar a imagem https://2img.net/i.imgur.com/AhZPC.png , que é mais pequena...
Tente colocar a imagem https://2img.net/r/ihimizer/img855/2559/blili.png

ja meti a maior e está bom

Note que verifiquei que algumas imagens do codigo continuam a ser do Facebook.
Opte por utilizar o link de imagens em serviços como o tinypic ou imageshack...

Falta algo ou notou mais algum erro?

Cumps

https://www.facebook.com/funportugal?sk=app_4949752878

ve como ficou

A mim aparece correctamente...
Somente no primeiro passo a imagem está errada, uma vez que o link é do facebook...
E, obviamente, o texto necessita de ser alterado.

Mas de resto aparece correctamente...

está bom, vou so fazer outras imagens porque o fundo vermelho não se nota muito as letras, vou meter fundo branco para ficar mais simples e mais bonito.

vou substituir por estas assim mais simples

Se necessitar de mais ajuda em algum passo não hesite em colocar...

Obrigado.


Olha ás vezes mandam-me mensagens automáticas que não foi o utilizador que enviou ou seja
são mensagens corrente que passam de chat em chat, sabes como se faz isso?

provavelmente será de algum app criada no Facebook.

Que tipo de mensagem se está a referir?

aquelas mensagens em que o pessoal manda a outros no chat sem saber.

mando-te um link tu abres esse link e apartir dai começas a mandar esse links a mais amigos teus

humm, segundo que que refere não parece ser algo "saudável"...

Aparenta ser um script malicioso e deve ter atenção. Nunca recebi nenhum link que envie automaticamente mensagens pelo chat do facebook... Alias, deve ser necessária a permissão do utilizador antes de tal...

http://www.facebookfacil.com.br/facebook-mais-seguranca-wot-xss-clickjacking-aprovacoes-login.html

ve isso

err, não percebi o que o link tema ver com o que pretende...

são virus que recebes no chat do facebook, abres aquele link e depois mandas mensagens para os teus amigos sem tu mexeres , manda mensagens automaticas

Nawaki escreveu:são virus que recebes no chat do facebook, abres aquele link e depois mandas mensagens para os teus amigos sem tu mexeres , manda mensagens automaticas

Sim, foi o que referi...
Mas o que pretende ao certo?

partilhar a minha página do facebook

Nawaki escreveu:partilhar a minha página do facebook

Ou seja, está a pedir para construir o script relatado no link do site que referiu?

sim

Recomendo a leitura de:
https://www.facebook.com/legal/terms
e
https://tugatech.com.pt/t2-regras-do-tugatech



O que pretende fazer é considerado ilegal e fora dos termos do Facebook.

Mas fora o offtopic: A duvida principal deste tópico encontra-se resolvida? E posso marcar o mesmo como tal?

Cumps

sim a duvida deste tópico está resolvida obrigado.


agora só quero saber de uma maneira para ter mais likes no facebook.

a página Tá Bonito em 24 horas consegui 10.000 likes

Pode sempre abrir um novo tópico para ter algumas sugestões.
Alguma questão basta colocar.

Cumps