Como Editar o Wiki Splicenet

De Suporte
(Diferença entre revisões)
Ir para: navegação, pesquisa
(→‎Listas)
Linha 1: Linha 1:
 +
{|
 +
|-
 +
| colspan=2 style="border:1px solid #cccccc; vertical-align:top;" |
 +
{| cellpadding="2" cellspacing="2" style="width:822px; vertical-align:top; text-align: left;"
 +
| '''Lembrando que o Wiki Interno (http://192.168.110.16/suporte) e o Wiki do site da Splicenet (http://www.splicenet.com.br/suporte) não tem ligação, sendo editados separadamente cada um com seu respectivo usuário e senha de acesso.'''
 +
 +
O '''Wiki Interno''' é bem mais completo contendo diversas informações para auxiliação no atendimento ao cliente, já o '''Wiki do site da Splicenet''' possui menos conteúdo, sendo apenas o conteúdo que disponibilizamos aos cliente para um auto-atendimento.
 +
 +
Em ambos é necessário tomar o cuidado para inserir apenas informações verdadeiras e com uma linguagem de fácil compreensão, evitando o uso excessivo de termos técnicos.
 +
 +
'''<font color=red>Somente deve ser incluso conteúdo em ambos os wikis após a Supervisão ter aprovado o conteúdo a ser publicado no Wiki.</font>'''
 +
|}
 +
|}
 
=Edição de Texto=
 
=Edição de Texto=
 
==Negrito e Itálico==
 
==Negrito e Itálico==
Linha 244: Linha 257:
 
=Páginas=
 
=Páginas=
 
==Editar páginas==
 
==Editar páginas==
 +
Para editar uma página no Wiki:
 +
# Entre com usuário e senha na opção '''autenticar/entrar''' disponível no canto superior direito de qualquer página do Wiki.
 +
# Após, clique na aba '''Editar''' que está na parte superior da página, ou no link '''editar''' na lateral de cada seção da página Wiki
 +
# Será exibida uma página com uma caixa de texto para a edição do conteúdo da página que clicou para editar.
 +
 
==Criar uma nova página==
 
==Criar uma nova página==
 
{|
 
{|
Linha 249: Linha 267:
 
{| cellpadding="2" cellspacing="2" style="width:814px; vertical-align:top; text-align: left;"
 
{| cellpadding="2" cellspacing="2" style="width:814px; vertical-align:top; text-align: left;"
 
| Para criar uma nova página é similar a criação de link para a página, devendo ser inserido '''<nowiki>[[</nowiki>''' (2 colchetes) antes e '''<nowiki>]]</nowiki>''' (2 colchetes) depois do nome da página a ser criada.
 
| Para criar uma nova página é similar a criação de link para a página, devendo ser inserido '''<nowiki>[[</nowiki>''' (2 colchetes) antes e '''<nowiki>]]</nowiki>''' (2 colchetes) depois do nome da página a ser criada.
−
A forma mais simples de criar uma página seria, dentro de uma página existente, criar um link com o nome da nova página.
+
A forma mais simples de criar uma página seria, criar um link com o nome da nova página, dentro de uma página existente.
  
 
'''Exemplo:'''
 
'''Exemplo:'''
−
# Clique para editar uma página
+
# Clique para editar uma página.
 
# Então crie um link para uma página digitando, por exemplo: <nowiki>[[Nome da Nova Página]]</nowiki>
 
# Então crie um link para uma página digitando, por exemplo: <nowiki>[[Nome da Nova Página]]</nowiki>
 
# Ao final da tela de edição de página clique no botão '''Salvar página'''
 
# Ao final da tela de edição de página clique no botão '''Salvar página'''
Linha 481: Linha 499:
  
 
=Tabelas=
 
=Tabelas=
 +
De uma maneira simplificada, uma tabela é construída linha a linha, coluna por coluna, definindo para cada linha, as suas colunas (células) da segunte forma:
 +
 +
Para iniciar uma tabela digite
 +
{|
 +
Para iniciar uma linha digite
 +
|-
 +
Cada célula de dados inicia com
 +
|
 +
Para terminar a tabela digite
 +
|}
 +
 
{| style="width:822px;"
 
{| style="width:822px;"
 
| [[Imagem:Voltup.png|Voltar ao Topo|link=#content|right]]
 
| [[Imagem:Voltup.png|Voltar ao Topo|link=#content|right]]
Linha 488: Linha 517:
 
| colspan=2 style="border:1px solid #cccccc; vertical-align:top;" |
 
| colspan=2 style="border:1px solid #cccccc; vertical-align:top;" |
 
{| cellpadding="2" cellspacing="2" style="width:814px; vertical-align:top; text-align: left;"
 
{| cellpadding="2" cellspacing="2" style="width:814px; vertical-align:top; text-align: left;"
−
| A estrutura foi gerada de forma que o Wiki Splicenet possa ser visualizado em qualquer computador ou dispositivo móvel.
+
| A estrutura foi gerada utilizando o recurso de tabela, de forma que o Wiki Splicenet possa ser visualizado em qualquer computador ou dispositivo móvel.
 
|}
 
|}
 +
 +
==Detalhamento da estrutura==
 +
{|
 +
|-
 +
| colspan=2 style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;" |
 +
{| cellpadding="2" cellspacing="2" style="width:822px; vertical-align:top; text-align: left;"
 +
|
 +
* Início da tabela
 +
<nowiki>
 +
{|
 +
</nowiki>
 +
* Linha apenas com texto e fundo branco
 +
<nowiki>
 +
|-
 +
| colspan=2 style="border:1px solid #cccccc; vertical-align:top;" |
 +
{| cellpadding="2" cellspacing="2" style="width:822px; vertical-align:top; text-align: left;"
 +
| Substitua este texto
 +
|}
 +
</nowiki>
 +
* Onde:
 +
** '''colspan=2''' indica que nessa linha da tabela a célula irá ter o tamanho total de 2 colunas (mesclar 2 colunas).
 +
** '''style="border:1px solid #cccccc; vertical-align:top;"''' definição do estilo informando que terá borda de 1 pixel de espessura sólida, na cor cinza (#cccccc) e o alinhamento vertical do conteúdo será no topo.
 +
** '''cellpadding="2"''' determina que o espaço interior da célula, sendo o espaço entre a borda e o conteúdo da célula (texto, imagem...) será de 2 pixels.
 +
** '''cellspacing="2"''' determina que o espaçamento entre uma célula e outra será de 2 pixels.
 +
** '''style="width:822px; vertical-align:top; text-align: left;"''' definição de estilo informando que a largura máxima da tabela será de 822 pixels, o alinhamento vertical do conteúdo será no topo e o alinhamento do texto será à esquerda.
 +
 +
* Linha de texto com fundo cinza
 +
<nowiki>
 +
|-
 +
| colspan=2 style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;" |
 +
{| cellpadding="2" cellspacing="2" style="width:822px; vertical-align:top; text-align: left;"
 +
| Substitua este texto
 +
|}
 +
</nowiki>
 +
* Onde:
 +
** Mesmas definições da linha com texto e fundo branco, exceto pela cor cinza do fundo (background:#f5f5f5).
 +
 +
* Linha da tabela com imagem à esquerda e texto à direita
 +
<nowiki>
 +
|-
 +
| style="border:1px solid #cccccc; vertical-align:center;" |
 +
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
 +
| [[Imagem:nome_da_imagem.png|400px|Clique para ampliar]]
 +
|}
 +
| style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;"|
 +
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:top; text-align: left;"
 +
| Substitua este texto
 +
|}
 +
</nowiki>
 +
* Temos agora duas colunas (células) na mesma linha, a primeira com a imagem e a segunda com o texto.
 +
** '''Atenção:''' o tamanho da imagem deve ser sempre 400 pixels ou inferior, se inserir um tamnho maior que 400 pixels irá deformar a tabela e comprometer o ajuste as telas dos dispositivos móveis.
 +
* Botão voltar
 +
<nowiki>
 +
|-
 +
| colspan=2; style="border:0px solid; vertical-align:top;" |
 +
{| cellpadding="0" cellspacing="2" style="width:822px; vertical-align:top; text-align: left;"
 +
| [[Imagem:Volt.png|link=Suporte:Portal comunitário|right]]
 +
|}
 +
<nowiki>
 +
* A diferença das demais definições já informadas ateriormente é que nesse caso a célula não tem borda (0 pixels) e a imagem terá o nome da página de destino.
 +
* Término da tabela
 +
<nowiki>
 +
|}
 +
</nowiki>
 +
|}
 +
|}
 +
 +
'''SE DIGITAR'''
 +
<nowiki>
 +
{|
 +
|-
 +
| colspan=2 style="border:1px solid #cccccc; vertical-align:top;" |
 +
{| cellpadding="2" cellspacing="2" style="width:822px; vertical-align:top; text-align: left;"
 +
| Substitua este texto
 +
|}
 +
|-
 +
| colspan=2 style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;" |
 +
{| cellpadding="2" cellspacing="2" style="width:822px; vertical-align:top; text-align: left;"
 +
| Substitua este texto
 +
|}
 +
|-
 +
| style="border:1px solid #cccccc; vertical-align:center;" |
 +
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
 +
| [[Imagem:Splicenet.png|400px|Clique para ampliar]]
 +
|}
 +
| style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;"|
 +
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:top; text-align: left;"
 +
| Substitua este texto
 +
|}
 +
|-
 +
| colspan=2; style="border:0px solid; vertical-align:top;" |
 +
{| cellpadding="0" cellspacing="2" style="width:822px; vertical-align:top; text-align: left;"
 +
| [[Imagem:Volt.png|link=Suporte:Portal comunitário|right]]
 +
|}
 +
|}
 +
</nowiki>
 +
 +
'''SERÁ EXIBIDO NO WIKI'''
 +
{|
 +
|-
 +
| colspan=2 style="border:1px solid #cccccc; vertical-align:top;" |
 +
{| cellpadding="2" cellspacing="2" style="width:822px; vertical-align:top; text-align: left;"
 +
| Substitua este texto
 +
|}
 +
|-
 +
| colspan=2 style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;" |
 +
{| cellpadding="2" cellspacing="2" style="width:822px; vertical-align:top; text-align: left;"
 +
| Substitua este texto
 +
|}
 +
|-
 +
| style="border:1px solid #cccccc; vertical-align:center;" |
 +
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
 +
| [[Imagem:Splicenet.png|400px|Clique para ampliar]]
 +
|}
 +
| style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;"|
 +
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:top; text-align: left;"
 +
| Substitua este texto
 +
|}
 +
|-
 +
| colspan=2; style="border:0px solid; vertical-align:top;" |
 +
{| cellpadding="0" cellspacing="2" style="width:822px; vertical-align:top; text-align: left;"
 +
| [[Imagem:Volt.png|link=Suporte:Portal comunitário|right]]
 
|}
 
|}
−
{| style="width:822px;"
 
−
| [[Imagem:Voltup.png|Voltar ao Topo|link=#content|right]]
 
 
|}
 
|}

Edição das 09h32min de 24 de maio de 2016

Lembrando que o Wiki Interno (http://192.168.110.16/suporte) e o Wiki do site da Splicenet (http://www.splicenet.com.br/suporte) não tem ligação, sendo editados separadamente cada um com seu respectivo usuário e senha de acesso.

O Wiki Interno é bem mais completo contendo diversas informações para auxiliação no atendimento ao cliente, já o Wiki do site da Splicenet possui menos conteúdo, sendo apenas o conteúdo que disponibilizamos aos cliente para um auto-atendimento.

Em ambos é necessário tomar o cuidado para inserir apenas informações verdadeiras e com uma linguagem de fácil compreensão, evitando o uso excessivo de termos técnicos.

Somente deve ser incluso conteúdo em ambos os wikis após a Supervisão ter aprovado o conteúdo a ser publicado no Wiki.

Índice

Edição de Texto

Negrito e Itálico

TIPO DE FORMATAÇÃO: Como formatar SE DIGITAR SERÁ EXIBIDO NO WIKI
ITÁLICO: insira 2 apóstrofos ( '' ) antes e depois do texto. ''itálico'' itálico
NEGRITO: insira 3 apóstrofos ( ''' ) antes e depois do texto. '''negrito''' negrito
NEGRITO e ITÁLICO: insira 5 apóstrofos ( ''''' ) antes e depois do texto. '''''negrito e itálico''''' negrito e itálico
Voltar ao Topo

Cor do texto

O Wiki não tem opção para alteração de cor do texto, para alterar a cor do texto é possível usar o tag HTML de <font> e os nomes das cores em inglês ou pode ser usado o código RGB.
SE DIGITAR SERÁ EXIBIDO NO WIKI
<font color=red>texto em vermelho</font> texto em vermelho
<font color=blue>texto em azul</font> texto em azul
<font color=green>texto em verde</font> texto em verde
<font color="#ff8400">texto em laranja</font> texto em laranja
<font color="#ff00ae">texto em rosa</font> texto em rosa
<font color="#787878">texto em cinza</font> texto em cinza
Voltar ao Topo

Linha Horizontal

É possível inserir uma linha horizontal para criar secções, separar texto, entre outras aplicações.
SE DIGITAR SERÁ EXIBIDO NO WIKI

texto texto texto

texto texto texto

----

texto texto texto

texto texto texto

texto texto texto

texto texto texto

texto texto texto

texto texto texto

Voltar ao Topo

Listas

Para criar Listas Numeradas inicie a linha com # (sustenido) e para criar Listas Sem Números inicie a linha com * (asterisco). Utilize mais de um # ou * para criar subníveis.
TIPO DE LISTA SE DIGITAR SERÁ EXIBIDO NO WIKI
LISTA NUMERADA

# Texto
## Texto
## Texto
### Texto
# Texto
## Texto
### Texto
### Texto

  1. Texto
    1. Texto
    2. Texto
      1. Texto
  2. Texto
    1. Texto
      1. Texto
      2. Texto
LISTA SEM NÚMEROS

* Texto
** Texto
** Texto
*** Texto
* Texto
** Texto
*** Texto
*** Texto

  • Texto
    • Texto
    • Texto
      • Texto
  • Texto
    • Texto
      • Texto
      • Texto
Voltar ao Topo

Títulos de secções

Níveis SE DIGITAR SERÁ EXIBIDO NO WIKI

Nível 1: insira 1 sinal de igual (=) antes e depois do texto.
Nível 2: insira 2 sinais de igual (==) antes e depois do texto.
Nível 3: insira 3 sinais de igual (===) antes e depois do texto.
Nível 4: insira 4 sinais de igual (====) antes e depois do texto.

=Secção=
==Subsecção==
===Um nível abaixo===
====Outro nível abaixo====

Secção

Subsecção

Um nível abaixo

Outro nível abaixo

Voltar ao Topo

Links

Internos

Um link interno ao ser clicado irá levar o leitor até uma outra página ou seção de uma página do Wiki.

Para inserir um link para uma página insira [[ (2 colchetes) antes e ]] (2 colchetes) depois do nome da página.

Para inserir um link para seção de uma página insira [[ (2 colchetes) antes do nome da página após insira # (sustenido) o nome seção da página e ]] (2 colchetes) depois do nome da seção da página.

Se desejar exibir outro texto no link para a página ou seção utilize uma | (barra vertical).

TIPO DE LINK SE DIGITAR SERÁ EXIBIDO NO WIKI
Link para uma página do Wiki [[Site Pronto]] Site Pronto
Link para uma seção de uma página do Wiki [[Seleção, Formatação e Posicionamento do Texto#Formatação do Texto]] Seleção, Formatação e Posicionamento do Texto#Formatação do Texto
Link para uma página do Wiki exibindo texto diferente [[Site Pronto|Manual de Utilização do Site Pronto]] Manual de Utilização do Site Pronto
Link para uma seção de uma página do Wiki exibindo texto diferente [[Seleção, Formatação e Posicionamento do Texto#Formatação do Texto|Formatação de Texto no Site Pronto]] Formatação de Texto no Site Pronto
Voltar ao Topo

Externos

Um link externo ao ser clicado irá levar o leitor até uma página fora do Wiki.

Para inserir um link para uma página externa basta digitar o endereço completo da página.

Se desejar exibir outro texto no link inicie digitando [ (colchete) o endereço da página, insira um espaço, o texto a ser exibido e finalize com um ] (colchete).

TIPO DE LINK SE DIGITAR SERÁ EXIBIDO NO WIKI
Link para uma página externa http://www.splicenet.com.br http://www.splicenet.com.br
Link para uma página externa exibindo texto diferente [http://www.splicenet.com.br Site da Splicenet] Site da Splicenet
Voltar ao Topo

Páginas

Editar páginas

Para editar uma página no Wiki:

  1. Entre com usuário e senha na opção autenticar/entrar disponível no canto superior direito de qualquer página do Wiki.
  2. Após, clique na aba Editar que está na parte superior da página, ou no link editar na lateral de cada seção da página Wiki
  3. Será exibida uma página com uma caixa de texto para a edição do conteúdo da página que clicou para editar.

Criar uma nova página

Para criar uma nova página é similar a criação de link para a página, devendo ser inserido [[ (2 colchetes) antes e ]] (2 colchetes) depois do nome da página a ser criada.

A forma mais simples de criar uma página seria, criar um link com o nome da nova página, dentro de uma página existente.

Exemplo:

  1. Clique para editar uma página.
  2. Então crie um link para uma página digitando, por exemplo: [[Nome da Nova Página]]
  3. Ao final da tela de edição de página clique no botão Salvar página
  4. Após salvar a página, o link criado será exibido em vermelho devido a ser um link para uma página inexistente.
    A página do exemplo acima seria exibida como Nome da Nova Página
  5. Clicando nesse link em vermelho, será exibida a tela para edição/criação da nova página.
  6. Digite o conteúdo da mesma e salve, clicando no botão Salvar página localizado no final da tela de edição de página.
  7. Pronto uma nova página foi criada!
Voltar ao Topo

Imagens

Inserir uma imagem em uma página do Wiki

Imagem já existente no Wiki

Para inserir uma imagem em uma página, deve-se iniciar com [[ (2 colchetes), a palavra Imagem seguida de : (dois pontos), o nome do arquivo da imagem e a extensão do mesmo e encerre com ]] (2 colchetes).
SE DIGITAR SERÁ EXIBIDO NO WIKI
[[Imagem:Splicenet.png]] Splicenet.png
Voltar ao Topo

Imagem ainda não existente no Wiki

Para inserir em uma página uma imagem ainda não existente no wiki, abra uma página para edição e digite [[Imagem:nomedoarquivo.png]]
SE DIGITAR SERÁ EXIBIDO NO WIKI
[[Imagem:nomedoarquivo.png]] Arquivo:Nomedoarquivo.png
Exemplo:
  1. Clique para editar uma página
  2. Então crie um link para uma nova imagem digitando, por exemplo: [[Imagem:nomedoarquivo.png]]
  3. Ao final da tela de edição de página clique no botão Salvar página
  4. Após salvar a página, o link criado será exibido em vermelho devido a ser um link para uma imagem inexistente.
    Na página a imagem do exemplo acima seria exibida como Arquivo:Nomedoarquivo.png
  5. Clicando nesse link em vermelho, será exibida a tela para enviar arquivo.
  6. Para enviar o arquivo da imagem para o servidor deve ser clicado no botão Escolher arquivo.
  7. Selecione o arquivo da imagem em seu computador e clique em Abrir.
  8. Aguarde, á direita será exibida uma amostra da imagem escolhida para envio ao servidor.
  9. Se a imagem escolhida for a imagem que deseja inserir no Wiki, ao final da página clique no botão Enviar arquivo.
  10. Aguarde a transmissão do arquivo da imagem para o servidor, após final da transmissão a imagem será exibida na tela.
Voltar ao Topo

Opções de Imagem

Imagem com link

Para inserir uma imagem com link, após o nome do arquivo utilize uma | (barra vertical), a palavra link, seguida de = (sinal de igual) e o endereço do link.

Descrição SE DIGITAR SERÁ EXIBIDO NO WIKI
Imagem com link para página interna do Wiki. [[Imagem:Splicenet.png|link=E-mail]] Splicenet.png
Imagem com link para uma página fora do Wiki. [[Imagem:Splicenet.png|link=http://www.splicenet.com.br]] Splicenet.png
Voltar ao Topo

Imagem com borda

Para inserir uma borda em imagem, após o nome do arquivo utilize uma | (barra vertical) seguida da palavra border.

SE DIGITAR SERÁ EXIBIDO NO WIKI
[[Imagem:Splicenet.png|border]] Splicenet.png
Voltar ao Topo

Imagem com alinhamento horizontal

Para determinar o alinhamento horizontal de uma imagem, após o nome do arquivo utilize uma | (barra vertical) seguida da palavra do nome do alinhamento left (esquerda), right (direita) ou center (centralizado). Por padrão, as imagens são automaticamente alinhadas à esquerda.

Descrição SE DIGITAR SERÁ EXIBIDO NO WIKI
Imagem alinhada à esquerda. [[Imagem:Splicenet.png|left]]
Splicenet.png
Imagem centralizada. [[Imagem:Splicenet.png|center]]
Splicenet.png
Imagem alinhada à direita. [[Imagem:Splicenet.png|right]]
Splicenet.png
Voltar ao Topo

Imagem com tamanho redimensionado

Para que a imagem não seja exibida em seu tamanho original, é possível determinar o tamanho no qual a imagem será exibida. Para determinar o tamanho no qual a imagem será exibida, após o nome do arquivo utilize uma | (barra vertical) do tamanho em pixels, sendo o tamanho a ser digitado da largura da imagem, a altura será automaticamente ajustada para evitar distorções na imagem.

Descrição SE DIGITAR SERÁ EXIBIDO NO WIKI
Imagem no tamanho original. [[Imagem:Splicenet.png]] Splicenet.png
Imagem com tamanho reduzido. [[Imagem:Splicenet.png|100px]] Splicenet.png
Imagem com tamanho aumentado. [[Imagem:Splicenet.png|300px]] Splicenet.png
Voltar ao Topo

Imagem com legenda

É possível exibir um breve texto ao manter cursor do mouse sobre uma imagem. Para inserir uma legenda em uma imagem utilize uma | (barra vertical) e digite o texto a ser exibido.

SE DIGITAR SERÁ EXIBIDO NO WIKI
[[Imagem:Splicenet.png|Clique para visitar o site da Splicenet!]] Clique para visitar o site da Splicenet!
Voltar ao Topo

Mesclando as opções de imagem

Para utilizar mais de uma opção em uma mesma imagem deve ser seguido a seguinte sequência:

[[Imagem:Nome_do_arquivo.png|border|center|00px|link=Endereço do link|Legenda da imagem]]

SE DIGITAR SERÁ EXIBIDO NO WIKI
[[Imagem:Splicenet.png|border|center|300px|link=http://www.splicenet.com.br|Clique para visitar o site da Splicenet]]
Clique para visitar o site da Splicenet
Sendo possível combinar apenas algumas das opções:
SE DIGITAR SERÁ EXIBIDO NO WIKI
[[Imagem:Splicenet.png|border|300px|link=http://www.splicenet.com.br]] Splicenet.png
Voltar ao Topo

Tabelas

De uma maneira simplificada, uma tabela é construída linha a linha, coluna por coluna, definindo para cada linha, as suas colunas (células) da segunte forma:

Para iniciar uma tabela digite

Para iniciar uma linha digite Cada célula de dados inicia com

Para terminar a tabela digite

Voltar ao Topo

Estrutura do Wiki da Central de Atendimento Splicenet

A estrutura foi gerada utilizando o recurso de tabela, de forma que o Wiki Splicenet possa ser visualizado em qualquer computador ou dispositivo móvel.

Detalhamento da estrutura

  • Início da tabela

{|

  • Linha apenas com texto e fundo branco

|- | colspan=2 style="border:1px solid #cccccc; vertical-align:top;" | {| cellpadding="2" cellspacing="2" style="width:822px; vertical-align:top; text-align: left;" | Substitua este texto |}

  • Onde:
    • colspan=2 indica que nessa linha da tabela a célula irá ter o tamanho total de 2 colunas (mesclar 2 colunas).
    • style="border:1px solid #cccccc; vertical-align:top;" definição do estilo informando que terá borda de 1 pixel de espessura sólida, na cor cinza (#cccccc) e o alinhamento vertical do conteúdo será no topo.
    • cellpadding="2" determina que o espaço interior da célula, sendo o espaço entre a borda e o conteúdo da célula (texto, imagem...) será de 2 pixels.
    • cellspacing="2" determina que o espaçamento entre uma célula e outra será de 2 pixels.
    • style="width:822px; vertical-align:top; text-align: left;" definição de estilo informando que a largura máxima da tabela será de 822 pixels, o alinhamento vertical do conteúdo será no topo e o alinhamento do texto será à esquerda.
  • Linha de texto com fundo cinza

|- | colspan=2 style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;" | {| cellpadding="2" cellspacing="2" style="width:822px; vertical-align:top; text-align: left;" | Substitua este texto |}

  • Onde:
    • Mesmas definições da linha com texto e fundo branco, exceto pela cor cinza do fundo (background:#f5f5f5).
  • Linha da tabela com imagem à esquerda e texto à direita

|- | style="border:1px solid #cccccc; vertical-align:center;" | {| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;" | [[Imagem:nome_da_imagem.png|400px|Clique para ampliar]] |} | style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;"| {| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:top; text-align: left;" | Substitua este texto |}

  • Temos agora duas colunas (células) na mesma linha, a primeira com a imagem e a segunda com o texto.
    • Atenção: o tamanho da imagem deve ser sempre 400 pixels ou inferior, se inserir um tamnho maior que 400 pixels irá deformar a tabela e comprometer o ajuste as telas dos dispositivos móveis.
  • Botão voltar

|- | colspan=2; style="border:0px solid; vertical-align:top;" | {| cellpadding="0" cellspacing="2" style="width:822px; vertical-align:top; text-align: left;" | [[Imagem:Volt.png|link=Suporte:Portal comunitário|right]] |} <nowiki> * A diferença das demais definições já informadas ateriormente é que nesse caso a célula não tem borda (0 pixels) e a imagem terá o nome da página de destino. * Término da tabela <nowiki> |}

SE DIGITAR {| |- | colspan=2 style="border:1px solid #cccccc; vertical-align:top;" | {| cellpadding="2" cellspacing="2" style="width:822px; vertical-align:top; text-align: left;" | Substitua este texto |} |- | colspan=2 style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;" | {| cellpadding="2" cellspacing="2" style="width:822px; vertical-align:top; text-align: left;" | Substitua este texto |} |- | style="border:1px solid #cccccc; vertical-align:center;" | {| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;" | [[Imagem:Splicenet.png|400px|Clique para ampliar]] |} | style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;"| {| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:top; text-align: left;" | Substitua este texto |} |- | colspan=2; style="border:0px solid; vertical-align:top;" | {| cellpadding="0" cellspacing="2" style="width:822px; vertical-align:top; text-align: left;" | [[Imagem:Volt.png|link=Suporte:Portal comunitário|right]] |} |}

SERÁ EXIBIDO NO WIKI

Substitua este texto
Substitua este texto
Clique para ampliar
Substitua este texto
Volt.png
Disponível em "http://wiki.splicenet.com.br/suporte/index.php?title=Como_Editar_o_Wiki_Splicenet&oldid=29954"
Ferramentas pessoais
Espaços nominais

Variantes
Ações
Navegação
Ferramentas