Widgets das últimas entrevistas fdf

Qual é minha questão:
Qual o código que o fdf usa no widgets das Últimas entrevistas FDF?

Depois de ter o código é possível mudar as imagens e o titulo certo?



abraços

Medidas que eu tomei para corrigir o problema:
nenhuma

Links e imagens do meu problema:
nenhuma

Endereço do meu fórum:
Últimas entrevistas FDF

Versão do meu fórum:
PHPBB3

Olá, crie um widget com este codigo

Código:

<div class="inner"><span class="corners-top"><span></span></span><div class="h3">Últimas entrevistas</div><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:0px;left:100px}.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 = 3;
 img1 = new Image();
 img1.src = 'http://i40.servimg.com/u/f40/15/80/47/91/213.png';
 img2 = new Image();
 img2.src = 'http://i40.servimg.com/u/f40/15/80/47/91/312.png';
 img3 = new Image();
 img3.src = 'http://i40.servimg.com/u/f40/15/80/47/91/125.png';
 var smallImg = new Array();
 smallImg[0] = 'http://2img.net/i/fa/optimisation_fdf/common/bouton1.gif';
 smallImg[1] = 'http://2img.net/i/fa/optimisation_fdf/common/bouton2.gif';
 smallImg[2] = 'http://2img.net/i/fa/optimisation_fdf/common/bouton3.gif';


 url1 = 'http://www.publieiros.com/t2705-forumeiros-entrevista-dezembro-de-2011';
 url2 = 'http://www.publieiros.com/t2457-forumeiros-entrevista-novembro-de-2011';
 url3 = 'http://www.publieiros.com/t2217-forumeiros-entrevista-outubro-de-2011';
 alt1 = new Image();
 alt1.alt = 'Pro Pixel';
 alt2 = new Image();
 alt2.alt = 'RPG V-Portugal.com';
 alt3 = new Image();
 alt3.alt = 'Guitarradas.com';
 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><div class="picshow_main"><div><a id="url_theme" href="http://www.publieiros.com/t2457-forumeiros-entrevista-novembro-de-2011" target="_blank" style="cursor: pointer; "><img id="pic" class="imgbig" src="http://i40.servimg.com/u/f40/15/80/47/91/312.png" alt="RPG V-Portugal.com" title="Pro Pixel"></a></div><div class="picshow_change"><a href="javascript:changeimg(1);" id="xxjdjj1" class="axx" target="_self"><img src="http://2img.net/i/fa/optimisation_fdf/common/bouton1.gif"></a><a href="javascript:changeimg(2);" id="xxjdjj2" class="bxx" target="_self"><img src="http://2img.net/i/fa/optimisation_fdf/common/bouton2.gif"></a><a href="javascript:changeimg(3);" id="xxjdjj3" class="axx" target="_self"><img src="http://2img.net/i/fa/optimisation_fdf/common/bouton3.gif"></a></div></div> <span class="corners-bottom"><span></span></span></div>

Cordialmente.

MateusV. escreveu:Olá, crie um widget com este codigo

Código:

<div class="inner"><span class="corners-top"><span></span></span><div class="h3">Últimas entrevistas</div><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:0px;left:100px}.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 = 3;
 img1 = new Image();
 img1.src = 'http://i40.servimg.com/u/f40/15/80/47/91/213.png';
 img2 = new Image();
 img2.src = 'http://i40.servimg.com/u/f40/15/80/47/91/312.png';
 img3 = new Image();
 img3.src = 'http://i40.servimg.com/u/f40/15/80/47/91/125.png';
 var smallImg = new Array();
 smallImg[0] = 'http://2img.net/i/fa/optimisation_fdf/common/bouton1.gif';
 smallImg[1] = 'http://2img.net/i/fa/optimisation_fdf/common/bouton2.gif';
 smallImg[2] = 'http://2img.net/i/fa/optimisation_fdf/common/bouton3.gif';


 url1 = 'http://www.publieiros.com/t2705-forumeiros-entrevista-dezembro-de-2011';
 url2 = 'http://www.publieiros.com/t2457-forumeiros-entrevista-novembro-de-2011';
 url3 = 'http://www.publieiros.com/t2217-forumeiros-entrevista-outubro-de-2011';
 alt1 = new Image();
 alt1.alt = 'Pro Pixel';
 alt2 = new Image();
 alt2.alt = 'RPG V-Portugal.com';
 alt3 = new Image();
 alt3.alt = 'Guitarradas.com';
 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><div class="picshow_main"><div><a id="url_theme" href="http://www.publieiros.com/t2457-forumeiros-entrevista-novembro-de-2011" target="_blank" style="cursor: pointer; "><img id="pic" class="imgbig" src="http://i40.servimg.com/u/f40/15/80/47/91/312.png" alt="RPG V-Portugal.com" title="Pro Pixel"></a></div><div class="picshow_change"><a href="javascript:changeimg(1);" id="xxjdjj1" class="axx" target="_self"><img src="http://2img.net/i/fa/optimisation_fdf/common/bouton1.gif"></a><a href="javascript:changeimg(2);" id="xxjdjj2" class="bxx" target="_self"><img src="http://2img.net/i/fa/optimisation_fdf/common/bouton2.gif"></a><a href="javascript:changeimg(3);" id="xxjdjj3" class="axx" target="_self"><img src="http://2img.net/i/fa/optimisation_fdf/common/bouton3.gif"></a></div></div> <span class="corners-bottom"><span></span></span></div>

