Conectar-se

Esqueci minha senha

Os membros mais ativos do mês

Quem está conectado
1 usuário online :: Nenhum usuário registrado, Nenhum Invisível e 1 Visitante

Nenhum

[ Ver toda a lista ]


O recorde de usuários online foi de 19 em Ter Jan 03, 2012 9:38 am
Últimos assuntos
» Equipe Web ASA Fórum
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
Sab Maio 19, 2012 9:49 am por Alisson Silva

» [Galeria] Gabriel Schiavi - Atualizado (20/02 - !5:21)
Sab 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


[TUTORIAL] Inserir Widget "Slide de Parceiros"

Ir em baixo

[TUTORIAL] Inserir Widget "Slide de Parceiros"

Mensagem por Fry em Qui Dez 29, 2011 11:53 am

[Você precisa estar registrado e conectado para ver esta imagem.] Inserir Widget "Slide de Parceiros"


Veremos neste tutorial como fazer um Widget com o efeito de slide para divulgação dos nossos parceiros, e oferecer uma melhor visualização, uma vez que o mesmo poderá ser totalmente personalizado por um administrador.




--> Tutoriais, Dicas e Astúcias <--
Inserir Widget "Slide de Parceiros"




- Teremos de criar um widget personalizado, pois somente poderemos aplicar este método a widgets editáveis;

Esse widget personalizado poderá ser adicionado, tanto na página do Portal como no Fórum.
Para adicionar na página do Portal, deverá seguir nessa localização:

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)
[Você precisa estar registrado e conectado para ver este link.]

[Você precisa estar registrado e conectado para ver esta imagem.] [Você precisa estar registrado e conectado para ver esta imagem.] Estrutura - Depois de aceder à "Configuração do portal", carregue em "Estrutura" da página do Portal que está a utilizar.
[Você precisa estar registrado e conectado para ver esta imagem.] [Você precisa estar registrado e conectado para ver esta imagem.] Criar um widget personalizado - Terá de carregar neste botão para poder criar o seu novo widget;


Caso contrário, poderá adicionar esse widget personalizado, numa página do Fórum, assim:

Painel de Controle -> Módulos -> Portal & Widgets -> Gestão dos Widgets do Fórum
Criar um widget personalizado

(carregue na imagem para aumentar)
[Você precisa estar registrado e conectado para ver este link.]

[Você precisa estar registrado e conectado para ver esta imagem.] [Você precisa estar registrado e conectado para ver esta imagem.] Criar widget personalizado - Terá de carregar neste botão para poder criar o seu novo widget;




- Teremos de criar o widget que suportará este código:

(carregue na imagem para aumentar)
[Você precisa estar registrado e conectado para ver este link.]

[Você precisa estar registrado e conectado para ver esta imagem.] [Você precisa estar registrado e conectado para ver esta imagem.] 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;
[Você precisa estar registrado e conectado para ver esta imagem.] [Você precisa estar registrado e conectado para ver esta imagem.] Utilizar um table type - Escolhe a opção "Sim", para que o widget, apresente a estrutura, uma vez que esta não será criada através do código que constará no widget;
[Você precisa estar registrado e conectado para ver esta imagem.] [Você precisa estar registrado e conectado para ver esta imagem.] Título do widget - Coloque o título que será exibido neste widget quando o mesmo for colocado na estrutura do seu fórum;
[Você precisa estar registrado e conectado para ver esta imagem.] [Você precisa estar registrado e conectado para ver esta imagem.] Fonte do widget - O conteúdo do widget, terá o fundamental, os links, código este que está disponível, mais à frente;
[Você precisa estar registrado e conectado para ver esta imagem.] [Você precisa estar registrado e conectado para ver esta imagem.] Salvar - Por fim, após colocar o código, terá de "salvar" o seu widget personalizado. E mantenha-se na mesma página.



- Criar o código:
Agora iremos adcionar o código no widget.

Para a configuração do slide
<div class="inner"><span class="corners-top"><span></span></span><div class="h3">Parceiros</div><div id="comments_scroll_div"><marquee id="comments_scroll_container" direction="up" scrollamount="2" scrolldelay="50" width="180" height="300"><a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();">


Vermelho: Nome do Widget.
Laranja: Velocidade do slide (quanto maior o número, menor a velocidade e vice-versa)
Verde: A propriedade width representa o valor da largura para a imagem.
(Se modificar, o banner poderá ser cortado)
Verde: A propriedade height representa o valor da altura para a imagem.
(Se modificar, o banner poderá ser cortado)

