1º Para colocar imagens lado a lado, você pode usar o código de tabela. Para obter o código, basta clicar em: | |
|
Após clicar no botão, irá aparecer o seguinte código:[table]
[tr]
[td][/td]
[/tr]
[/table]
2º Você deve colocar o link da imagem já com o código [
img] [
/img] entre o [
td] e [
/td]
Ficando assim:
[table]
[tr]
[td][img]http://imgfz.com/i/4Pw8YpH.jpeg[/img][/td]
[/tr]
[/table]Resultado:
3º¹ Para adicionar mais uma imagem, você adiciona outro [
td] e outro [
/td] entre o [
tr] e o [
/tr], preenchendo novamente como foi explicado no passo
2.
Ficando assim:
[table]
[tr]
[td][img]http://imgfz.com/i/4Pw8YpH.jpeg[/img][/td]
[td][img]http://imgfz.com/i/4Pw8YpH.jpeg[/img][/td]
[/tr]
[/table]Resultado:
3º² Agora que colocou duas imagens lado a lado, vamos separá-las. Para separá-las, você deve colocar alguns espaços (vai acrescentando espaços até achar a distância ideal para si) entre o [
td] e o [
img] da segunda imagem.
Ficando assim:
[
table]
[
tr]
[
td][
img]http://imgfz.com/i/4Pw8YpH.jpeg[
/img][
/td]
[
td] [
img]http://imgfz.com/i/4Pw8YpH.jpeg[
/img][
/td]
[
/tr]
[
/table]
Resultado:
4º¹ Se você pretende colocar um texto no lugar das imagens, você segue os passos anteriores, mas no lugar da imagem, você vai colocar o texto desejado.
Ficando assim:
[table]
[tr]
[td][img]http://imgfz.com/i/4Pw8YpH.jpeg[/img][/td]
[td]#SOPA[/td]
[/tr]
[/table]Resultado:
| #SOPA |
4º² Para separar o texto e a imagem, você repete o passo 3º². Agora, para baixar o texto, de forma a deixá-lo centrado com a imagem, você vai dar alguns parágrafos entre o [
td] e o texto.
Ficando assim:
[
table]
[
tr]
[
td][
img]http://imgfz.com/i/4Pw8YpH.jpeg[
/img][
/td]
[
td]
Nabo demaaiiss![
/td]
[
/tr]
[
/table]
Resultado:
|
Nabo demaaiiss! |
5º Para adicionar uma coluna, você coloca outro [
tr] e outro [
/tr] entre o [
/tr] e o [
/table], não se esquecendo que tem de colocar um [
td] e um [
/td] por cada imagem/texto entre eles.
Ficando assim:
[table]
[tr]
[td][img]http://imgfz.com/i/4Pw8YpH.jpeg[/img][/td]
[td][img]http://imgfz.com/i/4Pw8YpH.jpeg[/img][/td]
[/tr]
[tr]
[td]Alexandre[/td]
[td]Caetano[/td]
[/tr]
[/table]Resultado:
| |
Alexandre | Caetano |
Você pode colocar mais do que duas imagens, basta repetir o passo
3.
Caso queira aumentar ou diminuir o tamanho da imagem, aconselho ler:
[GUIA] Tamanho da imagem no seu tópico/perfilSe achou confuso e ficou com alguma dúvida, é só perguntar, estarei ajudando no que puder.