Alguém sabe a existência de um widget desse?

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Alguém sabe a existência de um widget desse?

Mensagem por Nagareboshi em 23/12/11, 09:03 pm

Qual é minha questão:
Bom, no Site www.otakupt.com há um tipo de um Widget de Destaque, que fica passando algumas imagem com respectivas frases que abordam o tópico, o site não é um fórum, mas eu queria saber se alguém sabe sobre um código para aplicar no widget que faça algo parecido, eu sei que posso estar violando as regras '-'

Medidas que eu tomei para corrigir o problema:
Procurar...procurar...procurar...

Imagens do meu problema:


Endereço do meu fórum:
http://forumtmx.forumeiros.com/forum

Versão do meu fórum:
PHPBB3
avatar

Nagareboshi
Nível 2

Masculino
Inscrito dia : 03/12/2011
Mensagens : 11
Pontos Ativos : 24

Ver perfil do usuário http://forumtmx.forumeiros.com/

Resolvido Re: Alguém sabe a existência de um widget desse?

Mensagem por Nickname em 23/12/11, 09:22 pm

Olá Nagareboshi
Você Sabe que o Site Acima não e do Serviço da Forumeiros
Então o Codigo que eu saiba parece que não têm para os Foruns da Forumeiros
Lamento

Nickname
Membro do Fórum

Masculino
Inscrito dia : 13/11/2011
Mensagens : 1551
Pontos Ativos : 2048

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Alguém sabe a existência de um widget desse?

Mensagem por Ace em 23/12/11, 09:24 pm

Olá,

Leia o conteúdo do spoiler

Spoiler:
Slides em widgets

Usando como base este tutorial, pode-se adicionar imagens e textos em um determinado widget em forma de slides. Dessa forma, é possível adicionar imagens e de modo que as imagens fiquem mais organizadas e dando um tom de elegância ao fórum.

--> Tutoriais & Astúcias <--
Slides em widgets


Para que possamos prosseguir com o tutorial, é preciso que tenha noção sobre a edição dos widgets, que serão necessários para a continuação deste tutorial. Para isso, veja: [FAQ] Gerenciar os Widgets do Fórum

Nº 1 - Código a ser utilizado:
Código:
 

    <script type="text/javascript" src="http://steeph.vilabol.uol.com.br/slidedenovidades/slide3_script1.js"></script>
    <script type="text/javascript" src="http://steeph.vilabol.uol.com.br/slidedenovidades/slide3_script2.js"></script>

    <script>
    var simpleGallery_navpanel={
        panel: {height:'45px', opacity:0.5, paddingTop:'5px', fontStyle:'bold 11px Verdana'}, //customize nav panel container
        images: [    'http://img801.imageshack.us/img801/833/left.gif', 'http://img185.imageshack.us/img185/4655/playf.gif', 'http://img824.imageshack.us/img824/9263/right.gif', 'http://img291.imageshack.us/img291/3786/paused.gif'    ], //nav panel images (in that order)
        imageSpacing: {offsetTop:[-4, 0, -4], spacing:10}, //top offset of left, play, and right images, PLUS spacing between the 3 images
        slideduration: 500 //duration of slide up animation to reveal panel
    }
    </script>

    <script type="text/javascript">

    var mygallery=new simpleGallery({
        wrapperid: "simplegallery1", //ID of main gallery container,
        dimensions: [500, 220], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
        imagearray: [
            ["Imagem", "Link]", "_new", "Título"], 
         
        ],
        autoplay: [true, 2500, 50], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
        persist: false, //remember last viewed slide and recall within same session?
        fadeduration: 500, //transition duration (milliseconds)
        oninit:function(){ //event that fires when gallery has initialized/ ready to run
            //Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
        },
        onslide:function(curslide, i){ //event that fires after each slide is shown
            //Keyword "this": references current gallery instance
            //curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
            //i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
        }
    })

    </script><div class="slideshowborda" id="simplegallery1" style="z-index:1;">
    </div>

Imagem -> Imagem que aparecerá no slide
Link -> Link de redireção de quando for clicado na imagem
Título -> O título que se apresenta no cabeçalho]

Nº 2 - Criar um widget para sustentar o código:
Para que possamos adicionar o código, teremos de criar um widget, que será onde o código ficará. Para isso é necessário aceder à:
Painel de controle Admineiros Módulos Admineiros Portal & Widgets Admineiros Widgets

Seta Nome do widget - Pode colocar o título que quiser para o widget, não irá afetar em nada.
Seta Utilizar um table type : - Esta terá de ser obrigatóriamente sim. Caso marque-a, o código não irá funcionar adequadamente.
Seta Título do widget : - O título que desejar, também não afeta em nada.
Seta Fonte do widget: - Coloque aqui o código que trabalhamos no item anterior.

--> FAQ do Tutorial <--
Slides em widgets


  • Posso adicionar em qualquer widget?
    Sim pode adicionar em qualquer widget desde que siga as instruções do tutorial, poderá também utiliza-la no portal.




© Fórum dos Fóruns

Até Mais!
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Alguém sabe a existência de um widget desse?

Mensagem por Nagareboshi em 24/12/11, 01:13 pm

Questão resolvida, muito obrigado.
avatar

Nagareboshi
Nível 2

Masculino
Inscrito dia : 03/12/2011
Mensagens : 11
Pontos Ativos : 24

Ver perfil do usuário http://forumtmx.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

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