Forum | Tutorial - PD e LV | Page 9

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

Re: Como Montar uma PD

By jeffmartinez - 22-04-2007 03:21

!

Re: Como Montar uma PD

By brunno_17 - 22-04-2007 04:24

iai jeffmartinez blz?

mano ñ sei oq aconteceu ñ consigo mais ver as imagens q eu tenho no geocities no meu pc!?
e na PD tambem ñ aparece mais...

Re: Como Montar uma PD

By jeffmartinez - 22-04-2007 16:47

três coisas podem ter acontecido:
1- sua conta no geocities foi bloqueada
2- os links se quebraram
3- o geocities pode estar passando por algum problema técnico

Re: Como Montar uma PD

By brunno_17 - 22-04-2007 18:11

vlw jeff vo espera um tempo pra ve se volta ao normal se ñ vo te q
faze td de novo.
flw ate mais

Re: Como Montar uma PD

By jeffmartinez - 22-04-2007 19:28

Sempre às ordens!

Re: Como Montar uma PD

By jeffmartinez - 23-04-2007 08:09

.

Re: Como Montar uma PD

By lucaslove - 24-04-2007 04:06

up pros novatos de plantao hehehe

Re: Como Montar uma PD

By jeffmartinez - 24-04-2007 06:54

Obrigado Lucas!

Re: Como Montar uma PD

By tchetiba - 25-04-2007 07:06

[I3F]

Da segunda, voltando para a primeira página, pois existe uma pergunta lá.

Re: Como Montar uma PD

By luizovivan - 26-04-2007 16:47

tem gente com está duvida

Re: Como Montar uma PD

By jeffmartinez - 29-04-2007 07:23

!

Re: Como Montar uma PD

By brunac - 29-04-2007 20:18

up

Re: Como Montar uma PD

By jeffmartinez - 29-04-2007 21:14

vlw!

Re: Como Montar uma PD

By jeffmartinez - 29-04-2007 21:43

<b>Como o Geocities está estranho, estou passando a hospedar minhas imagens no CJB. Por enquanto está funcionando direito.
http://www.cjb.net

22-05-2024 09:20

|

Season 90 · Week 8 · Day 51

|

Online: 5 025

Football

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

By jeffmartinez - 24-07-2006 07:26

By jeffmartinez - 22-04-2007 03:21

By brunno_17 - 22-04-2007 04:24

By jeffmartinez - 22-04-2007 16:47

By brunno_17 - 22-04-2007 18:11

By jeffmartinez - 22-04-2007 19:28

By jeffmartinez - 23-04-2007 08:09

By lucaslove - 24-04-2007 04:06

By jeffmartinez - 24-04-2007 06:54

By tchetiba - 25-04-2007 07:06

By luizovivan - 26-04-2007 16:47

By jeffmartinez - 29-04-2007 07:23

By brunac - 29-04-2007 20:18

By jeffmartinez - 29-04-2007 21:14

By jeffmartinez - 29-04-2007 21:43

By simaors - 30-04-2007 15:09

By jeffmartinez - 30-04-2007 22:35

By jeffmartinez - 01-05-2007 19:34

By deloy3 - 02-05-2007 02:09

By jeffmartinez - 02-05-2007 03:22

By pacokinha - 02-05-2007 18:10

By jeffmartinez - 03-05-2007 05:59

By pacokinha - 03-05-2007 23:11

By pacokinha - 03-05-2007 23:46

By pacokinha - 04-05-2007 00:48

By serralvo - 04-05-2007 01:48

By pacokinha - 04-05-2007 18:47

By pacokinha - 05-05-2007 02:23

By ajbmonteiro - 05-05-2007 05:46

By jeffmartinez - 05-05-2007 20:04

By pacokinha - 05-05-2007 22:54

By jeffmartinez - 05-05-2007 23:41

By jeffmartinez - 06-05-2007 20:48

By jeffmartinez - 07-05-2007 06:51

By jeffmartinez - 08-05-2007 00:41

By jeffmartinez - 09-05-2007 05:19

By jeffmartinez - 09-05-2007 15:17

By banido - 09-05-2007 17:32

By vald_10 - 09-05-2007 23:30

By jeffmartinez - 10-05-2007 04:45

By dilokai - 10-05-2007 14:29

By vald_10 - 10-05-2007 19:36

By dilokai - 10-05-2007 22:31

By wrmjr - 10-05-2007 23:52

By dilokai - 11-05-2007 14:40

By tchetiba - 12-05-2007 03:07

By tchetiba - 13-05-2007 01:33

By jeffmartinez - 13-05-2007 02:20

By vald_10 - 13-05-2007 04:34

By jeffmartinez - 13-05-2007 05:32

By jeffmartinez - 13-05-2007 21:24