Exibir código-fonte para Galeria de Fotos no Site Pronto

__TOC__
=Inserir Imagens/Fotos na Galeria=
{|
|-
| colspan=2; style="border:0px solid; vertical-align:top;" |
{| cellpadding="0" cellspacing="2" style="width:822px; vertical-align:top; text-align: right;"
| [[Imagem:Volt.png|link=Novo Site Pronto]]
|}
|-
| colspan=2 style="border:1px solid #cccccc; vertical-align:top;" |
{| cellpadding="2" cellspacing="2" style="width:822px; vertical-align:top; text-align: left;"
| '''Para criar uma galeria de fotos ao final de uma página do Site Pronto, siga o procedimento:'''
|}
|-
| style="border:1px solid #cccccc; vertical-align:center;" |
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
| [[Imagem:NSP_069.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;"
| 1. No Painel de Controle da Hospedagem Linux com Site Pronto, na coluna á esquerda clique em [[Imagem:NSP_070.png|border|link=]].
|}
|-
| style="border:1px solid #cccccc; vertical-align:center;" |
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
| [[Imagem:NSP_131.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;"
| 2. Será exibida a lista de páginas do site.

3. Para editar a galeria de fotos de uma página, clique no botão [[Imagem:NSP_075.png|link=]] na mesma linha do nome da página que deseja editar a galeria de fotos e após clique na opção [[Imagem:NSP_132.png|border|link=]].
|}
|-
| style="border:1px solid #cccccc; vertical-align:center;" |
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
| [[Imagem:NSP_133.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;"
| 4. Será aberta a página para inclusão de imagens na galeria.
<font color=red>'''Atenção:'''</font> As imagens serão exibidas abaixo do [[Editar Conteúdo de uma Página no Site Pronto|conteúdo da página]].
5. Para inserir imagens/fotos clique no botão [[Imagem:NSP_134.png|link=]]
|}
|-
| style="border:1px solid #cccccc; vertical-align:center;" |
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
| [[Imagem:NSP_135.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;"
| 6. Procure e selecione o arquivo da imagem/foto em seu computador, após clique em '''Abrir'''.
|}
|-
| style="border:1px solid #cccccc; vertical-align:center;" |
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
| [[Imagem:NSP_136.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;"
| 7. Aguarde a transferência da imagem/foto de seu computador para o servidor.
|}
|-
| style="border:1px solid #cccccc; vertical-align:center;" |
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
| [[Imagem:NSP_137.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;"
| 9. Após será exibida a confirmação <font color=green>Upload completo</font> e uma miniatura parcial da imagem/foto será exibida.
|}
|-
| style="border:1px solid #cccccc; vertical-align:center;" |
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
| [[Imagem:NSP_138.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;"
| 10. Repita o procedimento para inserir mais imagens/fotos.
As imagens serão automaticamente inseridas abaixo do [[Editar Conteúdo de uma Página no Site Pronto|conteúdo da página]].
|}
|-
| colspan=2; style="border:0px solid; vertical-align:top;" |
{| cellpadding="0" cellspacing="2" style="width:822px; vertical-align:top; text-align: right;"
| [[Imagem:Volt.png|link=Novo Site Pronto]]
|}
|}

=Visualizar Imagens/Fotos da Galeria=
{|
|-
| colspan=2 style="border:1px solid #cccccc; vertical-align:top;" |
{| cellpadding="2" cellspacing="2" style="width:822px; vertical-align:top; text-align: left;"
| '''Para visualizar no Painel de Controle da Hospedagem Linux com Site Pronto a imagem/foto completa de uma miniatura parcial da galeria de fotos de uma das páginas do Site Pronto, siga o procedimento:'''
|}
|-
| style="border:1px solid #cccccc; vertical-align:center;" |
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
| [[Imagem:NSP_069.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;"
| 1. No Painel de Controle da Hospedagem Linux com Site Pronto, na coluna á esquerda clique em [[Imagem:NSP_070.png|border|link=]].
|}
|-
| style="border:1px solid #cccccc; vertical-align:center;" |
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
| [[Imagem:NSP_131.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;"
| 2. Será exibida a lista de páginas do site.

3. Para visualizar uma imagem da galeria, clique no botão [[Imagem:NSP_075.png|link=]] na mesma linha do nome da página que deseja visualizar uma imagem da galeria de fotos e após clique na opção [[Imagem:NSP_132.png|border|link=]].
|}
|-
| style="border:1px solid #cccccc; vertical-align:center;" |
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
| [[Imagem:NSP_139.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;"
| 4. Será aberta a página de edição da galeria de fotos.
<font color=red>'''Atenção:'''</font> As imagens serão exibidas abaixo do [[Editar Conteúdo de uma Página no Site Pronto|conteúdo da página]].
5. Para visualizar a imagem completa de alguma das miniaturas parciais, clique sobre a imagem da miniatura.
|}
|-
| style="border:1px solid #cccccc; vertical-align:center;" |
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
| [[Imagem:NSP_140.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;"
| 6. A imagem da miniatura sobre a qual for clicada será exibida para visualização.
Utilize o botão [[Imagem:NSP_141.png|link=]], localizado no canto superior direito da imagem para fechar a tela de visualização.
|}
|-
| colspan=2; style="border:0px solid; vertical-align:top;" |
{| cellpadding="0" cellspacing="2" style="width:822px; vertical-align:top; text-align: right;"
| [[Imagem:Volt.png|link=Novo Site Pronto]]
|}
|}

=Remover Imagens/Fotos da Galeria=
{|
|-
| 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;"
| <font color=red>'''ATENÇÃO:''' Se remover uma imagem/foto por engano será preciso inserí-la novamente.</font>
|}
|-
| colspan=2 style="border:1px solid #cccccc; vertical-align:top;" |
{| cellpadding="2" cellspacing="2" style="width:822px; vertical-align:top; text-align: left;"
| '''Para remover uma imagem/foto da galeria de fotos de uma página, siga o procedimento:'''
|}
|-
| style="border:1px solid #cccccc; vertical-align:center;" |
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
| [[Imagem:NSP_069.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;"
| 1. No Painel de Controle da Hospedagem Linux com Site Pronto, na coluna á esquerda clique em [[Imagem:NSP_070.png|border|link=]].
|}
|-
| style="border:1px solid #cccccc; vertical-align:center;" |
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
| [[Imagem:NSP_131.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;"
| 2. Será exibida a lista de páginas do site.

3. Para remover uma imagem/foto da galeria, clique no botão [[Imagem:NSP_075.png|link=]] na mesma linha do nome da página que deseja remover a imagem/foto e após clique na opção [[Imagem:NSP_132.png|border|link=]].
|}
|-
| style="border:1px solid #cccccc; vertical-align:center;" |
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
| [[Imagem:NSP_142.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;"
| 4. Será aberta a página de edição da galeria de fotos.
<font color=red>'''Atenção:'''</font> As imagens serão exibidas abaixo do [[Editar Conteúdo de uma Página no Site Pronto|conteúdo da página]].
5. Para remover uma imagem da galeria de fotos, clique na opção [[Imagem:NSP_143.png|link=]] na parte inferior da miniatura.
|}
|-
| style="border:1px solid #cccccc; vertical-align:center;" |
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
| [[Imagem:NSP_144.png]]
|}
| style="border:1px solid #cccccc; background:#f5f5f5; vertical-align:top;"|
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:top; text-align: left;"
| 6. Se tiver certeza confirme a remoção da imagem.
|}
|-
| style="border:1px solid #cccccc; vertical-align:center;" |
{| cellpadding="2" cellspacing="2" style="width:408px; vertical-align:center; text-align: center;"
| [[Imagem:NSP_145.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;"
| A imagem/foto será removida da galeria de fotos da página do Site Pronto.
|}
|-
| colspan=2; style="border:0px solid; vertical-align:top;" |
{| cellpadding="0" cellspacing="2" style="width:822px; vertical-align:top; text-align: right;"
| [[Imagem:Volt.png|link=Novo Site Pronto]]
|}
|}