Qual é minha questão:
Olá caro nikka!!!

Bom, notei que em um fórum há um SlideShow no inicio do mesmo, e este slide contem noticias e coisas do tipo, bom eu gostaria que me fizessem o código do mesmo de forma que eu posso estar utilizando do mesmo em meu fórum.

Cordialmente!!!


>SlideShow no seguinte fórum

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

Versão do fórum:
PHPBB3

Olá

Leia este tópico:

https://ajuda.forumeiros.com/t75287-slideshow-desse-forum

Resulta?
Até.

Olá,utilize o tópico abaixo:

https://ajuda.forumeiros.com/t51052-

Funcionou ?

Só uma pergunta caro Hugo, onde devo colocar este código, Pagina HTML, Folha de estilo CSS, Mensagem da HomePage ou Código Javascript?

-Ted, eu não compreendi este tutorial.

Olá,
Deve adicionar o código que nosso amigo HugoPimenta lhe enviou em "Mensagem da HomePage", assim ele ficará no inicio de seu fórum.

Ou o senhor poderá coloca-lo em Widgets, é sua opção, em ambas partes, Widgets ou Mensagem da Homepage.

Até mais.

Olá,

Crie um novo JavaScript com este código,

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>


E um Widget com este código,

Código:

["Imagem", "Link]", "_new", "Título"]

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

Resultou ?

Obrigado a todos pela atenção e ajuda, porém ainda tenho uma dúvida com relação ao código.

-Como eu mudo as imagens e noticias? Sabe eu não posso deixar sa noticias de outro fórum em meu fórum.

Código utilizado:

Código:

        <center><iframe style="left: 0px; right: 0px;" src="http://www.pokeshiny.com/h2-" frameborder="no" scrolling="no" height="293" width="954"></iframe></center>

Código:

<center><iframe style="left: 0px; right: 0px;" src="h**SUA NOTICIA**-" frameborder="no" scrolling="no" height="293" width="954"></iframe></center>

Apague "**SUA NOTICIA**" e escreva sua notícia.

Ted, vc enviou-me um código, gostaria que me explicasse como funciona, onde posso por as imagens e links.

Cordialmente!!!

-Lembrando que foi o primeiro código que você me enviou.(O código que é dividido em duas partes)

Olá,no primeiro você não meche..

No segundo você deve editar o seguinte,

Código:

["LINK DA IMAGEM", "LINK PARA REDIRECIONAR]", "_new", "TÍTULO DA IMAGEM"]

LINK DA IMAGEM= O Link da imagem exemplo : https://2img.net/i/fa/fdf_pt3/repondre.png

LINK PARA REDIRECIONAR= É quando clicar na imagem ir pro link que colocar ali.

TÍTULO DA IMAGEM: Não ha explicação,né,

Sem resultados ¬¬

Como pode ver o código passado anterior-mente por Hugo possui um link no mesmo, terminado com h2, neste caso creio que falta um código de pagina HTML para complementar o mesmo, existe a possibilidade de criação da mesma?

Já obtive resultado!!!

Grato a todos, porém eu gostaria de estar divulgando o código neste fórum para que possa estar ajudando os membros do mesmo, existe alguma área reservada para postar tutoriais?

Olá,
Existe a área de tutoriais,porém não sei se conseguirá por um tuto lá.