Forum | Tutorial - PD e LV | Page 10

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

02-06-2024 00:41

|

Season 90 · Week 9 · Day 62

|

Online: 3 688

Football

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

By jeffmartinez - 24-07-2006 07:26

By tchetiba - 14-05-2007 23:30

By dilokai - 15-05-2007 19:47

By jeffmartinez - 16-05-2007 17:48

By lico3605 - 17-05-2007 02:20

By gabrielczm - 18-05-2007 16:19

By jeffmartinez - 19-05-2007 20:39

By jeffmartinez - 20-05-2007 04:32

By jeffmartinez - 21-05-2007 07:11

By jeffmartinez - 22-05-2007 05:54

By jeffmartinez - 23-05-2007 05:55

By lucaslove - 24-05-2007 04:35

By gabrielczm - 24-05-2007 15:21

By edunit - 25-05-2007 03:29

By tchetiba - 27-05-2007 00:55

By onil - 27-05-2007 01:56

By jeffmartinez - 27-05-2007 04:20

By tchetiba - 28-05-2007 04:03

By onil - 28-05-2007 04:25

By jeffmartinez - 28-05-2007 05:21

By jeffmartinez - 29-05-2007 02:59

By tchetiba - 30-05-2007 01:04

By edunit - 30-05-2007 17:52

By edunit - 30-05-2007 22:36

By allanirc - 01-06-2007 00:57

By jeffmartinez - 01-06-2007 15:05

By jeffmartinez - 02-06-2007 20:24

By edunit - 03-06-2007 05:25

By jeffmartinez - 03-06-2007 18:35

By jeffmartinez - 04-06-2007 19:09

By blohem - 04-06-2007 22:51

By jeffmartinez - 04-06-2007 23:19

By jeffmartinez - 05-06-2007 19:35

By dilokai - 06-06-2007 15:49

By deloy3 - 06-06-2007 15:52

By gvargas - 06-06-2007 18:03

By jeffmartinez - 07-06-2007 04:34

By jmpkiko - 08-06-2007 01:20

By jeffmartinez - 08-06-2007 01:24

By jmpkiko - 08-06-2007 01:27

By jeffmartinez - 08-06-2007 03:17

By jeffmartinez - 09-06-2007 02:56

By jeffmartinez - 10-06-2007 02:59

By jeffmartinez - 10-06-2007 22:29

By jeffmartinez - 10-06-2007 22:30

By gvargas - 11-06-2007 03:32

By jeffmartinez - 11-06-2007 03:39

By jeffmartinez - 11-06-2007 05:56

By jeffmartinez - 12-06-2007 02:07

By blohem - 12-06-2007 03:33

By jeffmartinez - 12-06-2007 04:05