Cordialmente.

Ficou assim amigo

Tente este código

Código:

<div class="picshow_main"><div><a id="url_theme" href="http://www.publieiros.com/t2705-forumeiros-entrevista-dezembro-de-2011" target="_blank" style="cursor: pointer; "><img id="pic" class="imgbig" src="http://i40.servimg.com/u/f40/15/80/47/91/213.png" alt="Pro Pixel" title="Pro Pixel"></a></div><div class="picshow_change"><a href="javascript:changeimg(1);" id="xxjdjj1" class="bxx" target="_self"><img src="http://2img.net/i/fa/optimisation_fdf/common/bouton1.gif"></a><a href="javascript:changeimg(2);" id="xxjdjj2" class="axx" target="_self"><img src="http://2img.net/i/fa/optimisation_fdf/common/bouton2.gif"></a><a href="javascript:changeimg(3);" id="xxjdjj3" class="axx" target="_self"><img src="http://2img.net/i/fa/optimisation_fdf/common/bouton3.gif"></a></div></div>

Olá, aqui esta, modifique como desejado

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:0px;left:100px}.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 = 3;
 img1 = new Image();
 img1.src = 'http://hitskin.com/themes/13/25/51/thumb.jpg';
 img2 = new Image();
 img2.src = 'http://hitskin.com/themes/11/94/16/thumb.jpg';
 img3 = new Image();
 img3.src = 'http://hitskin.com/themes/12/46/06/thumb.jpg';
 var smallImg = new Array();
 smallImg[0] = 'http://2img.net/i/fa/optimisation_fdf/common/bouton1.gif';
 smallImg[1] = 'http://2img.net/i/fa/optimisation_fdf/common/bouton2.gif';
 smallImg[2] = 'http://2img.net/i/fa/optimisation_fdf/common/bouton3.gif';
 url1 = 'http://pt.hitskin.com/buscar-um-tema/arthurbohrer-theme-132551.htm';
 url2 = 'http://pt.hitskin.com/buscar-um-tema/playstation-fire-119416.htm';
 url3 = 'http://pt.hitskin.com/buscar-um-tema/dragon-inflames-124606.htm';
 alt1 = new Image();
 alt1.alt = 'ArthurBohrer Theme';
 alt2 = new Image();
 alt2.alt = 'Playstation (fire)';
 alt3 = new Image();
 alt3.alt = 'dragon inflames';
 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>

Cordialmente.

MateusV. escreveu:Olá, aqui esta, modifique como desejado

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:0px;left:100px}.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 = 3;
 img1 = new Image();
 img1.src = 'http://hitskin.com/themes/13/25/51/thumb.jpg';
 img2 = new Image();
 img2.src = 'http://hitskin.com/themes/11/94/16/thumb.jpg';
 img3 = new Image();
 img3.src = 'http://hitskin.com/themes/12/46/06/thumb.jpg';
 var smallImg = new Array();
 smallImg[0] = 'http://2img.net/i/fa/optimisation_fdf/common/bouton1.gif';
 smallImg[1] = 'http://2img.net/i/fa/optimisation_fdf/common/bouton2.gif';
 smallImg[2] = 'http://2img.net/i/fa/optimisation_fdf/common/bouton3.gif';
 url1 = 'http://pt.hitskin.com/buscar-um-tema/arthurbohrer-theme-132551.htm';
 url2 = 'http://pt.hitskin.com/buscar-um-tema/playstation-fire-119416.htm';
 url3 = 'http://pt.hitskin.com/buscar-um-tema/dragon-inflames-124606.htm';
 alt1 = new Image();
 alt1.alt = 'ArthurBohrer Theme';
 alt2 = new Image();
 alt2.alt = 'Playstation (fire)';
 alt3 = new Image();
 alt3.alt = 'dragon inflames';
 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>

Cordialmente.

Obrigado funcionou perfeitamente

Abraços