Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Efeito no avatar em mensagens no tópico
Hoje à(s) 01:34 am por Dark Hunter

» Imagem do topico
Ontem à(s) 11:50 pm por Harleen

» #10422 Forumeiros desativa e reenvia a url para este site
Ontem à(s) 10:39 pm por Forumpw

» [PEDIDO] - Logo
Ontem à(s) 09:38 pm por Tiger

» Caixa de resposta rápida nos tópicos
Ontem à(s) 09:07 pm por Harleen

» Template quebra ao ser editado
Ontem à(s) 08:52 pm por Starset

» Ícones de redes sociais e feed
Ontem à(s) 08:14 pm por Harleen

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Kyo Panda
 
Fatalisss
 
Harleen
 
JulioPais
 
APOllO
 
Shek
 
Holkis
 
MtX
 
Forumpw
 
Roger_Crazzy
 

Quem está conectado
214 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 212 Visitantes :: 2 Motores de busca

JulioPais, Noia 2.0

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Widget Top 5 Galeria

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

Resolvido Widget Top 5 Galeria

Mensagem por YouTube3 em 23/07/16, 10:04 am

Detalhes da questão


Endereço do fórum: http://BestCode.Forumeiros.com
Versão do fórum: PunBB

Descrição


Bom, tava sem nada para fazer quando entrei em um fórum me deparei com um Widget Top 5 Galerias, gostei bastante dele.
Queria saber como faço para por no meu fórum.

Widget Top 5 Galerias: http://i.imgur.com/GOzFR9x.jpg
Fórum onde vi: http://suportedesign.forumeiros.com/

Até mais.


Última edição por YouTube3 em 23/07/16, 04:11 pm, editado 2 vez(es)
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1080
Pontos Ativos : 1543

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Widget Top 5 Galeria

Mensagem por REVIEW em 23/07/16, 11:24 am

Olá autor,
crie um widget personalizado com o seguinte código:
Código:
<style>.picshow{z-index:444;position:relative;background-color:#ffffff;width:100%;height:135px}.picshow_main{position:relative;width:180px;height:135px}.picshow_main .imgbig{filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4,motion=forward);width:180px;height:135px}.picshow_change{position:absolute;text-align:left;bottom:0px;height:30px;right:5px;left:60px}.picshow_change img{width:15px;height:15px}.picshow_change a{border:1px solid;display:block;float:left;margin-right:5px;-display:inline}a.axx{border-color:#555}a.axx:hover{border-color:#000}a.axx img{filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4}a.axx:hover img{filter:alpha(opacity=100);opacity:1.0;-moz-opacity:1.0}a.bxx{border-color:#000}a.bxx:hover{border-color:#000}img{border:0px}</style>
<script>var counts = 5;
 img1 = new Image();
 img1.src = 'URL DA IMAGEM';
 img2 = new Image();
 img2.src = 'URL DA IMAGEM';
 img3 = new Image();
 img3.src = 'URL DA IMAGEM';
 img4 = new Image();
 img4.src = 'URL DA IMAGEM';
 img5 = new Image();
 img5.src = 'URL DA IMAGEM';
 var smallImg = new Array();
 smallImg[0] = 'http://illiweb.com/fa/optimisation_fdf/common/bouton1.gif';
 smallImg[1] = 'http://illiweb.com/fa/optimisation_fdf/common/bouton2.gif';
 smallImg[2] = 'http://illiweb.com/fa/optimisation_fdf/common/bouton3.gif';
 smallImg[3] = 'http://i.imgur.com/j9q7B.png';
 smallImg[4] = 'http://i.imgur.com/mzFKQ.png';
 
 url1 = 'ENDEREÇO 1';
 url2 = 'ENDEREÇO 2';
 url3 = 'ENDEREÇO 3';
 url4 = 'ENDEREÇO 4 ';
 url5 = 'ENDEREÇO 5';
 alt1 = new Image();
 alt1.alt = 'Clique e confira!';
 alt2 = new Image();
 alt2.alt = 'Clique e confira!';
 alt3 = new Image();
 alt3.alt = 'Clique e confira!';
 alt4 = new Image();
 alt4.alt = 'Clique e confira!';
 alt5 = new Image();
 alt5.alt = 'Clique e confira!';
 var nn = 1;
 var key = 0;
 function change_img() {
 if (key == 0) {
 key = 1;
 } else if (document.all) {
 document.getElementById("pic").filters[0].Apply();
 document.getElementById("pic").filters[0].Play(duration = 2);
 }
 eval('document.getElementById("pic").src=img' + nn + '.src');
 eval('document.getElementById("url_theme").href=url' + nn);
 eval('document.getElementById("pic").alt=alt' + nn + '.alt');
 if (nn == 1) {
 document.getElementById("url_theme").target = "_blank";
 document.getElementById("url_theme").style.cursor = "pointer";
 } else {
 document.getElementById("url_theme").target = "_blank"
 document.getElementById("url_theme").style.cursor = "pointer"
 }
 for ( var i = 1; i <= counts; i++) {
 document.getElementById("xxjdjj" + i).className = 'axx';
 }
 document.getElementById("xxjdjj" + nn).className = 'bxx';
 nn++;
 if (nn > counts) {
 nn = 1;
 }
 tt = setTimeout('change_img()', 4000);
 }
 function changeimg(n) {
 nn = n;
 window.clearInterval(tt);
 change_img();
 }
 function ImageShow() {
 document.write('<div class="picshow_main">');
 document.write('<div><a id="url_theme"><img id="pic" class="imgbig" /></a></div>');
 document.write('<div class="picshow_change">');
 for ( var i = 0; i < counts; i++) {
 document.write('<a href="javascript:changeimg(' + (i + 1)
 + ');" id="xxjdjj' + (i + 1)
 + '" class="axx" target="_self"><img src="' + smallImg[i]
 + '"></a>');
 }
 document.write('</div></div>');
 change_img();
 }</script><script>ImageShow()</script>
O código deve ser editado, para a imagem e link que você deseja.

Atenciosamente.
Luig
avatar

REVIEW
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1189
Pontos Ativos : 2286

http://ceudasart.forumeiros.com/

Resolvido Re: Widget Top 5 Galeria

Mensagem por YouTube3 em 23/07/16, 11:52 am

Opá,

Notei um erro que não tinha visto, se você for ver direitinho a imagem da galeria ta mais pra direita bem mais.
Eu quero deixar ela bem centralizada como da imagem.

Está assim:


Quero que fique assim:


Até mais.
#Edit
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1080
Pontos Ativos : 1543

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Widget Top 5 Galeria

Mensagem por REVIEW em 23/07/16, 01:44 pm

Saudações!
poderia mim passa o seu código já editado?

Até mais.
avatar

REVIEW
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1189
Pontos Ativos : 2286

http://ceudasart.forumeiros.com/

Resolvido Re: Widget Top 5 Galeria

Mensagem por YouTube3 em 23/07/16, 01:48 pm

Opá,

Aqui está:
Código:
<style>.picshow{z-index:444;position:relative;background-color:#ffffff;width:100%;height:135px}.picshow_main{position:relative;width:180px;height:135px}.picshow_main .imgbig{filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4,motion=forward);width:180px;height:135px}.picshow_change{position:absolute;text-align:left;bottom:0px;height:30px;right:5px;left:60px}.picshow_change img{width:15px;height:15px}.picshow_change a{border:1px solid;display:block;float:left;margin-right:5px;-display:inline}a.axx{border-color:#555}a.axx:hover{border-color:#000}a.axx img{filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4}a.axx:hover img{filter:alpha(opacity=100);opacity:1.0;-moz-opacity:1.0}a.bxx{border-color:#000}a.bxx:hover{border-color:#000}img{border:0px}</style><script>var counts = 5;
 img1 = new Image();
 img1.src = 'http://i.imgur.com/8SWac0r.png';
 img2 = new Image();
 img2.src = 'http://i.imgur.com/qfGU1xd.png';
 img3 = new Image();
 img3.src = 'http://i.imgur.com/ApNuR6X.png';
 img4 = new Image();
 img4.src = 'http://i.imgur.com/Le2TsJd.png';
 img5 = new Image();
 img5.src = 'http://i.imgur.com/hhb4PuM.png';
 var smallImg = new Array();
 smallImg[0] = 'http://illiweb.com/fa/optimisation_fdf/common/bouton1.gif';
 smallImg[1] = 'http://illiweb.com/fa/optimisation_fdf/common/bouton2.gif';
 smallImg[2] = 'http://illiweb.com/fa/optimisation_fdf/common/bouton3.gif';
 smallImg[3] = 'http://i.imgur.com/j9q7B.png';
 smallImg[4] = 'http://i.imgur.com/mzFKQ.png';
 
 url1 = 'http://i.imgur.com/8SWac0r.png';
 url2 = 'http://i.imgur.com/qfGU1xd.png';
 url3 = 'http://i.imgur.com/ApNuR6X.png';
 url4 = 'http://i.imgur.com/Le2TsJd.png';
 url5 = 'http://i.imgur.com/hhb4PuM.png';
 alt1 = new Image();
 alt1.alt = 'Clique e confira!';
 alt2 = new Image();
 alt2.alt = 'Clique e confira!';
 alt3 = new Image();
 alt3.alt = 'Clique e confira!';
 alt4 = new Image();
 alt4.alt = 'Clique e confira!';
 alt5 = new Image();
 alt5.alt = 'Clique e confira!';
 var nn = 1;
 var key = 0;
 function change_img() {
 if (key == 0) {
 key = 1;
 } else if (document.all) {
 document.getElementById("pic").filters[0].Apply();
 document.getElementById("pic").filters[0].Play(duration = 2);
 }
 eval('document.getElementById("pic").src=img' + nn + '.src');
 eval('document.getElementById("url_theme").href=url' + nn);
 eval('document.getElementById("pic").alt=alt' + nn + '.alt');
 if (nn == 1) {
 document.getElementById("url_theme").target = "_blank";
 document.getElementById("url_theme").style.cursor = "pointer";
 } else {
 document.getElementById("url_theme").target = "_blank"
 document.getElementById("url_theme").style.cursor = "pointer"
 }
 for ( var i = 1; i <= counts; i++) {
 document.getElementById("xxjdjj" + i).className = 'axx';
 }
 document.getElementById("xxjdjj" + nn).className = 'bxx';
 nn++;
 if (nn > counts) {
 nn = 1;
 }
 tt = setTimeout('change_img()', 4000);
 }
 function changeimg(n) {
 nn = n;
 window.clearInterval(tt);
 change_img();
 }
 function ImageShow() {
 document.write('<div class="picshow_main">');
 document.write('<div><a id="url_theme"><img id="pic" class="imgbig" /></a></div>');
 document.write('<div class="picshow_change">');
 for ( var i = 0; i < counts; i++) {
 document.write('<a href="javascript:changeimg(' + (i + 1)
 + ');" id="xxjdjj' + (i + 1)
 + '" class="axx" target="_self"><img src="' + smallImg[i]
 + '"></a>');
 }
 document.write('</div></div>');
 change_img();
 }</script><script>ImageShow()</script>
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1080
Pontos Ativos : 1543

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Widget Top 5 Galeria

Mensagem por REVIEW em 23/07/16, 01:52 pm

Olá,
troque por está:
Código:
<style>.picshow{z-index:444;position:relative;background-color:#ffffff;width:100%;height:135px}.picshow_main{position:relative;width:180px;height:135px;margin-left:-8px}.picshow_main .imgbig{filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4,motion=forward);width:180px;height:135px}.picshow_change{position:absolute;text-align:left;bottom:0px;height:30px;right:5px;left:60px}.picshow_change img{width:15px;height:15px}.picshow_change a{border:1px solid;display:block;float:left;margin-right:5px;-display:inline}a.axx{border-color:#555}a.axx:hover{border-color:#000}a.axx img{filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4}a.axx:hover img{filter:alpha(opacity=100);opacity:1.0;-moz-opacity:1.0}a.bxx{border-color:#000}a.bxx:hover{border-color:#000}img{border:0px}</style>
 img1 = new Image();
 img1.src = 'http://i.imgur.com/8SWac0r.png';
 img2 = new Image();
 img2.src = 'http://i.imgur.com/qfGU1xd.png';
 img3 = new Image();
 img3.src = 'http://i.imgur.com/ApNuR6X.png';
 img4 = new Image();
 img4.src = 'http://i.imgur.com/Le2TsJd.png';
 img5 = new Image();
 img5.src = 'http://i.imgur.com/hhb4PuM.png';
 var smallImg = new Array();
 smallImg[0] = 'http://illiweb.com/fa/optimisation_fdf/common/bouton1.gif';
 smallImg[1] = 'http://illiweb.com/fa/optimisation_fdf/common/bouton2.gif';
 smallImg[2] = 'http://illiweb.com/fa/optimisation_fdf/common/bouton3.gif';
 smallImg[3] = 'http://i.imgur.com/j9q7B.png';
 smallImg[4] = 'http://i.imgur.com/mzFKQ.png';
 
 url1 = 'http://i.imgur.com/8SWac0r.png';
 url2 = 'http://i.imgur.com/qfGU1xd.png';
 url3 = 'http://i.imgur.com/ApNuR6X.png';
 url4 = 'http://i.imgur.com/Le2TsJd.png';
 url5 = 'http://i.imgur.com/hhb4PuM.png';
 alt1 = new Image();
 alt1.alt = 'Clique e confira!';
 alt2 = new Image();
 alt2.alt = 'Clique e confira!';
 alt3 = new Image();
 alt3.alt = 'Clique e confira!';
 alt4 = new Image();
 alt4.alt = 'Clique e confira!';
 alt5 = new Image();
 alt5.alt = 'Clique e confira!';
 var nn = 1;
 var key = 0;
 function change_img() {
 if (key == 0) {
 key = 1;
 } else if (document.all) {
 document.getElementById("pic").filters[0].Apply();
 document.getElementById("pic").filters[0].Play(duration = 2);
 }
 eval('document.getElementById("pic").src=img' + nn + '.src');
 eval('document.getElementById("url_theme").href=url' + nn);
 eval('document.getElementById("pic").alt=alt' + nn + '.alt');
 if (nn == 1) {
 document.getElementById("url_theme").target = "_blank";
 document.getElementById("url_theme").style.cursor = "pointer";
 } else {
 document.getElementById("url_theme").target = "_blank"
 document.getElementById("url_theme").style.cursor = "pointer"
 }
 for ( var i = 1; i <= counts; i++) {
 document.getElementById("xxjdjj" + i).className = 'axx';
 }
 document.getElementById("xxjdjj" + nn).className = 'bxx';
 nn++;
 if (nn > counts) {
 nn = 1;
 }
 tt = setTimeout('change_img()', 4000);
 }
 function changeimg(n) {
 nn = n;
 window.clearInterval(tt);
 change_img();
 }
 function ImageShow() {
 document.write('<div class="picshow_main">');
 document.write('<div><a id="url_theme"><img id="pic" class="imgbig" /></a></div>');
 document.write('<div class="picshow_change">');
 for ( var i = 0; i < counts; i++) {
 document.write('<a href="javascript:changeimg(' + (i + 1)
 + ');" id="xxjdjj' + (i + 1)
 + '" class="axx" target="_self"><img src="' + smallImg[i]
 + '"></a>');
 }
 document.write('</div></div>');
 change_img();
 }</script><script>ImageShow()</script>
Informe resultados.

Até mais.
avatar

REVIEW
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1189
Pontos Ativos : 2286

http://ceudasart.forumeiros.com/

Resolvido Re: Widget Top 5 Galeria

Mensagem por YouTube3 em 23/07/16, 02:12 pm

Sem resultado apenas bugou: http://i.imgur.com/xUV16nS.jpg
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1080
Pontos Ativos : 1543

http://Ajuda.Forumeiros.com

Resolvido Re: Widget Top 5 Galeria

Mensagem por REVIEW em 23/07/16, 02:20 pm

Olá!
troque por este:
Código:
<style>.picshow{z-index:444;position:relative;background-color:#ffffff;width:100%;height:135px}.picshow_main{position:relative;width:180px;height:135px;margin-left:-8px;}.picshow_main .imgbig{filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4,motion=forward);width:180px;height:135px}.picshow_change{position:absolute;text-align:left;bottom:0px;height:30px;right:5px;left:60px}.picshow_change img{width:15px;height:15px}.picshow_change a{border:1px solid;display:block;float:left;margin-right:5px;-display:inline}a.axx{border-color:#555}a.axx:hover{border-color:#000}a.axx img{filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4}a.axx:hover img{filter:alpha(opacity=100);opacity:1.0;-moz-opacity:1.0}a.bxx{border-color:#000}a.bxx:hover{border-color:#000}img{border:0px}</style><script>var counts = 5;
 img1 = new Image();
 img1.src = 'http://i.imgur.com/8SWac0r.png';
 img2 = new Image();
 img2.src = 'http://i.imgur.com/qfGU1xd.png';
 img3 = new Image();
 img3.src = 'http://i.imgur.com/ApNuR6X.png';
 img4 = new Image();
 img4.src = 'http://i.imgur.com/Le2TsJd.png';
 img5 = new Image();
 img5.src = 'http://i.imgur.com/hhb4PuM.png';
 var smallImg = new Array();
 smallImg[0] = 'http://illiweb.com/fa/optimisation_fdf/common/bouton1.gif';
 smallImg[1] = 'http://illiweb.com/fa/optimisation_fdf/common/bouton2.gif';
 smallImg[2] = 'http://illiweb.com/fa/optimisation_fdf/common/bouton3.gif';
 smallImg[3] = 'http://i.imgur.com/j9q7B.png';
 smallImg[4] = 'http://i.imgur.com/mzFKQ.png';
 
 url1 = 'http://i.imgur.com/8SWac0r.png';
 url2 = 'http://i.imgur.com/qfGU1xd.png';
 url3 = 'http://i.imgur.com/ApNuR6X.png';
 url4 = 'http://i.imgur.com/Le2TsJd.png';
 url5 = 'http://i.imgur.com/hhb4PuM.png';
 alt1 = new Image();
 alt1.alt = 'Clique e confira!';
 alt2 = new Image();
 alt2.alt = 'Clique e confira!';
 alt3 = new Image();
 alt3.alt = 'Clique e confira!';
 alt4 = new Image();
 alt4.alt = 'Clique e confira!';
 alt5 = new Image();
 alt5.alt = 'Clique e confira!';
 var nn = 1;
 var key = 0;
 function change_img() {
 if (key == 0) {
 key = 1;
 } else if (document.all) {
 document.getElementById("pic").filters[0].Apply();
 document.getElementById("pic").filters[0].Play(duration = 2);
 }
 eval('document.getElementById("pic").src=img' + nn + '.src');
 eval('document.getElementById("url_theme").href=url' + nn);
 eval('document.getElementById("pic").alt=alt' + nn + '.alt');
 if (nn == 1) {
 document.getElementById("url_theme").target = "_blank";
 document.getElementById("url_theme").style.cursor = "pointer";
 } else {
 document.getElementById("url_theme").target = "_blank"
 document.getElementById("url_theme").style.cursor = "pointer"
 }
 for ( var i = 1; i <= counts; i++) {
 document.getElementById("xxjdjj" + i).className = 'axx';
 }
 document.getElementById("xxjdjj" + nn).className = 'bxx';
 nn++;
 if (nn > counts) {
 nn = 1;
 }
 tt = setTimeout('change_img()', 4000);
 }
 function changeimg(n) {
 nn = n;
 window.clearInterval(tt);
 change_img();
 }
 function ImageShow() {
 document.write('<div class="picshow_main">');
 document.write('<div><a id="url_theme"><img id="pic" class="imgbig" /></a></div>');
 document.write('<div class="picshow_change">');
 for ( var i = 0; i < counts; i++) {
 document.write('<a href="javascript:changeimg(' + (i + 1)
 + ');" id="xxjdjj' + (i + 1)
 + '" class="axx" target="_self"><img src="' + smallImg[i]
 + '"></a>');
 }
 document.write('</div></div>');
 change_img();
 }</script><script>ImageShow()</script>

Resulta?

Até.
avatar

REVIEW
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1189
Pontos Ativos : 2286

http://ceudasart.forumeiros.com/

Resolvido Re: Widget Top 5 Galeria

Mensagem por YouTube3 em 23/07/16, 02:29 pm

Apenas um detalhe centralizo porem a imagem fico tampando a linha do widget se for ver bem olhe.
print: http://i.imgur.com/zdiRHNi.jpg do lado direito a linha do widget ta certinha porem desse lado fico bugada a imagem fico encima.
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1080
Pontos Ativos : 1543

http://Ajuda.Forumeiros.com

Resolvido Re: Widget Top 5 Galeria

Mensagem por REVIEW em 23/07/16, 02:37 pm

Boa tarde,
altera o código para este:
Código:
<style>.picshow{z-index:444;position:relative;background-color:#ffffff;width:100%;height:135px}.picshow_main{position:relative;width:180px;height:135px;margin-left:-8px;margin-right:3px!important;}.picshow_main .imgbig{filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4,motion=forward);width:180px;height:135px}.picshow_change{position:absolute;text-align:left;bottom:0px;height:30px;right:5px;left:60px}.picshow_change img{width:15px;height:15px}.picshow_change a{border:1px solid;display:block;float:left;margin-right:5px;-display:inline}a.axx{border-color:#555}a.axx:hover{border-color:#000}a.axx img{filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4}a.axx:hover img{filter:alpha(opacity=100);opacity:1.0;-moz-opacity:1.0}a.bxx{border-color:#000}a.bxx:hover{border-color:#000}img{border:0px}</style><script>var counts = 5;
 img1 = new Image();
 img1.src = 'http://i.imgur.com/8SWac0r.png';
 img2 = new Image();
 img2.src = 'http://i.imgur.com/qfGU1xd.png';
 img3 = new Image();
 img3.src = 'http://i.imgur.com/ApNuR6X.png';
 img4 = new Image();
 img4.src = 'http://i.imgur.com/Le2TsJd.png';
 img5 = new Image();
 img5.src = 'http://i.imgur.com/hhb4PuM.png';
 var smallImg = new Array();
 smallImg[0] = 'http://illiweb.com/fa/optimisation_fdf/common/bouton1.gif';
 smallImg[1] = 'http://illiweb.com/fa/optimisation_fdf/common/bouton2.gif';
 smallImg[2] = 'http://illiweb.com/fa/optimisation_fdf/common/bouton3.gif';
 smallImg[3] = 'http://i.imgur.com/j9q7B.png';
 smallImg[4] = 'http://i.imgur.com/mzFKQ.png';
 
 url1 = 'http://i.imgur.com/8SWac0r.png';
 url2 = 'http://i.imgur.com/qfGU1xd.png';
 url3 = 'http://i.imgur.com/ApNuR6X.png';
 url4 = 'http://i.imgur.com/Le2TsJd.png';
 url5 = 'http://i.imgur.com/hhb4PuM.png';
 alt1 = new Image();
 alt1.alt = 'Clique e confira!';
 alt2 = new Image();
 alt2.alt = 'Clique e confira!';
 alt3 = new Image();
 alt3.alt = 'Clique e confira!';
 alt4 = new Image();
 alt4.alt = 'Clique e confira!';
 alt5 = new Image();
 alt5.alt = 'Clique e confira!';
 var nn = 1;
 var key = 0;
 function change_img() {
 if (key == 0) {
 key = 1;
 } else if (document.all) {
 document.getElementById("pic").filters[0].Apply();
 document.getElementById("pic").filters[0].Play(duration = 2);
 }
 eval('document.getElementById("pic").src=img' + nn + '.src');
 eval('document.getElementById("url_theme").href=url' + nn);
 eval('document.getElementById("pic").alt=alt' + nn + '.alt');
 if (nn == 1) {
 document.getElementById("url_theme").target = "_blank";
 document.getElementById("url_theme").style.cursor = "pointer";
 } else {
 document.getElementById("url_theme").target = "_blank"
 document.getElementById("url_theme").style.cursor = "pointer"
 }
 for ( var i = 1; i <= counts; i++) {
 document.getElementById("xxjdjj" + i).className = 'axx';
 }
 document.getElementById("xxjdjj" + nn).className = 'bxx';
 nn++;
 if (nn > counts) {
 nn = 1;
 }
 tt = setTimeout('change_img()', 4000);
 }
 function changeimg(n) {
 nn = n;
 window.clearInterval(tt);
 change_img();
 }
 function ImageShow() {
 document.write('<div class="picshow_main">');
 document.write('<div><a id="url_theme"><img id="pic" class="imgbig" /></a></div>');
 document.write('<div class="picshow_change">');
 for ( var i = 0; i < counts; i++) {
 document.write('<a href="javascript:changeimg(' + (i + 1)
 + ');" id="xxjdjj' + (i + 1)
 + '" class="axx" target="_self"><img src="' + smallImg[i]
 + '"></a>');
 }
 document.write('</div></div>');
 change_img();
 }</script><script>ImageShow()</script>
Até mais.
avatar

REVIEW
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1189
Pontos Ativos : 2286

http://ceudasart.forumeiros.com/

Resolvido Re: Widget Top 5 Galeria

Mensagem por YouTube3 em 23/07/16, 02:39 pm

Boa tarde sem resultado, pode da um descanço ae rs sem pressa. Muito feliz
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1080
Pontos Ativos : 1543

http://Ajuda.Forumeiros.com

Resolvido Re: Widget Top 5 Galeria

Mensagem por REVIEW em 23/07/16, 02:40 pm

Olá,
kk nada isso é simples, troque novamente por este;
Código:
<style>.picshow{z-index:444;position:relative;background-color:#ffffff;width:100%;height:135px}.picshow_main{position:relative;width:180px;height:135px;margin-left:-3px;}.picshow_main .imgbig{filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4,motion=forward);width:180px;height:135px}.picshow_change{position:absolute;text-align:left;bottom:0px;height:30px;right:5px;left:60px}.picshow_change img{width:15px;height:15px}.picshow_change a{border:1px solid;display:block;float:left;margin-right:5px;-display:inline}a.axx{border-color:#555}a.axx:hover{border-color:#000}a.axx img{filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4}a.axx:hover img{filter:alpha(opacity=100);opacity:1.0;-moz-opacity:1.0}a.bxx{border-color:#000}a.bxx:hover{border-color:#000}img{border:0px}</style><script>var counts = 5;
 img1 = new Image();
 img1.src = 'http://i.imgur.com/8SWac0r.png';
 img2 = new Image();
 img2.src = 'http://i.imgur.com/qfGU1xd.png';
 img3 = new Image();
 img3.src = 'http://i.imgur.com/ApNuR6X.png';
 img4 = new Image();
 img4.src = 'http://i.imgur.com/Le2TsJd.png';
 img5 = new Image();
 img5.src = 'http://i.imgur.com/hhb4PuM.png';
 var smallImg = new Array();
 smallImg[0] = 'http://illiweb.com/fa/optimisation_fdf/common/bouton1.gif';
 smallImg[1] = 'http://illiweb.com/fa/optimisation_fdf/common/bouton2.gif';
 smallImg[2] = 'http://illiweb.com/fa/optimisation_fdf/common/bouton3.gif';
 smallImg[3] = 'http://i.imgur.com/j9q7B.png';
 smallImg[4] = 'http://i.imgur.com/mzFKQ.png';
 
 url1 = 'http://i.imgur.com/8SWac0r.png';
 url2 = 'http://i.imgur.com/qfGU1xd.png';
 url3 = 'http://i.imgur.com/ApNuR6X.png';
 url4 = 'http://i.imgur.com/Le2TsJd.png';
 url5 = 'http://i.imgur.com/hhb4PuM.png';
 alt1 = new Image();
 alt1.alt = 'Clique e confira!';
 alt2 = new Image();
 alt2.alt = 'Clique e confira!';
 alt3 = new Image();
 alt3.alt = 'Clique e confira!';
 alt4 = new Image();
 alt4.alt = 'Clique e confira!';
 alt5 = new Image();
 alt5.alt = 'Clique e confira!';
 var nn = 1;
 var key = 0;
 function change_img() {
 if (key == 0) {
 key = 1;
 } else if (document.all) {
 document.getElementById("pic").filters[0].Apply();
 document.getElementById("pic").filters[0].Play(duration = 2);
 }
 eval('document.getElementById("pic").src=img' + nn + '.src');
 eval('document.getElementById("url_theme").href=url' + nn);
 eval('document.getElementById("pic").alt=alt' + nn + '.alt');
 if (nn == 1) {
 document.getElementById("url_theme").target = "_blank";
 document.getElementById("url_theme").style.cursor = "pointer";
 } else {
 document.getElementById("url_theme").target = "_blank"
 document.getElementById("url_theme").style.cursor = "pointer"
 }
 for ( var i = 1; i <= counts; i++) {
 document.getElementById("xxjdjj" + i).className = 'axx';
 }
 document.getElementById("xxjdjj" + nn).className = 'bxx';
 nn++;
 if (nn > counts) {
 nn = 1;
 }
 tt = setTimeout('change_img()', 4000);
 }
 function changeimg(n) {
 nn = n;
 window.clearInterval(tt);
 change_img();
 }
 function ImageShow() {
 document.write('<div class="picshow_main">');
 document.write('<div><a id="url_theme"><img id="pic" class="imgbig" /></a></div>');
 document.write('<div class="picshow_change">');
 for ( var i = 0; i < counts; i++) {
 document.write('<a href="javascript:changeimg(' + (i + 1)
 + ');" id="xxjdjj' + (i + 1)
 + '" class="axx" target="_self"><img src="' + smallImg[i]
 + '"></a>');
 }
 document.write('</div></div>');
 change_img();
 }</script><script>ImageShow()</script>

Até mais.
avatar

REVIEW
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1189
Pontos Ativos : 2286

http://ceudasart.forumeiros.com/

Resolvido Re: Widget Top 5 Galeria

Mensagem por YouTube3 em 23/07/16, 03:18 pm

Ish deu ruim kk agora desbugo esse lado e bugo o outro rs sera que não e a imagem que e muito grande? qualquer coisa eu irei trocar para ver.
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1080
Pontos Ativos : 1543

http://Ajuda.Forumeiros.com

Resolvido Re: Widget Top 5 Galeria

Mensagem por REVIEW em 23/07/16, 03:27 pm

Olá,
fiz uma alteração nos códigos como larguras e posição, tente este:
Código:
<style>.picshow{z-index:444;position:relative;background-color:#ffffff;width:100%;height:135px}.picshow_main{position:relative;width:140px;height:135px;margin-left:25px;}.picshow_main .imgbig{filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4,motion=forward);width:140px;height:135px}.picshow_change{position:absolute;text-align:left;bottom:0px;height:30px;right:5px;left:60px}.picshow_change img{width:15px;height:15px}.picshow_change a{border:1px solid;display:block;float:left;margin-right:5px;-display:inline}a.axx{border-color:#555}a.axx:hover{border-color:#000}a.axx img{filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4}a.axx:hover img{filter:alpha(opacity=100);opacity:1.0;-moz-opacity:1.0}a.bxx{border-color:#000}a.bxx:hover{border-color:#000}img{border:0px}</style><script>var counts = 5;
 img1 = new Image();
 img1.src = 'http://i.imgur.com/8SWac0r.png';
 img2 = new Image();
 img2.src = 'http://i.imgur.com/qfGU1xd.png';
 img3 = new Image();
 img3.src = 'http://i.imgur.com/ApNuR6X.png';
 img4 = new Image();
 img4.src = 'http://i.imgur.com/Le2TsJd.png';
 img5 = new Image();
 img5.src = 'http://i.imgur.com/hhb4PuM.png';
 var smallImg = new Array();
 smallImg[0] = 'http://illiweb.com/fa/optimisation_fdf/common/bouton1.gif';
 smallImg[1] = 'http://illiweb.com/fa/optimisation_fdf/common/bouton2.gif';
 smallImg[2] = 'http://illiweb.com/fa/optimisation_fdf/common/bouton3.gif';
 smallImg[3] = 'http://i.imgur.com/j9q7B.png';
 smallImg[4] = 'http://i.imgur.com/mzFKQ.png';
 
 url1 = 'http://i.imgur.com/8SWac0r.png';
 url2 = 'http://i.imgur.com/qfGU1xd.png';
 url3 = 'http://i.imgur.com/ApNuR6X.png';
 url4 = 'http://i.imgur.com/Le2TsJd.png';
 url5 = 'http://i.imgur.com/hhb4PuM.png';
 alt1 = new Image();
 alt1.alt = 'Clique e confira!';
 alt2 = new Image();
 alt2.alt = 'Clique e confira!';
 alt3 = new Image();
 alt3.alt = 'Clique e confira!';
 alt4 = new Image();
 alt4.alt = 'Clique e confira!';
 alt5 = new Image();
 alt5.alt = 'Clique e confira!';
 var nn = 1;
 var key = 0;
 function change_img() {
 if (key == 0) {
 key = 1;
 } else if (document.all) {
 document.getElementById("pic").filters[0].Apply();
 document.getElementById("pic").filters[0].Play(duration = 2);
 }
 eval('document.getElementById("pic").src=img' + nn + '.src');
 eval('document.getElementById("url_theme").href=url' + nn);
 eval('document.getElementById("pic").alt=alt' + nn + '.alt');
 if (nn == 1) {
 document.getElementById("url_theme").target = "_blank";
 document.getElementById("url_theme").style.cursor = "pointer";
 } else {
 document.getElementById("url_theme").target = "_blank"
 document.getElementById("url_theme").style.cursor = "pointer"
 }
 for ( var i = 1; i <= counts; i++) {
 document.getElementById("xxjdjj" + i).className = 'axx';
 }
 document.getElementById("xxjdjj" + nn).className = 'bxx';
 nn++;
 if (nn > counts) {
 nn = 1;
 }
 tt = setTimeout('change_img()', 4000);
 }
 function changeimg(n) {
 nn = n;
 window.clearInterval(tt);
 change_img();
 }
 function ImageShow() {
 document.write('<div class="picshow_main">');
 document.write('<div><a id="url_theme"><img id="pic" class="imgbig" /></a></div>');
 document.write('<div class="picshow_change">');
 for ( var i = 0; i < counts; i++) {
 document.write('<a href="javascript:changeimg(' + (i + 1)
 + ');" id="xxjdjj' + (i + 1)
 + '" class="axx" target="_self"><img src="' + smallImg[i]
 + '"></a>');
 }
 document.write('</div></div>');
 change_img();
 }</script><script>ImageShow()</script>
Possivelmente pode tá como deseja.

Até mais.
avatar

REVIEW
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1189
Pontos Ativos : 2286

http://ceudasart.forumeiros.com/

Resolvido Re: Widget Top 5 Galeria

Mensagem por YouTube3 em 23/07/16, 03:44 pm

Opá,

Um pequeno bug os números fico um embaixo do outro se você ver e fico um pouco pro lado direito só falto centralizar novamente e botar os números um do lado do outro. Print: http://i.imgur.com/wlIYmO8.jpg
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1080
Pontos Ativos : 1543

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Widget Top 5 Galeria

Mensagem por REVIEW em 23/07/16, 03:57 pm

Olá,
cá está:
Código:
<style>.picshow{z-index:444;position:relative;background-color:#ffffff;width:100%;height:135px}.picshow_main{position:relative;width:180px;height:135px;margin-left:13px;}.picshow_main .imgbig{filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4,motion=forward);width:140px;height:135px}.picshow_change{position:absolute;text-align:left;bottom:0px;height:30px;right:5px;left:20px}.picshow_change img{width:15px;height:15px}.picshow_change a{border:1px solid;display:block;float:left;margin-right:5px;-display:inline}a.axx{border-color:#555}a.axx:hover{border-color:#000}a.axx img{filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4}a.axx:hover img{filter:alpha(opacity=100);opacity:1.0;-moz-opacity:1.0}a.bxx{border-color:#000}a.bxx:hover{border-color:#000}img{border:0px}</style><script>var counts = 5;
 img1 = new Image();
 img1.src = 'http://i.imgur.com/8SWac0r.png';
 img2 = new Image();
 img2.src = 'http://i.imgur.com/qfGU1xd.png';
 img3 = new Image();
 img3.src = 'http://i.imgur.com/ApNuR6X.png';
 img4 = new Image();
 img4.src = 'http://i.imgur.com/Le2TsJd.png';
 img5 = new Image();
 img5.src = 'http://i.imgur.com/hhb4PuM.png';
 var smallImg = new Array();
 smallImg[0] = 'http://illiweb.com/fa/optimisation_fdf/common/bouton1.gif';
 smallImg[1] = 'http://illiweb.com/fa/optimisation_fdf/common/bouton2.gif';
 smallImg[2] = 'http://illiweb.com/fa/optimisation_fdf/common/bouton3.gif';
 smallImg[3] = 'http://i.imgur.com/j9q7B.png';
 smallImg[4] = 'http://i.imgur.com/mzFKQ.png';
 
 url1 = 'http://i.imgur.com/8SWac0r.png';
 url2 = 'http://i.imgur.com/qfGU1xd.png';
 url3 = 'http://i.imgur.com/ApNuR6X.png';
 url4 = 'http://i.imgur.com/Le2TsJd.png';
 url5 = 'http://i.imgur.com/hhb4PuM.png';
 alt1 = new Image();
 alt1.alt = 'Clique e confira!';
 alt2 = new Image();
 alt2.alt = 'Clique e confira!';
 alt3 = new Image();
 alt3.alt = 'Clique e confira!';
 alt4 = new Image();
 alt4.alt = 'Clique e confira!';
 alt5 = new Image();
 alt5.alt = 'Clique e confira!';
 var nn = 1;
 var key = 0;
 function change_img() {
 if (key == 0) {
 key = 1;
 } else if (document.all) {
 document.getElementById("pic").filters[0].Apply();
 document.getElementById("pic").filters[0].Play(duration = 2);
 }
 eval('document.getElementById("pic").src=img' + nn + '.src');
 eval('document.getElementById("url_theme").href=url' + nn);
 eval('document.getElementById("pic").alt=alt' + nn + '.alt');
 if (nn == 1) {
 document.getElementById("url_theme").target = "_blank";
 document.getElementById("url_theme").style.cursor = "pointer";
 } else {
 document.getElementById("url_theme").target = "_blank"
 document.getElementById("url_theme").style.cursor = "pointer"
 }
 for ( var i = 1; i <= counts; i++) {
 document.getElementById("xxjdjj" + i).className = 'axx';
 }
 document.getElementById("xxjdjj" + nn).className = 'bxx';
 nn++;
 if (nn > counts) {
 nn = 1;
 }
 tt = setTimeout('change_img()', 4000);
 }
 function changeimg(n) {
 nn = n;
 window.clearInterval(tt);
 change_img();
 }
 function ImageShow() {
 document.write('<div class="picshow_main">');
 document.write('<div><a id="url_theme"><img id="pic" class="imgbig" /></a></div>');
 document.write('<div class="picshow_change">');
 for ( var i = 0; i < counts; i++) {
 document.write('<a href="javascript:changeimg(' + (i + 1)
 + ');" id="xxjdjj' + (i + 1)
 + '" class="axx" target="_self"><img src="' + smallImg[i]
 + '"></a>');
 }
 document.write('</div></div>');
 change_img();
 }</script><script>ImageShow()</script>

Até mais.
avatar

REVIEW
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1189
Pontos Ativos : 2286

http://ceudasart.forumeiros.com/

Resolvido Re: Widget Top 5 Galeria

Mensagem por YouTube3 em 23/07/16, 04:10 pm

Resolvido vlw pela ajuda.
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1080
Pontos Ativos : 1543

http://Ajuda.Forumeiros.com

Resolvido Re: Widget Top 5 Galeria

Mensagem por REVIEW em 23/07/16, 04:20 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

REVIEW
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1189
Pontos Ativos : 2286

http://ceudasart.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