Para cada banner/parceiro
<a href="LINK DO FÓRUM PARCEIRO" class="postlink" target="_blank">
<img src="LINK DO BANNER DO PARCEIRO" border="0" alt="" /></a>


Vermelho: Link do fórum.
Laranaja: Link do banner de parceria do fórum.

Ao final do widget

</marquee>

</div>

<span class="corners-bottom"><span></span></span>

</div>


O código completo ficará assim:
<div class="inner">
<span class="corners-top"><span></span></span>

<div class="h3">Últimos assuntos</div>

<div id="comments_scroll_div">
<marquee id="comments_scroll_container" direction="up" scrollamount="3" scrolldelay="50" width="180" height="300" onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();">



<a href="http://www.ajuda.forumeiros.com" class="postlink" target="_blank">
<img src="https://illiweb.com/fa/banner/pt/banner5.png" border="0" alt="" /></a>


<a href="http://www.criarumblog.com/" class="postlink" target="_blank">
<img src="https://illiweb.com/bl/banner/en/banner5.png" border="0" alt="" /></a>


</marquee>

</div>

<span class="corners-bottom"><span></span></span>

</div>



- Agora teremos de colocar o widget criado, na estrutura do Portal / Fórum.
Para utilizar esse Widget Personalizado na página do Portal, assim:
Painel de Controle -> Módulos -> Portal & Widgets -> Configuração do portal -> Estrutura

(carregue na imagem para aumentar)
[Você precisa estar registrado e conectado para ver este link.]

[Você precisa estar registrado e conectado para ver esta imagem.] [Você precisa estar registrado e conectado para ver esta imagem.] Estrutura - Depois de aceder à "Configuração do portal", carregue em "Estrutura" da página do Portal que está a utilizar.
[Você precisa estar registrado e conectado para ver esta imagem.] [Você precisa estar registrado e conectado para ver esta imagem.] 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.
[Você precisa estar registrado e conectado para ver esta imagem.] [Você precisa estar registrado e conectado para ver esta imagem.] "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.
[Você precisa estar registrado e conectado para ver esta imagem.] [Você precisa estar registrado e conectado para ver esta imagem.] Autorizações do widget - Já com o Portal actualizado, já poderá modificar as autorizações do widget, carregando em "Autorizações" ([Você precisa estar registrado e conectado para ver esta imagem.]).
[Você precisa estar registrado e conectado para ver esta imagem.] [Você precisa estar registrado e conectado para ver esta imagem.] Autorizações - Neste painel, poderá escolher quais os grupos de usuários poderão visualizar o widget.


Caso pretenda utilizar esse Widget Personalizado na página do fórum, será assim:

Painel de Controle -> Módulos -> Portal & Widgets -> Gestão dos widgets do fórum

(carregue na imagem para aumentar)
[Você precisa estar registrado e conectado para ver este link.]

[Você precisa estar registrado e conectado para ver esta imagem.] [Você precisa estar registrado e conectado para ver esta imagem.] Widgets - Escolha o widget que criamos que para prosseguirmos com o tutorial.
[Você precisa estar registrado e conectado para ver esta imagem.] [Você precisa estar registrado e conectado para ver esta imagem.] Autorizações - Neste painel, poderá escolher quais os grupos de usuários poderão visualizar o widget.
[Você precisa estar registrado e conectado para ver esta imagem.] [Você precisa estar registrado e conectado para ver esta imagem.] Colocação - Agora, selecione a colocação do widget: Coluna 1 ou Coluna 2. Coluna 1 = Esquerda / Coluna 2 = Direita.
[Você precisa estar registrado e conectado para ver esta imagem.] [Você precisa estar registrado e conectado para ver esta imagem.] Adcionar Widget - Agora que está tudo configurado, clique em Adcionar Widget para colocá-lo no fórum.
[Você precisa estar registrado e conectado para ver esta imagem.] [Você precisa estar registrado e conectado para ver esta imagem.] Salvar - Depois de adcionado, salve as configurações para que não tenha que fazer tudo denovo.





© Fórum dos Fóruns



[Você precisa estar registrado e conectado para ver esta imagem.] Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Inserir Widget "Slide de Parceiros"
avatar
Fry
Admintradores
Admintradores

Posts Posts : 175
Idade Idade : 19
Respeito Respeito : 0
Web Moedas Web Moedas : 415

http://Em breve...

Voltar ao Topo Ir em baixo

Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum