Rpg Maker BRasil
RPG Maker Brasil - RMBR

Seja Bem vindo ao Forúm! Faça seu cadastro e desfrute sobre o mundo do RPG Maker!
P.S.: PARA MELHOR VIZUALIZAÇÃO DO FORUM SEM BUGS, RECOMENDO QUE USEM O MOZILLA FIREFOX OU O GOOGLE CHROME!
Rpg Maker BRasil

Evoluindo cada vez mais!


Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

-Naruto

avatar
Administrador
Publicitário
Helper
[Você precisa estar registrado e conectado para ver esta imagem.]Pixlr editor no seu fórum


Para fóruns de criações gráficas essa será uma inovação. Este tutorial apresenta um pequeno editor gráfico online no seu fórum a partir da criação de uma página em HTML e usando um inframe.

1º - Criar uma nova página personalizada:
Vamos gerir uma página de HTML personalizada para adicionar-mos o código.

Painel de controle ->> Módulos ->> HTML ->> Gestão das páginas HTML ->> Criar uma nova página HTML ->>


[Você precisa estar registrado e conectado para ver esta imagem.]

1-Criar uma nova página HTML - Terá de carregar neste botão para poder criar a sua nova página. Se pretende editar uma página já existente, apenas terá de carregar em "Modificar":[Você precisa estar registrado e conectado para ver esta imagem.]

[Você precisa estar registrado e conectado para ver esta imagem.]
--------------------------------------

1-Título- Neste campo terá de adicionar um título para a sua página HTML, servirá para identificar a sua página na lista de páginas HTMl, do Painel de Cntrole, e fará também parte do endereço da página.

2-Você deseja utilizar o início e o final da página do seu fórum?- Se optar pelo "Sim", a sua página apresentará o cabeçalho (Logo e menu do Fórum) e o rodapé (barra de links úteis). Uma das vantagens desta escolha, é que terá de personalizar menos o seu texto, por exemplo, pois, poderá utilizar as classes CSS, do seu próprio Fórum, e também não necessita de criar uma estrutura HTML, apenastem de adicionar o código de conteúdo.
Se optar pelo "Não" a página torna-se independente da estrutura do Fórum, mas neste caso terá de adicionar a própria estrutura, com as balizas html, head, body, etc.

3-Usar esta página como página inicial?-Se pretende que a página seja utiliza como a página inicial do Fórum, deverá colocar "Sim", mas se optar por esta opção, terá de adicionar o endereço do site Forumeiros.com.

4-Código HTML- Neste campo, terá de adicionar o conteúdo da sua página HTML, se colocou não na opção 2, então terá de criar uma estrutura de uma página HTML.

5- Confirmar / Previsualizar - Nestes dois botões poderá confirmara criação da sua página HTML, carregando em "Confirmar". Ou poderá visualizar o resultado que a página terá quando ele for visualizada por todos os usuários, carregando em "Previsualizar".


No corpo da mensagem vamos adicionar o pequeno Inframe:


Código:
<iframe id="pixlr" type="text/html" width="[color=blue]100%[/color]" height="[color=blue]100%[/color]" src="http://pixlr.com/editor/" frameborder="0"></iframe>

Azul: Refere-se ao valor em largura e altura.


2º-Aplicando inframe especial para complemento:
Painel de controle ->> Módulos ->> Portal e Widgets ->> Gestão dos widgets ->>
Selecione um widget que todos os membros tem acesso. Para dar-mos um toque especial neste tutorial, vamos adicionar um outro inframe mas desta vez em um widget. Ou seja:

Código:
<img onClick="jQuery(this).next().toggle();" src="[color=#90f50c]URL_DA_IMAGEM[/color]" style="cursor:pointer; position:fixed; left: 0; top: 0; z-index: 3;" title="[color=#0c75f5]DESCRIÇÃO_DA_IMAGEM_FLUTUANTE[/color]"/><div id="Jeffreytools" style="display:none; width: 100%; height:100%; position:fixed; top:0; left:0;z-index:2;background-image:url(http://i49.tinypic.com/k9ytsx.png);"><iframe style="position: fixed; top: 5%; left: 5%;height: 93%;width: 93%;" src="[color=#ffd83b]ENDEREÇO_DO_SEU_FORUM/hY-[/color]
"></iframe></div>

Verde: URL da imagem que será exibido no início do fórum flutuando.
Azul: Descrição que será exibido quando o usuário passar á seta do mouse acima da imagem.
Laranja: Endereço da página HTML que criamos.

Logo após Salve e veja o efeito na página inicial.

Qual é o resultado na página inicial?

[Você precisa estar registrado e conectado para ver esta imagem.]

>>>>>©RMBR & -Naruto<<<<<

RMBR

avatar
Administrador
Tutorial Aceito

http://rmbr.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum