1 [tutorial]editor (tipo photoshop )em seu forum. 09/11/12, 05:02 pm
-Naruto
Administrador
Publicitário
Helper
[Tens de ter uma conta e sessão iniciada para poderes visualizar 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 ->>
[Tens de ter uma conta e sessão iniciada para poderes visualizar 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":[Tens de ter uma conta e sessão iniciada para poderes visualizar 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:
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:
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?
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
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 ->>
[Tens de ter uma conta e sessão iniciada para poderes visualizar 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":[Tens de ter uma conta e sessão iniciada para poderes visualizar 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?
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
>>>>>©RMBR & -Naruto<<<<<