Forum | Tutorial - PD e LV | Page 3

Tutorial - PD e LV

By jeffmartinez - 24-07-2006 07:26

Vendo a grande quantidade de postagens sobre como montar uma PD, embora não sendo especialista em HTML e muito menos em Grafismo, recolhi as seguintes informações (a maioria no FAQ) que passo a listar:

Observações:

1- Este não é um tutorial exaustivo e correções, comentários e complementações serão muito bem vindas.

2- Este tópico não se presta a comentar as PDs.

3- Para ter os efeitos descritos é necessário substituir os colchetes [ ] pelos sinais menor e maior < >.

Vamos lá:

1o. Crie, no formato jpg ou gif seu brasão, bem como todos as demais figuras e fotos que deseja inserir em sua PD.

2o. Crie uma página em um "host" de internet, por exemplo o   http://www.cjb.net e o http://imageshack.us . Publique as figuras escolhidas.

3o. Vá à Clube>Time>Editar Info e no quadro da PD insira os códigos correspondentes.

Cada figura e/ou texto deve ser lançada na PD uma abaixo da outra, assim, você terá que digitar individualmente cada código e/ou endereço. Use o comando [br] para forçar as quebras de linha.

Consideremos que você queira, por exemplo, escrever uma mensagem inicial, centralizada e em negrito e então anexar duas figuras: xyz.jpg e abc.gif, que estão armazenadas em um diretório axbycz, no geocities.

A formatação ficaria assim (não esqueça de substituir os colchetes por < e >):

[center] 
[b]PD do F. C. ABCDEFG[/b][/center] 
[br] 
[center] 
[IMG SRC=http://geocities.xxxxxx/axbycz/xyz.jpg] 
[br] 
[IMG SRC=http://geocities.xxxxxx/axbycz/abc.gif] 
[/center]

Se você é Club Member, basta adicionar o código abaixo, substituindo o xxxxxx  pelo ID de seu time:

[center][img src="http://dynamic.managerzone.com/dynimg/badge.php?team_id=xxxxxx"][/center]

Todas as vezes que você mudar seu escudo, ele automaticamente mudará também na sua PD.

- - - - - -

Os códigos mais comuns para a edição de textos e locação de figuras são os seguintes:

Obs.: Os códigos podem ser agrupados, para obter um feito composto pelas várias funções.

1. Fonte 
Utilize esse código para alterar o estilo de fonte

[font face="times new roman"]digite seu texto aqui[/font]

Existem várias fontes: arial, courrier, times new roman, verdana, etc...

2. Tamanho da fonte 
Utilize esse código para alterar o tamanho da fonte

[font size="-2]texto muito pequeno[/font] 
[font size="-1"]texto pequeno[/font] 
Para manter a fonte no tamanho padrão não precisa digitar seu tamanho 
[font size="+1"]texto grande[/font] 
[font size="+2"]texto bem grande[/font] 
[font size="+3"]texto muito grande[/font]

3. Cor da fonte 
Utilize esse código para alterar a cor da fonte

[font color=ffffff]texto na cor branca[/font] 
[font color=000000]texto na cor preta[/font] 
[font color=ffff00]texto na cor amarela[/font] 
[font color=990000]texto na cor marrom[/font] 
[font color=cc00ff]texto na cor purpura[/font] 
[font color=ff9900]texto na cor laranja[/font] 
[font color=00ff00]texto na cor verde[/font] 
[font color=ff0000]texto na cor vermelha[/font] 
[font color=0000ff]texto na cor azul[/font] 
[font color=00ffff]texto na cor turquesa[/font] 
[font color=ffccff]texto na cor rosa[/font]

4. Estilo de fonte 
Utilize esse código para modificar o estilo de sua fonte

[i]texto em itálico[/i] 
[b]texto em negrito[/b] 
[u]texto sublinhado[/u] 
[marquee]seu texto fica passando como letreiro digital[/marquee]

5. Alinhamento 
Utilize esse código para alinhar seu texto de acordo com sua vontade.

[left]seu texto ou imagem ficam a esquerda[/left] 
[center]seu texto ou imagem ficam centralizados[/center] 
[right]seu texto ou imagem ficam a direita[/right]

Exemplo de composição com formatação:

Como escrever um texto verde com fonte (letra) grande:

[font size="+2"][font color=00ff00] O Incrível Hulk [/font]

Veja os comandos:
[font size="+2"] ........... aumenta o tamanho (+2)
[font color=00ff00]....... muda a cor (verde)
HULK ........................... texto (pode ser uma palavra ou uma dissertação inteira)
[/font] ........................... encerra o comando.

Façam o teste em suas PDs!
Obs.: Substituam pelo < e o > o [ e o ].

- - - - -

Imagens no LV: {Função Temporariamente Desabilitada pelo MZ}

Para colocar imagens no LV, utilize o código HTML de Background:

[center][p style="height: X; width: Y; background-image: url(http://www.seu_site.com.br/sua_imagem.jpg); ][/p][/center]

Não esquecendo, é claro, de trocar [ e ] por < e >

Substitua X e Y pelos valores de Altura e Largura (em pixels) da sua figura.

- - - - -

Links no LV:

Para inserir links no LV utilize o seguinte comando:

[a href="Link-que-deseja-usar" target=_blank]Texto-ou-comando-de-inserção-de-figura[/a]

- - - - -

Escrever colorido no LV e no Fórum:

Para escrever com letras coloridas nos Fóruns ou LVs, use o seguinte comando:

[b style=color:cor em inglês] texto [/b]

Para escrever com letra colorida sobre fundo também colorido, use o comando:

[b style=color:cor do texto em inglês;background-color:cor do fundo em ingles]texto [/b]

- - - - -

Contador de Visitas:

Para criar um contador se cadastre no site http://www.freeweblogger.com (ou qualquer outro que disponibilize códigos html), escolha o modelo do contador desejado e confirme. O site vai criar e lhe exibir uma rotina; copie-a e cole na área de edição da PD. O contador passará a operar imediatamente.

No site abaixo vocês encontrarão um outro exemplo de contador, bem simples e em português:
http://www.2w.com.br/contador-de-visitas-acessos-gratis.html

- - - - -

Observação: Tanto na PD, quanto no LV, não usar figuras com largura superior a 400 pixels.

- - - - -
Resumo rápido:

# bold text with [ b ] bold text [ /b ]

# italic with [ i ] italic [ /i ]

# underline with [ u ] underline[ /u ]

# list items with [ li ] list [ /li ]

# put text into paragraphs with [ p ] paragraph [ /p ]

# ClubMembers podem postar links usando: [ image url=link ]

Para o fórum, utilize o comando:
{color=NomeDaCorEmInglês} Texto {/color}

Não esqueça de substituir as chaves { } por colchetes [ ]

- - - - -

Agora é usar a criatividade!

jeffmartinez
OSORIO

O dirigente crocodillo criou um vídeo explicativo, dêem uma olhada:
http://br.youtube.com/watch?v=esApg25I-ow&fmt=18

Vídeo do user cristiano_ss sobre PDs:
http://www.4shared.com/file/139782919/30e3f7fb/Tutorial_da_PD_-_by_Cristiano_Santos.html

Aqui uma listagem de alguma ferramentas interessantes (copiado do blog do usuário rodpc007, a quem agradeço):

MZ Player - Ferramenta para exibição de jogadores - http://mzplayer.se/

MZ Imagecreator - Ferramenta para edição de jogadores - http://www.mzimage.com/index.php

Show Player Tool - Ferramenta pra exibição de jogadores - http://mzromania.oceanus.ro/player/

Gerador de faces para jogadores - Ferramenta que gera a face de seu jogador. Apenas para se divertir,  pois os jogadores não aparentam ser o que eles deveriam ser -  http://www.mzitalia.com/modules.php?name=FaceGenerator
.

Vendo a grande quantidade de postagens sobre como montar uma PD, embora não sendo especialista em HTML e muito menos em Grafismo, recolhi as seguintes informações (a maioria no FAQ) que passo a listar:

Observações:

1- Este não é um tutorial exaustivo e correções, comentários e complementações serão muito bem vindas.

2- Este tópico não se presta a comentar as PDs.

3- Para ter os efeitos descritos é necessário substituir os colchetes [ ] pelos sinais menor e maior < >.

Vamos lá:

1o. Crie, no formato jpg ou gif seu brasão, bem como todos as demais figuras e fotos que deseja inserir em sua PD.

2o. Crie uma página em um "host" de internet, por exemplo o http://www.cjb.net e o http://imageshack.us . Publique as figuras escolhidas.

3o. Vá à Clube>Time>Editar Info e no quadro da PD insira os códigos correspondentes.

Cada figura e/ou texto deve ser lançada na PD uma abaixo da outra, assim, você terá que digitar individualmente cada código e/ou endereço. Use o comando [br] para forçar as quebras de linha.

Consideremos que você queira, por exemplo, escrever uma mensagem inicial, centralizada e em negrito e então anexar duas figuras: xyz.jpg e abc.gif, que estão armazenadas em um diretório axbycz, no geocities.

A formatação ficaria assim (não esqueça de substituir os colchetes por < e >):

[center]
PD do F. C. ABCDEFG[/center]
[br]
[center]
[IMG SRC=http://geocities.xxxxxx/axbycz/xyz.jpg]
[br]
[IMG SRC=http://geocities.xxxxxx/axbycz/abc.gif]
[/center]

Se você é Club Member, basta adicionar o código abaixo, substituindo o xxxxxx pelo ID de seu time:

[center][img src="http://dynamic.managerzone.com/dynimg/badge.php?team_id=xxxxxx"][/center]

Todas as vezes que você mudar seu escudo, ele automaticamente mudará também na sua PD.

- - - - - -

Os códigos mais comuns para a edição de textos e locação de figuras são os seguintes:

Obs.: Os códigos podem ser agrupados, para obter um feito composto pelas várias funções.

1. Fonte
Utilize esse código para alterar o estilo de fonte

[font face="times new roman"]digite seu texto aqui[/font]

Existem várias fontes: arial, courrier, times new roman, verdana, etc...

2. Tamanho da fonte
Utilize esse código para alterar o tamanho da fonte

[font size="-2]texto muito pequeno[/font]
[font size="-1"]texto pequeno[/font]
Para manter a fonte no tamanho padrão não precisa digitar seu tamanho
[font size="+1"]texto grande[/font]
[font size="+2"]texto bem grande[/font]
[font size="+3"]texto muito grande[/font]

3. Cor da fonte
Utilize esse código para alterar a cor da fonte

[font color=ffffff]texto na cor branca[/font]
[font color=000000]texto na cor preta[/font]
[font color=ffff00]texto na cor amarela[/font]
[font color=990000]texto na cor marrom[/font]
[font color=cc00ff]texto na cor purpura[/font]
[font color=ff9900]texto na cor laranja[/font]
[font color=00ff00]texto na cor verde[/font]
[font color=ff0000]texto na cor vermelha[/font]
[font color=0000ff]texto na cor azul[/font]
[font color=00ffff]texto na cor turquesa[/font]
[font color=ffccff]texto na cor rosa[/font]

4. Estilo de fonte
Utilize esse código para modificar o estilo de sua fonte

texto em itálico
texto em negrito
texto sublinhado
[marquee]seu texto fica passando como letreiro digital[/marquee]

5. Alinhamento
Utilize esse código para alinhar seu texto de acordo com sua vontade.

[left]seu texto ou imagem ficam a esquerda[/left]
[center]seu texto ou imagem ficam centralizados[/center]
[right]seu texto ou imagem ficam a direita[/right]

Exemplo de composição com formatação:

Como escrever um texto verde com fonte (letra) grande:

[font size="+2"][font color=00ff00] O Incrível Hulk [/font]

Veja os comandos:
[font size="+2"] ........... aumenta o tamanho (+2)
[font color=00ff00]....... muda a cor (verde)
HULK ........................... texto (pode ser uma palavra ou uma dissertação inteira)
[/font] ........................... encerra o comando.

Façam o teste em suas PDs!
Obs.: Substituam pelo < e o > o [ e o ].

- - - - -

Imagens no LV: {Função Temporariamente Desabilitada pelo MZ}

Para colocar imagens no LV, utilize o código HTML de Background:

[center][p style="height: X; width: Y; background-image: url(http://www.seu_site.com.br/sua_imagem.jpg); ][/p][/center]

Não esquecendo, é claro, de trocar [ e ] por < e >

Substitua X e Y pelos valores de Altura e Largura (em pixels) da sua figura.

- - - - -

Links no LV:

Para inserir links no LV utilize o seguinte comando:

[a href="Link-que-deseja-usar" target=_blank]Texto-ou-comando-de-inserção-de-figura[/a]

- - - - -

Escrever colorido no LV e no Fórum:

Para escrever com letras coloridas nos Fóruns ou LVs, use o seguinte comando:

[b style=color:cor em inglês] texto [/b]

Para escrever com letra colorida sobre fundo também colorido, use o comando:

[b style=color:cor do texto em inglês;background-color:cor do fundo em ingles]texto [/b]

- - - - -

Contador de Visitas:

Para criar um contador se cadastre no site http://www.freeweblogger.com (ou qualquer outro que disponibilize códigos html), escolha o modelo do contador desejado e confirme. O site vai criar e lhe exibir uma rotina; copie-a e cole na área de edição da PD. O contador passará a operar imediatamente.

No site abaixo vocês encontrarão um outro exemplo de contador, bem simples e em português:
http://www.2w.com.br/contador-de-visitas-acessos-gratis.html

- - - - -

Observação: Tanto na PD, quanto no LV, não usar figuras com largura superior a 400 pixels.

- - - - -
Resumo rápido:

# bold text with [ b ] bold text [ /b ]

# italic with [ i ] italic [ /i ]

# underline with [ u ] underline[ /u ]

# list items with [ li ] list [ /li ]

# put text into paragraphs with [ p ] paragraph [ /p ]

# ClubMembers podem postar links usando: [ image url=link ]

Para o fórum, utilize o comando:
{color=NomeDaCorEmInglês} Texto {/color}

Não esqueça de substituir as chaves { } por colchetes [ ]

- - - - -

Agora é usar a criatividade!

jeffmartinez
OSORIO

O dirigente crocodillo criou um vídeo explicativo, dêem uma olhada:
http://br.youtube.com/watch?v=esApg25I-ow&fmt=18

Vídeo do user cristiano_ss sobre PDs:
http://www.4shared.com/file/139782919/30e3f7fb/Tutorial_da_PD_-_by_Cristiano_Santos.html

Aqui uma listagem de alguma ferramentas interessantes (copiado do blog do usuário rodpc007, a quem agradeço):

MZ Player - Ferramenta para exibição de jogadores - http://mzplayer.se/

MZ Imagecreator - Ferramenta para edição de jogadores - http://www.mzimage.com/index.php

Show Player Tool - Ferramenta pra exibição de jogadores - http://mzromania.oceanus.ro/player/

Gerador de faces para jogadores - Ferramenta que gera a face de seu jogador. Apenas para se divertir, pois os jogadores não aparentam ser o que eles deveriam ser - http://www.mzitalia.com/modules.php?name=FaceGenerator
.

Edited: 06-03-2012 21:18
Total edits: 33

22-05-2024 18:39

|

Season 90 · Week 8 · Day 51

|

Online: 5 026

Football

Football » Português(Brasil) » Perguntas & Respostas

By jeffmartinez - 24-07-2006 07:26

By piter16 - 28-08-2006 20:56

By jeffmartinez - 28-08-2006 23:55

By mussato - 29-08-2006 17:23

By jeffmartinez - 30-08-2006 03:27

By slipknottnt - 30-08-2006 20:21

By jeffmartinez - 01-09-2006 06:38

By jeffmartinez - 02-09-2006 04:20

By jeffmartinez - 02-09-2006 19:56

By shello10 - 03-09-2006 03:15

By jeffmartinez - 03-09-2006 03:50

By jeffmartinez - 04-09-2006 02:40

By lubnbr - 04-09-2006 22:20

By jeffmartinez - 06-09-2006 00:09

By jeffmartinez - 07-09-2006 06:09

By jeffmartinez - 07-09-2006 22:47

By guilhermemeier - 07-09-2006 23:54

By jeffmartinez - 08-09-2006 03:57

By jeffmartinez - 08-09-2006 03:58

By jeffmartinez - 09-09-2006 01:46

By cesarsilvestro - 09-09-2006 07:27

By guilhermemeier - 09-09-2006 15:03

By jeffmartinez - 09-09-2006 21:04

By jeffmartinez - 10-09-2006 18:29

By shello10 - 10-09-2006 20:26

By jeffmartinez - 12-09-2006 02:13

By guilhermemeier - 12-09-2006 05:14

By jeffmartinez - 12-09-2006 05:39

By guilhermemeier - 12-09-2006 15:02

By jeffmartinez - 12-09-2006 15:27

By jeffmartinez - 13-09-2006 06:32

By guilhermemeier - 14-09-2006 07:40

By gabrielczm - 15-09-2006 13:44

By jeffmartinez - 16-09-2006 17:56

By jeffmartinez - 17-09-2006 05:32

By keyvison- - 18-09-2006 00:45

By jeffmartinez - 18-09-2006 05:15

By cesarsilvestro - 18-09-2006 07:15

By jeffmartinez - 18-09-2006 08:49

By keyvison- - 18-09-2006 15:24

By jeffmartinez - 18-09-2006 16:08

By jeffmartinez - 19-09-2006 01:16

By jeffmartinez - 20-09-2006 02:44

By jeffmartinez - 21-09-2006 00:22

By edyjan - 21-09-2006 05:20

By jeffmartinez - 22-09-2006 03:11

By jeffmartinez - 23-09-2006 01:29

By jeffmartinez - 23-09-2006 22:21

By jeffmartinez - 24-09-2006 23:56

By jhackson - 25-09-2006 14:28

By jeffmartinez - 26-09-2006 03:47