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.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Mudar cor da fonte/letra do perfil
Hoje à(s) 10:13 pm por Ketholy123

» Notificação de novas mensagens
Hoje à(s) 08:18 pm por Luiz

» Questão sobre aspeto de blog
Hoje à(s) 08:14 pm por Luiz

» Como mudar a cor e imagem desta caixinha?
Hoje à(s) 07:32 pm por Luiz

» Como fixa a mensagem
Hoje à(s) 06:37 pm por Luiz

» Como remover as mensagens de informação do chatbox
Hoje à(s) 06:36 pm por Luiz

» Slides bugado
Hoje à(s) 06:24 pm por iScroll

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
iScroll
 
Matt Shultz
 
Harleen
 
Ketholy123
 
T1ag0
 
zHugh
 
PlayWillian
 
ranzatti
 
Lecxa
 

Quem está conectado
231 usuários online :: 8 usuários cadastrados, 1 Invisível e 222 Visitantes :: 2 Motores de busca

bdiogosilvad, CesarWatsom2, iScroll, Ketholy123, Lost154, soldado, thegmxl, uvmyyvpew

[ 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

Ver perfil do usuário 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 : 2284

Ver perfil do usuário 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

Ver perfil do usuário 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 : 2284

Ver perfil do usuário 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

Ver perfil do usuário 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 : 2284

Ver perfil do usuário 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

Ver perfil do usuário 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 : 2284

Ver perfil do usuário 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

Ver perfil do usuário 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 : 2284

Ver perfil do usuário 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

Ver perfil do usuário 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 : 2284

Ver perfil do usuário 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

Ver perfil do usuário 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 : 2284

Ver perfil do usuário 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

Ver perfil do usuário 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 : 2284

Ver perfil do usuário 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

Ver perfil do usuário 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 : 2284

Ver perfil do usuário 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