Widget com slide

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

Resolvido Widget com slide

Mensagem por danilox100 em 21/11/11, 10:20 pm

Qual é minha questão:
eu peguei um código de Slide aqui, e adicionei ele em um widget, só que não consigo ajusta-lo,e acabou bagunçando o fórum, deixando ele de canto, ao invez de estar centralizado.


aqui o link do tópico onde eu peguei o código
Link Tópico

peguei o ultimo código postado pelo Jeffrey

Medidas que eu tomei para corrigir o problema:
ainda não achei alguma medida para correção =\

Imagens do meu problema:
http://i40.servimg.com/u/f40/11/50/67/17/imgpro10.jpg

Endereço do meu fórum:
http://mercenarios-rs.forumbrasil.net/portal

Versão do meu fórum:
PHPBB2
avatar

danilox100
Nível 5

Masculino
Inscrito dia : 22/02/2011
Mensagens : 59
Pontos Ativos : 94

Ver perfil do usuário http://www.mercenariosbr.com

Resolvido Re: Widget com slide

Mensagem por Dury em 21/11/11, 10:29 pm

Olá,

Perdão meu amigo, isso foi um erro meu que devia ter arrumado no mesmo dia que respondi aquela questão. Queira tentar com esse script:
Código:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

  <script type="text/javascript">var _siteRoot='index.html',_root='index.html';</script>

  <script type="text/javascript" src="js/jquery.js"></script>

  <script type="text/javascript" src="js/scripts.js"></script>
 <style>* {
div#header div#slide-holder {

z-index : 40;

width : 790px;

height : 250px;

position : absolute;

}

div#header div#slide-holder div#slide-runner {

top : 0px;

left : 0px;

width : 790px;

height : 250px;

overflow : hidden;

position : absolute;

}

div#header div#slide-holder img {

margin : 0;

display : none;

position : absolute;

}

div#header div#slide-holder div#slide-controls {

left : 0;

bottom : 0px;

width : 790px;

height : 46px;

display : none;

position : absolute;

background : url(img/home/slide-bg.png) 0 0;

}

div#header div#slide-holder div#slide-controls p.text {

float : left;

color: #000;

display : inline;

font-size : 12px;

line-height : 16px;

margin : 15px 0 0 20px;

text-transform : uppercase;

font-weight:bold;

}

div#header div#slide-holder div#slide-controls p#slide-nav {

float : right;

height : 24px;

display : inline;

margin : 11px 15px 0 0;

}

div#header div#slide-holder div#slide-controls p#slide-nav a {

float : left;

width : 24px;

height : 24px;

display : inline;

font-size : 11px;

margin : 0 5px 0 0;

line-height : 24px;

font-weight : bold;

text-align : center;

text-decoration : none;

background-position : 0 0;

background-repeat : no-repeat;

}

div#header div#slide-holder div#slide-controls p#slide-nav a.on {

background-position : 0 -24px;

}

div#header div#slide-holder div#slide-controls p#slide-nav a {

background-image : url(img/home/silde-nav.png);

}

div#nav ul li a {

background : url(img/home/nav.png) no-repeat;

}

 

 </style>

 

  <!--/top-->

 

 
<div id="header"><div class="wrap">
<div id="slide-holder">
<div id="slide-runner">

<a href="http://www.vcfaz.net/viewtopic.php?t=164979" target="_top"><img id="slide-img-1" src="img/home/ringer.jpg" class="slide" alt="" /></a>

<a href="http://www.vcfaz.net/viewtopic.php?t=164784" target="_top"><img id="slide-img-2" src="img/home/teen_wolf.jpg" class="slide" alt="" /></a>

<a href="http://www.vcfaz.net/viewtopic.php?t=164778" target="_top"><img id="slide-img-3" src="img/home/DiscSc.jpg" class="slide" alt="" /></a>

<a href="http://www.vcfaz.net/viewtopic.php?t=165084" target="_top"><img id="slide-img-4" src="img/home/ashton_kutcher_1.jpg" class="slide" alt="" /></a>

<a href="http://www.vcfaz.net/viewtopic.php?t=165082" target="_top"><img id="slide-img-5" src="img/home/thesecretcircle.jpg" class="slide" alt="" /></a>

<a href="http://www.vcfaz.net/viewtopic.php?p=1263288" target="_top"><img id="slide-img-6" src="img/home/Juntos.jpg" class="slide" alt="" /></a>

<a href="http://www.vcfaz.net/viewtopic.php?t=164697" target="_top"><img id="slide-img-7" src="img/home/2710__ae1.jpg" class="slide" alt="" /></a>

<a href="http://www.vcfaz.net/viewtopic.php?p=1258305" target="_top"><img id="slide-img-8" src="img/home/2510_tcdez.jpg" class="slide" alt="" /></a>

<a href="http://www.vcfaz.net/viewtopic.php?t=163296" target="_top"><img id="slide-img-9" src="img/home/2510_viva.jpg" class="slide" alt="" /></a>
<div id="slide-controls">

    <p id="slide-client" class="text"><strong> </strong><span></span></p>

    <!--<p id="slide-desc" class="text"> </p>-->

    <p id="slide-nav"></p>

    </div>

</div>

  <!--content featured gallery here -->

  </div>

  <script type="text/javascript">

 

    if(!window.slider) var slider={};slider.data=[

      {"id":"slide-img-1","client":"NET abre sinal de oito canais","desc":""},

      {"id":"slide-img-2","client":"Sony Spin abre sinal para final de temporada de Teen Wolf","desc":""},

      {"id":"slide-img-3","client":"Discovery Science apresenta nova identidade visual","desc":""},

      {"id":"slide-img-4","client":"Warner estreia 9ª temp. de Two and a Half Men","desc":""},

      {"id":"slide-img-5","client":"Warner Channel estreia The Secret Circle na próxima semana ","desc":""},

      {"id":"slide-img-6","client":"Dezembro: Confira as estréias da HBO","desc":""},

      {"id":"slide-img-7","client":"A&E sem infomerciais em novembro! Exemplo a ser seguido ","desc":""},

      {"id":"slide-img-8","client":"Confira as Superestreias do Telecine Premium em dezembro","desc":""},

      {"id":"slide-img-9","client":"Barriga de Aluguel reestreia no Viva em dezembro","desc":""},

 

 



  ];

  </script>

  </div></div><!--/header-->
Se tive problemas com ele, poderá nos informar.


Até mais!
Piscada

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

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Widget com slide

Mensagem por danilox100 em 21/11/11, 10:38 pm

Opa Jeffrey vlw mesmo....

coloquei esse novo script e resolveu o problema, só que agora não esta aparecendo o slide,fotos etc...
avatar

danilox100
Nível 5

Masculino
Inscrito dia : 22/02/2011
Mensagens : 59
Pontos Ativos : 94

Ver perfil do usuário http://www.mercenariosbr.com

Resolvido Re: Widget com slide

Mensagem por Oto! em 22/11/11, 10:24 am

Olá!

Poderia nos apresentar uma imagem? Desculpe o inconveniente!

Cordialmente,
Atendimento ao Usuário Forumeiros
avatar

Oto!
Hiperativo

Inscrito dia : 07/04/2011
Mensagens : 3363
Pontos Ativos : 4818

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

Resolvido Re: Widget com slide

Mensagem por danilox100 em 22/11/11, 12:36 pm

Olá Mr.Helper

aqui esta uma foto do problema, como eu havia dito, o problema da posição do fórum foi resolvido com o código do Jeffrey, só que agora ficou sem aparecer nada =\ oque será que pode estar acontecendo ?

http://i40.servimg.com/u/f40/11/50/67/17/imgpro11.jpg

onde esta sublinhado em verde, é onde esta o widget com o slide.

agradeço pela atenção
avatar

danilox100
Nível 5

Masculino
Inscrito dia : 22/02/2011
Mensagens : 59
Pontos Ativos : 94

Ver perfil do usuário http://www.mercenariosbr.com

Resolvido Re: Widget com slide

Mensagem por danilox100 em 24/11/11, 07:20 pm

Olá pessoal, gostaria de saber se alguem ja conseguiu alguma solução para meu problema.
avatar

danilox100
Nível 5

Masculino
Inscrito dia : 22/02/2011
Mensagens : 59
Pontos Ativos : 94

Ver perfil do usuário http://www.mercenariosbr.com

Resolvido Re: Widget com slide

Mensagem por KraD em 29/11/11, 10:35 pm

Aki seu forum está com slide funcionando, e afinal... forum massa em (:
avatar

KraD
Nível 7

Masculino
Inscrito dia : 04/11/2011
Mensagens : 89
Pontos Ativos : 175

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

Resolvido Re: Widget com slide

Mensagem por danilox100 em 30/11/11, 01:23 am

opa KraD, então esse slide que vc viu é outro, estou fazendo uns teste com esse, aquele nem deu certo.
ai em quanto eu aguardo alguma solução pra esse, vo ficar tentando naquele outro

e vlw pelo elogio Feliz
avatar

danilox100
Nível 5

Masculino
Inscrito dia : 22/02/2011
Mensagens : 59
Pontos Ativos : 94

Ver perfil do usuário http://www.mercenariosbr.com

Resolvido Re: Widget com slide

Mensagem por Oto! em 30/11/11, 10:18 am

Caro usuário,

Existe um tutorial paralelo:
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


Abraços!
avatar

Oto!
Hiperativo

Inscrito dia : 07/04/2011
Mensagens : 3363
Pontos Ativos : 4818

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

Resolvido Re: Widget com slide

Mensagem por danilox100 em 30/11/11, 10:34 am

Olá Mr.Helper

com esse slide eu obtive um excelente resultado, portanto... caso resolvido Muito feliz

muito obrigado a todos que postaram no tópico,
um grande abraço !!!

e Dalhe FORUMEIROS Tive uma idéia!
avatar

danilox100
Nível 5

Masculino
Inscrito dia : 22/02/2011
Mensagens : 59
Pontos Ativos : 94

Ver perfil do usuário http://www.mercenariosbr.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