Forum | Tutorial - PD e LV | Page 14

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 01:05

|

Season 90 · Week 9 · Day 62

|

Online: 3 743

Football

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

By jeffmartinez - 24-07-2006 07:26

By jeffmartinez - 29-10-2007 02:18

By tchetiba - 31-10-2007 03:55

By carlos_aug - 02-11-2007 23:54

By carlos_aug - 02-11-2007 23:59

By jeffmartinez - 05-11-2007 03:08

By gabrielczm - 06-11-2007 13:37

By gabrielczm - 07-11-2007 12:42

By horesantos - 08-11-2007 16:05

By brunno_17 - 09-11-2007 15:13

By laranjinha3000 - 11-11-2007 03:17

By laranjinha3000 - 11-11-2007 04:28

By laranjinha3000 - 11-11-2007 18:29

By jeffmartinez - 11-11-2007 19:32

By jeffmartinez - 11-11-2007 19:35

By brunno_17 - 13-11-2007 20:21

By horesantos - 15-11-2007 16:07

By tchetiba - 21-11-2007 18:46

By lucasxp - 22-11-2007 18:32

By lucasxp - 22-11-2007 21:25

By luime - 25-11-2007 13:42

By carlos_aug - 27-11-2007 21:14

By toobaby - 01-12-2007 04:37

By alukardi - 06-12-2007 17:06

By lex1984 - 08-12-2007 03:21

By horesantos - 10-12-2007 02:45

By mirapalheta - 10-12-2007 12:55

By tchetiba - 12-12-2007 03:30

By tchetiba - 18-12-2007 04:57

By tchetiba - 20-12-2007 03:45

By lex1984 - 26-12-2007 04:50

By lex1984 - 29-12-2007 04:43

By wagner_cwb - 30-12-2007 17:41

By scorpion15 - 03-01-2008 12:36

By jeffmartinez - 03-01-2008 23:20

By jeffmartinez - 05-01-2008 04:20

By jeffmartinez - 06-01-2008 03:09

By leandrobarra - 06-01-2008 20:46

By lex1984 - 10-01-2008 04:47

By jeffmartinez - 11-01-2008 18:32

By jeffmartinez - 13-01-2008 18:51

By pariconha - 13-01-2008 21:36

By jeffmartinez - 15-01-2008 03:13

By paul100 - 15-01-2008 04:42

By jeffmartinez - 15-01-2008 17:04

By godie2008 - 18-01-2008 02:57

By sig_et - 19-01-2008 04:46

By jeffmartinez - 21-01-2008 01:32

By jeffmartinez - 22-01-2008 14:24

By plosyu - 23-01-2008 06:48

By lex1984 - 26-01-2008 04:22