InícioPedido slide desse forum
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Pedido slide desse forum
por #Dean 13.02.13 14:10
Qual é minha questão:
Bem queria o Slide desse forum aki:
http://stylegames.umforum.net/portal
Obrigado
Endereço do meu fórum:
https://ajuda.forumeiros.com
Versão do fórum:
PHPBB3
Bem queria o Slide desse forum aki:
http://stylegames.umforum.net/portal
Obrigado
Endereço do meu fórum:
https://ajuda.forumeiros.com
Versão do fórum:
PHPBB3
#Dean- ***
- Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268 -
Re: Pedido slide desse forum
por WebGames 13.02.13 14:16
- Código:
<td valign="top" width="60%"><div class="module main"><div class="main-head"><div class="h3">Slide</div></div><div class="main-content clearfix"><html>
<title> </title>
<head>
<link href='http://arquivos.homehots.net/js/SimpleSlide/css/simpleslide.css' rel='stylesheet' type='text/css'/>
<script src='http://arquivos.homehots.net/js/SimpleSlide/js/jquery.js' type='text/javascript'></script>
<script src='http://arquivos.homehots.net/js/SimpleSlide/js/jquery.simpleSlide.js' type='text/javascript'></script>
<script src='http://arquivos.homehots.net/js/SimpleSlide/js/sitejs.js' type='text/javascript'></script>
<style type="text/css">
/* s3slider
----------------------------------------------- */
#s3slider {
width: 540px; /* largura total do slide*/
height: 300px; /* altura total do slide*/
position: relative; /* important */
overflow: hidden; /* important */
}
#s3sliderContent {
width: 540px; /* importante que as imagens devem ter a mesma largura ou mais */
position: absolute; /* important */
top: 0; /* important */
padding: 0px;
margin-left: 0; /* important */
}
.s3sliderImage {
float: left; /* important */
position: relative; /* important */
display: none; /* important */
}
.s3sliderImage span {
position: absolute; /* important */
left: 0;
font: 15px/20px Arial, Helvetica, sans-serif;
padding: 30px 13px;
width: 640px;
background-color: #000; /*cor de fundo do slide*/
filter: alpha(opacity=70); /* here you can set the opacity of box with text */
-moz-opacity: 0.7; /* here you can set the opacity of box with text */
-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
opacity: 0.7; /* here you can set the opacity of box with text */
color: #fff;
display: none; /* important */
bottom: 0;
/*
Nesta última linha em negrito, determina se a caixa de texto aparecerá na parte superior ou inferior das imagens
top: 0; -> a caixa de texto aparecerá na parte superior
si ponemos
bottom: 0; -> a caixa de texto aparecerá na parte inferior
*/
}
.clear {
clear: both;
}
#slider-wrapper {
background:url(http://3.bp.blogspot.com/-5a4HgOqKh6o/TlKOm3ZYdDI/AAAAAAAAE7s/hvtXoERSo7s/s1600/loading.gif) no-repeat;
width:540px;
height:300px;
margin:0 auto;
padding-top:74px;
margin-top:50px;
}
#slider {
position:relative;
width:540px;
height:300px;
margin-left:0px;
border 1px solid #000000;
background:url(http://3.bp.blogspot.com/-5a4HgOqKh6o/TlKOm3ZYdDI/AAAAAAAAE7s/hvtXoERSo7s/s1600/loading.gif) no-repeat 50% 50%;
box-shadow: 6px 0px 25px -2px #000000, -6px 0px 25px -2px #000000;
}
#slider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
#slider a {
border:0;
display:block;
}
.nivo-controlNav {
position:absolute;
left:220px;
bottom:25px;
}
.nivo-controlNav a {
display:block;
width:22px;
height:22px;
background:url(http://4.bp.blogspot.com/-FmV66aYwEP4/TlKOmRAvVnI/AAAAAAAAE7o/b6jArWv6hc8/s1600/bullets.png) no-repeat;
text-indent:-9999px;
border:0;
margin-right:3px;
float:left;
}
.nivo-controlNav a.active {
background-position:0 -22px;
}
.nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(http://2.bp.blogspot.com/-gqq2M5VJD1k/TlKOl9jc3SI/AAAAAAAAE7k/tDMFuwOGExA/s1600/arrows.png) no-repeat;
text-indent:-9999px;
border:0;
}
a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
a.nivo-prevNav {
left:15px;
}
.nivo-caption {
text-shadow:none;
font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a {
color:#efe9d1;
text-decoration:underline;
}
/* The Nivo Slider styles */
.nivoSlider {
position:relative;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
}
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
opacity:0.8; /* Overridden by captionOpacity setting */
width:100%;
z-index:8;
}
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
.nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(http://2.bp.blogspot.com/-gqq2M5VJD1k/TlKOl9jc3SI/AAAAAAAAE7k/tDMFuwOGExA/s1600/arrows.png) no-repeat;
text-indent:-9999px;
border:0;
}
a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
a.nivo-prevNav {
left:15px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
position:relative;
z-index:9;
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}
.nivo-controlNav a {
display:block;
width:22px;
height:22px;
background:url(http://4.bp.blogspot.com/-FmV66aYwEP4/TlKOmRAvVnI/AAAAAAAAE7o/b6jArWv6hc8/s1600/bullets.png) no-repeat;
text-indent:-9999px;
border:0;
margin-right:3px;
float:left;
}
</style>
</head>
<body><div id="setting_up" class="left" rel="green">
<div class="slideshow">
<div class="left-button left" rel="1" ></div>
<div class="simpleSlide-window left" rel="1">
<div class="simpleSlide-tray" rel="1" >
<div class="simpleSlide-slide" rel="1" alt="1">
<a href="#" target="_blank">
<div style="background-image: url(http://i10.servimg.com/u/f10/17/96/93/20/banner14.jpg)">
<p>IP: 216.144.240.171:2012</p>
</div>
</a>
</div>
<div class="simpleSlide-slide" rel="1" alt="1">
<a href="http://bgameplay.forumeiros.com/" target="_blank">
<div style="background-image: url(http://img838.imageshack.us/img838/3310/serv2i.jpg)">
<p>IP: 198.15.64.6:7792</p>
</div>
</a>
</div>
<!------------------------------------------------------------->
<div class="simpleSlide-slide" rel="1" alt="1"><!-- Vence 11/01/2013-->
<a href="http://www.richardstn1.wix.com/extremezombie" target="_blank">
<div style="background-image: url('http://img502.imageshack.us/img502/6775/serv3i.jpg')">
<p>IP: 108.61.40.167:7773</p>
</div>
</a>
</div>
<!------------------------------------------------------------->
<div class="simpleSlide-slide" rel="1" alt="1"><!-- Vence 11/01/2013-->
<a href="#" target="_blank">
<div style="background-image: url('http://img19.imageshack.us/img19/7694/serv4i.jpg')">
<p>GM exclusivo/Admins Competentes/Sistema No Lag/29 Orgs</p>
</div>
</a>
</div>
<!------------------------------------------------------------->
<div class="simpleSlide-slide" rel="1" alt="1"><!-- Vence 07/01/2013-->
<a href="#" target="_blank">
<div style="background-image: url('http://img22.imageshack.us/img22/3778/anuncieaquigb.jpg')">
<p>Tenha o banner do seu servidor aqui na Style Games!</p>
</div>
</a>
</div>
<!------------------------------------------------------------->
<div class="simpleSlide-slide" rel="1" alt="">
<a href="#" target="_blank">
<div style="background-image: url(http://img22.imageshack.us/img22/3778/anuncieaquigb.jpg)">
<p>Tenha o banner do seu servidor aqui na Style Games!</p>
</div>
</a>
</div>
</div>
</div><div class="right-button left" rel="1"></div>
</div>
<div class="auto-slider" rel="1"></div>
</div>
WebGames- Super Membro
- Membro desde : 21/07/2012
Mensagens : 1177
Pontos : 1823 -
#Dean- ***
- Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268 -
WebGames- Super Membro
- Membro desde : 21/07/2012
Mensagens : 1177
Pontos : 1823 -
#Dean- ***
- Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268 -
WebGames- Super Membro
- Membro desde : 21/07/2012
Mensagens : 1177
Pontos : 1823 -
#Dean- ***
- Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268 -
Re: Pedido slide desse forum
por WebGames 13.02.13 14:31
Tente colocar ele em outro canto e veja se fica normal
WebGames- Super Membro
- Membro desde : 21/07/2012
Mensagens : 1177
Pontos : 1823 -
#Dean- ***
- Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268 -
#Dean- ***
- Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268 -
Re: Pedido slide desse forum
por Roevs 13.02.13 19:10
Olá,
Utiliza este código
Até
Utiliza este código
- Código:
<script>var counts = 5;
img1 = new Image();
img1.src = 'http://imageshack.us/a/img528/287/mindti.jpg';
img2 = new Image();
img2.src = 'http://imageshack.us/a/img407/5026/parcyq.jpg';
img3 = new Image();
img3.src = 'http://imageshack.us/a/img407/5026/parcyq.jpg';
img4 = new Image();
img4.src = 'http://imageshack.us/a/img407/5026/parcyq.jpg';
img5 = new Image();
img5.src = 'http://imageshack.us/a/img407/5026/parcyq.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';
smallImg[3] = 'http://i.imgur.com/j9q7B.png';
smallImg[4] = 'http://i.imgur.com/mzFKQ.png';
url1 = 'http://www.facebook.com/OficialMindDesign';
url2 = '#';
url3 = '#';
url4 = '#';
url5 = '#';
alt1 = new Image();
alt1.alt = 'Mind Design';
alt2 = new Image();
alt2.alt = 'Seja Nosso parceiro';
alt3 = new Image();
alt3.alt = 'Seja Nosso parceiro';
alt4 = new Image();
alt4.alt = 'Seja Nosso parceiro';
alt5 = new Image();
alt5.alt = 'Seja Nosso parceiro';
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> <span class="corners-bottom"><span></span></span></div></div></counts></center></div></div></td><td valign="top" width="60%"><div class="module main"><div class="main-head"><div class="h3">Slide</div></div><div class="main-content clearfix"><html>
<title> </title>
<head>
<link href='http://arquivos.homehots.net/js/SimpleSlide/css/simpleslide.css' rel='stylesheet' type='text/css'/>
<script src='http://arquivos.homehots.net/js/SimpleSlide/js/jquery.js' type='text/javascript'></script>
<script src='http://arquivos.homehots.net/js/SimpleSlide/js/jquery.simpleSlide.js' type='text/javascript'></script>
<script src='http://arquivos.homehots.net/js/SimpleSlide/js/sitejs.js' type='text/javascript'></script>
<style type="text/css">
/* s3slider
----------------------------------------------- */
#s3slider {
width: 540px; /* largura total do slide*/
height: 300px; /* altura total do slide*/
position: relative; /* important */
overflow: hidden; /* important */
}
#s3sliderContent {
width: 540px; /* importante que as imagens devem ter a mesma largura ou mais */
position: absolute; /* important */
top: 0; /* important */
padding: 0px;
margin-left: 0; /* important */
}
.s3sliderImage {
float: left; /* important */
position: relative; /* important */
display: none; /* important */
}
.s3sliderImage span {
position: absolute; /* important */
left: 0;
font: 15px/20px Arial, Helvetica, sans-serif;
padding: 30px 13px;
width: 640px;
background-color: #000; /*cor de fundo do slide*/
filter: alpha(opacity=70); /* here you can set the opacity of box with text */
-moz-opacity: 0.7; /* here you can set the opacity of box with text */
-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
opacity: 0.7; /* here you can set the opacity of box with text */
color: #fff;
display: none; /* important */
bottom: 0;
/*
Nesta última linha em negrito, determina se a caixa de texto aparecerá na parte superior ou inferior das imagens
top: 0; -> a caixa de texto aparecerá na parte superior
si ponemos
bottom: 0; -> a caixa de texto aparecerá na parte inferior
*/
}
.clear {
clear: both;
}
#slider-wrapper {
background:url(http://3.bp.blogspot.com/-5a4HgOqKh6o/TlKOm3ZYdDI/AAAAAAAAE7s/hvtXoERSo7s/s1600/loading.gif) no-repeat;
width:540px;
height:300px;
margin:0 auto;
padding-top:74px;
margin-top:50px;
}
#slider {
position:relative;
width:540px;
height:300px;
margin-left:0px;
border 1px solid #000000;
background:url(http://3.bp.blogspot.com/-5a4HgOqKh6o/TlKOm3ZYdDI/AAAAAAAAE7s/hvtXoERSo7s/s1600/loading.gif) no-repeat 50% 50%;
box-shadow: 6px 0px 25px -2px #000000, -6px 0px 25px -2px #000000;
}
#slider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
#slider a {
border:0;
display:block;
}
.nivo-controlNav {
position:absolute;
left:220px;
bottom:25px;
}
.nivo-controlNav a {
display:block;
width:22px;
height:22px;
background:url(http://4.bp.blogspot.com/-FmV66aYwEP4/TlKOmRAvVnI/AAAAAAAAE7o/b6jArWv6hc8/s1600/bullets.png) no-repeat;
text-indent:-9999px;
border:0;
margin-right:3px;
float:left;
}
.nivo-controlNav a.active {
background-position:0 -22px;
}
.nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(http://2.bp.blogspot.com/-gqq2M5VJD1k/TlKOl9jc3SI/AAAAAAAAE7k/tDMFuwOGExA/s1600/arrows.png) no-repeat;
text-indent:-9999px;
border:0;
}
a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
a.nivo-prevNav {
left:15px;
}
.nivo-caption {
text-shadow:none;
font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a {
color:#efe9d1;
text-decoration:underline;
}
/* The Nivo Slider styles */
.nivoSlider {
position:relative;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
}
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
opacity:0.8; /* Overridden by captionOpacity setting */
width:100%;
z-index:8;
}
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
.nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(http://2.bp.blogspot.com/-gqq2M5VJD1k/TlKOl9jc3SI/AAAAAAAAE7k/tDMFuwOGExA/s1600/arrows.png) no-repeat;
text-indent:-9999px;
border:0;
}
a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
a.nivo-prevNav {
left:15px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
position:relative;
z-index:9;
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}
.nivo-controlNav a {
display:block;
width:22px;
height:22px;
background:url(http://4.bp.blogspot.com/-FmV66aYwEP4/TlKOmRAvVnI/AAAAAAAAE7o/b6jArWv6hc8/s1600/bullets.png) no-repeat;
text-indent:-9999px;
border:0;
margin-right:3px;
float:left;
}
</style>
</head>
<body><div id="setting_up" class="left" rel="green">
<div class="slideshow">
<div class="left-button left" rel="1" ></div>
<div class="simpleSlide-window left" rel="1">
<div class="simpleSlide-tray" rel="1" >
<div class="simpleSlide-slide" rel="1" alt="1">
<a href="#" target="_blank">
<div style="background-image: url(http://i10.servimg.com/u/f10/17/96/93/20/banner14.jpg)">
<p>IP: 216.144.240.171:2012</p>
</div>
</a>
</div>
<div class="simpleSlide-slide" rel="1" alt="1">
<a href="http://bgameplay.forumeiros.com/" target="_blank">
<div style="background-image: url(http://img838.imageshack.us/img838/3310/serv2i.jpg)">
<p>IP: 198.15.64.6:7792</p>
</div>
</a>
</div>
<!------------------------------------------------------------->
<div class="simpleSlide-slide" rel="1" alt="1"><!-- Vence 11/01/2013-->
<a href="http://www.richardstn1.wix.com/extremezombie" target="_blank">
<div style="background-image: url('http://img502.imageshack.us/img502/6775/serv3i.jpg')">
<p>IP: 108.61.40.167:7773</p>
</div>
</a>
</div>
<!------------------------------------------------------------->
<div class="simpleSlide-slide" rel="1" alt="1"><!-- Vence 11/01/2013-->
<a href="#" target="_blank">
<div style="background-image: url('http://img19.imageshack.us/img19/7694/serv4i.jpg')">
<p>GM exclusivo/Admins Competentes/Sistema No Lag/29 Orgs</p>
</div>
</a>
</div>
<!------------------------------------------------------------->
<div class="simpleSlide-slide" rel="1" alt="1"><!-- Vence 07/01/2013-->
<a href="#" target="_blank">
<div style="background-image: url('http://img22.imageshack.us/img22/3778/anuncieaquigb.jpg')">
<p>Tenha o banner do seu servidor aqui na Style Games!</p>
</div>
</a>
</div>
<!------------------------------------------------------------->
<div class="simpleSlide-slide" rel="1" alt="">
<a href="#" target="_blank">
<div style="background-image: url(http://img22.imageshack.us/img22/3778/anuncieaquigb.jpg)">
<p>Tenha o banner do seu servidor aqui na Style Games!</p>
</div>
</a>
</div>
</div>
</div><div class="right-button left" rel="1"></div>
</div>
<div class="auto-slider" rel="1"></div>
</div>
</body>
</html></div></div>
Até
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Tópicos semelhantes» Pedido Página HTML desse Fórum
» pfv me passem um codigo desse slide de top
» Colocar o slide show desse site
» Pedido desse Template/Tema
» Colocar slide no forum
» pfv me passem um codigo desse slide de top
» Colocar o slide show desse site
» Pedido desse Template/Tema
» Colocar slide no forum
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos