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.

--> Tutoriais dicas, e astúcias <--
Pixlr editor de imagens online no seu fórum

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 ->>

(carregue na imagem para aumentar)

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":

(carregue na imagem para aumentar)

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. Por exemplo: Título: Forumeiros Endereço da página: .../forumeiros-h1.html

ATENÇÃO: A designação que aparece à frete do nome da página, no endereço, modifica consoante a número da página criada. Se for a primeira página a ser criada, então será -h1, se for a quarta página a ser criada será -h4, etc.

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.

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. (ver FAQ)

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.

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:

URL_DA_IMAGEM" style="cursor:pointer; position:fixed; left: 0; top: 0; z-index: 3;" title="DESCRIÇÃO_DA_IMAGEM_FLUTUANTE"/> id="Jeffreytools" style="display:none; width: 100%; height:100%;
position:fixed; top:0;
left:0;z-index:2;background-image:url(https://2img.net/h/oi49.tinypic.com/k9ytsx.png);"> style="position: fixed; top: 5%; left: 5%;height: 93%;width: 93%;"
src="ENDEREÇO_DO_SEU_FORUM/hY-
">

Exemplo escreveu:http://ajuda.forumeiros.com/h1-

• Qual é o resultado na página inicial?
  
  
  

• Posso modificar á imagem escura do fundo?
  Sim. Porém não é aconselhável. Caso queira indentificá-la em meio ao código, precione às telcas "CTRL + F" e digite o seguinte endereço:
  [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
  
• Posso mudar á posição do iframe da página inicial?
  Do código abaixo, substitua o termo em Azul por "right":
  

  
  left:
  0; top: 0; z-index: 3;"
  title="DESCRIÇÃO_DA_IMAGEM_FLUTUANTE"/>

  style="display:none; width: 100%; height:100%; position:fixed; top:0;
  left:0;z-index:2;background-image:url(https://2img.net/h/oi49.tinypic.com/k9ytsx.png);"> style="position: fixed; top: 5%; left: 5%;height: 93%;width: 93%;"
  src="ENDEREÇO_DO_SEU_FORUM/hY-
  ">