[Resolvido] Slide na pagina inicial

Item: [Resolvido] Slide na pagina inicial
Rating: 1

por Felipe™ 27.03.12 18:33

Qual é minha questão:
Como colocar os slides de noticias, lembretes e etc na pagina inicial do forum

Medidas que eu tomei para corrigir o problema:
Fis a busca mais não encontrei

Links e imagens do meu problema:
Resolvido - [Resolvido] Slide na pagina inicial Duvidaforumeiros

Resolvido - [Resolvido] Slide na pagina inicial Duvidaforumeiros

Endereço do meu fórum:
Forum-frito.forumeiros.com

Versão do meu fórum:
PHPBB3

por MateusV. 27.03.12 18:35

Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber:

Regras do Fórum, e o que você não deve fazer neste fórum.
Os demais fóruns de Suporte Forumeiros
Lista de Tutoriais e astúcias e Questões frequentes.
Conheça a Staff do Fórum dos Fóruns.
Conheça a função Busca.

Olá, leia o conteudo do spoiler

Spoiler:

Resolvido - [Resolvido] Slide na pagina inicial Images10

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

Resolvido - [Resolvido] Slide na pagina inicial Warning

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

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
Caso queira adicionar mais imagens e links, é só multiplicar a parte:

Código:: ["Imagem", "Link]", "_new", "Título"]

Sempre adicionando uma virgula após cada código.

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 Módulos Portal & Widgets Widgets

Resolvido - [Resolvido] Slide na pagina inicial Wf310

Resolvido - [Resolvido] Slide na pagina inicial 110111

Nome do widget - Pode colocar o título que quiser para o widget, não irá afetar em nada.

Resolvido - [Resolvido] Slide na pagina inicial 110210

Utilizar um table type : - Esta terá de ser obrigatóriamente sim. Caso marque-a, o código não irá funcionar adequadamente.

Resolvido - [Resolvido] Slide na pagina inicial 110310

Título do widget : - O título que desejar, também não afeta em nada.

Resolvido - [Resolvido] Slide na pagina inicial 110410

Fonte do widget: - Coloque aqui o código que trabalhamos no item anterior.

Resultado:

Resolvido - [Resolvido] Slide na pagina inicial Act_bottom

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Slides em widgets

Cordialmente. Piscada

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'

por Felipe™ 27.03.12 18:37

Atualizado post

Me ajudem Por favor

por MateusV. 27.03.12 18:39

Olá, peço novamente leia o conteudo do spoiler que eu enviei.

Cordialmente. Piscada

por Felipe™ 27.03.12 18:41

Eu não quero deixar daquele geito queria deixar igual a este forum

Com aquele designer

por MateusV. 27.03.12 18:43

Olá, poderia me fornecer o link do forum que viu tal efeito?

Cordialmente. Piscada

por Felipe™ 27.03.12 18:45

deste msm la em cima embaixo do logo que passa aqueles slides que aparece os seguintes nomes

Suporte: Seção js. & suporte opicional!!
e etc

Queria deixar com esse msm designer

por MateusV. 27.03.12 18:50

Olá, aceda ao seu

Painel de controle Geral Mensagens e E-mails Anúncios

Procure por "Ativar os anúncios :" marque sim e salve, feito isto aceda ao seu

Painel de controle Geral Mensagens e E-mails Anúncios

Clique no botão Adicionar

para criar um novo anuncio, e em "Conteúdo * :" coloque o seguinte codigo

<tr class="zebraUm"><td style="padding-right: 10px;"> <img src="https://2img.net/i/fa/fdf/outils.png" height="60"> </td><td align="center"> <a href="/t55096-" style="font-size: 2.8em; color: #86B125;font-family:tahoma;"><span style="color:#00A4CD;">Suporte: </span> Seção .JS & suporte opcional!</a></td></tr>

E salve.

Cordialmente. Piscada

por Felipe™ 27.03.12 18:56

Muito obrigado você e um grande Ajudeiro continue assim
Adc msn se possivel: Felipevictor-@hotmail.com

Ganhou o meu (Obrigado)

[Resolvido] Slide na pagina inicial

[Resolvido] Slide na pagina inicial

Re: [Resolvido] Slide na pagina inicial

Re: [Resolvido] Slide na pagina inicial

Re: [Resolvido] Slide na pagina inicial

Re: [Resolvido] Slide na pagina inicial

Re: [Resolvido] Slide na pagina inicial

Re: [Resolvido] Slide na pagina inicial

Re: [Resolvido] Slide na pagina inicial

Re: [Resolvido] Slide na pagina inicial