Entrar
Os membros mais ativos do mês
Nenhum usuário |
Quem está conectado?
Há 2 usuários online :: 0 registrados, 0 invisíveis e 2 visitantes :: 1 motor de buscaNenhum
[ Ver toda a lista ]
O recorde de usuários online foi de 23 em Seg Jun 08, 2020 3:43 am
Últimos assuntos
[TUTORIAL] Criar um "Widget duplo"
Web ASA Fórum | Oficial :: Geral :: :: Serviços Web Sites :: Suporte Forumeiros :: Forumeiros & Você :: Tutoriais, dicas e astúcias :: Widgets e módulos personalizados
Página 1 de 1
[TUTORIAL] Criar um "Widget duplo"
Neste tutorial iremos aprender a criar um widget, que terá como particularidade o fato deste ser dividido em duas colunas, para que possa ocupar menos espaço na estrutura do fórum e que é muito bom para o agrupamento de informações semelhantes.
1º - Teremos de criar um widget personalizado, pois somente poderemos aplicar este método a widgets editáveis;
Painel de Controle -> Módulos -> Portal & Widgets -> Configuração do portal
Depois terá de escolher:
Estrutura -> Criar um widget personalizado
2º - Teremos de colocar o módulo com uma visualização diferente, ou seja teremos de retirar o quadro padrão (table type) que normalmente fica em volta dos módulos:
3º - Agora teremos de aplicar o conteúdo no widget;
Para cada versão teremos de utilizar um código diferente, somente deverá copiar o código referente á sua versão.
Agora que já colocamos o código no widget, vamos modificar os conteúdos:
- Título do Widget -> A primeira parte a ser modificada, podemos colocar o título, normalmente, como se colocássemos nos campos que estão em cima.
- Conteúdo -> Colocámos o nosso conteúdo, o que pretendemos que seja mostrado em cada uma das colunas, na mesma como procedemos com o título, também aqui, devemos colocar, como se estivéssemos a colocar num widget normal.
4º - Agora teremos de colocar o widget criado, na estrutura do Portal.
Para isso terá de aceder a:
Painel de Controle -> Módulos -> Portal & Widgets -> Configuração do portal -> Estrutura
5º - O resultado final:
--> Tutorial <--
Criar um "Widget duplo"
Criar um "Widget duplo"
1º - Teremos de criar um widget personalizado, pois somente poderemos aplicar este método a widgets editáveis;
Painel de Controle -> Módulos -> Portal & Widgets -> Configuração do portal
Depois terá de escolher:
Estrutura -> Criar um widget personalizado
(carregue na imagem para aumentar)
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] | Estrutura - Depois de aceder à "Configuração do portal", carregue em "Estrutura" da página do Portal que está a utilizar. |
Criar um widget personalizado - Terá de carregar neste botão para poder criar o seu novo widget; |
2º - Teremos de colocar o módulo com uma visualização diferente, ou seja teremos de retirar o quadro padrão (table type) que normalmente fica em volta dos módulos:
(carregue na imagem para aumentar)
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Nome do widget - Terá de colocar um título para o widget, de forma a poder identifica-lo na lista dos widgets pessoais do Painel de Controle; |
Utilizar um table type - Escolhe a opção "Não", para que o widget, não apresente nenhuma estrutura, uma vez que esta já será criada através do código que constará no widget; |
Título do widget - Neste campo, é indiferente colocar ou não, um título, uma vez que este já está designado no próprio código. para evitar confusões recomenda-se, não colocar nenhum título; |
Fonte do widget - O conteúdo do widget, terá o fundamental, que é toda aa estrutura e conteúdo original, código este que está disponível, mais à frente; |
Salvar - Por fim, após colocar o código, terá de "salvar" o seu widget personalizado. E mantenha-se na mesma página. |
3º - Agora teremos de aplicar o conteúdo no widget;
Para cada versão teremos de utilizar um código diferente, somente deverá copiar o código referente á sua versão.
PhpBB 2 |
|
PhpBB 3 |
|
PunBB |
|
Invision |
|
Agora que já colocamos o código no widget, vamos modificar os conteúdos:
- Título do Widget -> A primeira parte a ser modificada, podemos colocar o título, normalmente, como se colocássemos nos campos que estão em cima.
- Conteúdo -> Colocámos o nosso conteúdo, o que pretendemos que seja mostrado em cada uma das colunas, na mesma como procedemos com o título, também aqui, devemos colocar, como se estivéssemos a colocar num widget normal.
4º - Agora teremos de colocar o widget criado, na estrutura do Portal.
Para isso terá de aceder a:
Painel de Controle -> Módulos -> Portal & Widgets -> Configuração do portal -> Estrutura
(carregue na imagem para aumentar)
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Estrutura - Depois de aceder à "Configuração do portal", carregue em "Estrutura" da página do Portal que está a utilizar. |
Widget personalizado - Depois de entrar na estrutura da página, terá de localizar o widget personalizado, que se encontra no separador "Widgets pessoais", por baixo da matriz do Portal. |
"Salvar" Portal - Agora que está localizado o widget, mova-o para a matriz do Portal, através do método drag&drop (arrastar e soltar). Depois de efectuar essa acção, terá de carregar em "salvar", para que o Portal seja actualizado. |
Autorizações do widget - Já com o Portal actualizado, já poderá modificar as autorizações do widget, carregando em "Autorizações" ([Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]). |
Autorizações - Neste painel, poderá escolher quais os grupos de usuários poderão visualizar o widget. |
5º - O resultado final:
(carregue na imagem para ampliar)
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
--> FAQ <--
Criar um "Widget duplo"
Criar um "Widget duplo"
- Como posso adicionar uma imagem junto ao título do Widget?
Terá de utilizar o seguinte código:<img src="URL_DA_IMAGEM"> Título do Widget
- Em que situações é recomendável utilizar esta estrutura?
Ela pode ser usada em situações onde desejamos economizar espaço e em que a coluna tenha um tamanho relativamente grande o suficiente para comportar os Widgets pois, cada um ocupa 50% do tamanho total da coluna em que estão colocados.
© Fórum dos Fóruns
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Criar um "Widget duplo" |
Tópicos semelhantes
» [TUTORIAL] Criar um widget de parceiros
» [TUTORIAL] Widget "Bloco de notas"
» [TUTORIAL] Amigos do membro no widget
» [TUTORIAL] Adicionar fóruns à um widget
» [TUTORIAL] Widget que oculta conteúdo
» [TUTORIAL] Widget "Bloco de notas"
» [TUTORIAL] Amigos do membro no widget
» [TUTORIAL] Adicionar fóruns à um widget
» [TUTORIAL] Widget que oculta conteúdo
Web ASA Fórum | Oficial :: Geral :: :: Serviços Web Sites :: Suporte Forumeiros :: Forumeiros & Você :: Tutoriais, dicas e astúcias :: Widgets e módulos personalizados
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|
Dom Jun 24, 2012 11:15 am por Alisson Silva
» [Re-Apresentação] Fábio
Sex maio 25, 2012 4:45 pm por Fábio
» PixelZIP ~ design&programção em só lugar
Sex maio 25, 2012 4:44 pm por Fábio
» Pedido de logo
Dom maio 20, 2012 10:06 am por Alisson Silva
» Kernel - Apresentação
Sáb maio 19, 2012 9:49 am por Alisson Silva
» [Galeria] Gabriel Schiavi - Atualizado (20/02 - !5:21)
Sáb maio 19, 2012 9:48 am por Alisson Silva
» HEBBO HOTEL 24 HORAS ONLINE !!
Sex maio 04, 2012 7:20 pm por Alisson Silva
» Pedido de Layout
Sex maio 04, 2012 5:23 pm por Fonsecca
» [RESOLVIDO]TV CCE HPS 2071-D (IMAGEM SÓ EMBAIXO, ACIMA, LINHAS DE RETRAÇO E FAIXA PRÊTA NO TOPO DA TELA).
Qua Abr 11, 2012 4:07 pm por Fry
» [contato] Deixo aqui meus contatos virtuais
Qua Abr 11, 2012 3:25 pm por Fry