Forum | Tutorial - PD e LV | Page 13

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

18-05-2024 10:16

|

Season 90 · Week 7 · Day 47

|

Online: 3 830

Football

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

By jeffmartinez - 24-07-2006 07:26

By jeffmartinez - 19-08-2007 19:54

By jeffmartinez - 20-08-2007 04:50

By lllmarcolll - 21-08-2007 16:03

By gabrielczm - 22-08-2007 15:42

By lllmarcolll - 23-08-2007 13:36

By evandrobastiani - 23-08-2007 13:49

By tchetiba - 24-08-2007 04:37

By edunit - 24-08-2007 05:52

By darwinbrasil - 25-08-2007 07:12

By lulafilipe - 27-08-2007 02:13

By jeffmartinez - 27-08-2007 06:18

By gabrielczm - 28-08-2007 14:22

By gabrielczm - 29-08-2007 15:03

By evandrobastiani - 31-08-2007 15:22

By shujito - 02-09-2007 13:19

By tchetiba - 03-09-2007 06:14

By cmpacca - 03-09-2007 17:25

By luizmendes - 04-09-2007 21:33

By alaur - 04-09-2007 23:09

By rodrigojp - 05-09-2007 14:30

By tchetiba - 07-09-2007 06:46

By tchetiba - 10-09-2007 06:29

By tchetiba - 13-09-2007 04:29

By heitoramaral - 17-09-2007 00:18

By chiron - 19-09-2007 16:56

By andrehenrique - 23-09-2007 03:41

By brteam - 04-10-2007 20:02

By dilokai - 08-10-2007 13:39

By rodrigojp - 09-10-2007 06:50

By evandrobastiani - 10-10-2007 20:29

By tchetiba - 12-10-2007 00:59

By galo27 - 14-10-2007 07:19

By brunochiesa - 14-10-2007 15:02

By brunochiesa - 14-10-2007 15:13

By galo27 - 15-10-2007 19:35

By jeffmartinez - 16-10-2007 06:11

By evandrobastiani - 17-10-2007 13:17

By gabrielczm - 18-10-2007 14:02

By lex1984 - 19-10-2007 06:28

By joinville - 19-10-2007 06:53

By joinville - 19-10-2007 07:55

By jackass_br - 20-10-2007 01:05

By stamp147 - 20-10-2007 15:26

By almirrj - 21-10-2007 01:49

By gabrielczm - 22-10-2007 14:01

By gabrielczm - 24-10-2007 14:03

By lex1984 - 25-10-2007 17:10

By tchetiba - 26-10-2007 06:16

By wagner_cwb - 27-10-2007 16:06

By constantine_matrix - 27-10-2007 16:39