InícioTrocar página do facebook dessa página HTML
2 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
Trocar página do facebook dessa página HTML
por Yrley 05.06.14 23:30
- Descrição:
Oi.
Gostaria de trocar a página do facebook dessa página html para a minha.
- Código:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Pixel Life - Página Inicial</title>
<link rel="icon" href="http://i.imgur.com/0YwsJu8.png" type="image/x-icon">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script>
(function (a) {
var b = function (p, G) {
var d = a.extend({}, a.fn.nivoSlider.defaults, G);
var e = {
currentSlide: 0,
currentImage: "",
totalSlides: 0,
running: false,
paused: false,
stop: false
};
var f = a(p);
f.data("nivo:vars", e);
f.css("position", "relative");
f.addClass("nivoSlider");
var g = f.children();
g.each(function () {
var u = a(this);
var r = "";
if (!u.is("img")) {
if (u.is("a")) {
u.addClass("nivo-imageLink");
r = u
}
u = u.find("img:first")
}
var s = u.width();
if (s == 0) {
s = u.attr("width")
}
var t = u.height();
if (t == 0) {
t = u.attr("height")
}
if (s > f.width()) {
f.width(s)
}
if (t > f.height()) {
f.height(t)
}
if (r != "") {
r.css("display", "none")
}
u.css("display", "none");
e.totalSlides++
});
if (d.randomStart) {
d.startSlide = Math.floor(Math.random() * e.totalSlides)
}
if (d.startSlide > 0) {
if (d.startSlide >= e.totalSlides) {
d.startSlide = e.totalSlides - 1
}
e.currentSlide = d.startSlide
}
if (a(g[e.currentSlide]).is("img")) {
e.currentImage = a(g[e.currentSlide])
} else {
e.currentImage = a(g[e.currentSlide]).find("img:first")
}
if (a(g[e.currentSlide]).is("a")) {
a(g[e.currentSlide]).css("display", "block")
}
f.css("background", 'url("' + e.currentImage.attr("src") + '") no-repeat');
f.append(a('<div class="nivo-caption"><p></p></div>').css({
display: "none",
opacity: d.captionOpacity
}));
var h = function (t) {
var r = a(".nivo-caption", f);
if (e.currentImage.attr("title") != "" && e.currentImage.attr("title") != undefined) {
var s = e.currentImage.attr("title");
if (s.substr(0, 1) == "#") {
s = a(s).html()
}
if (r.css("display") == "block") {
r.find("p").stop().fadeOut(t.animSpeed, function () {
a(this).html(s);
a(this).stop().fadeIn(t.animSpeed)
})
} else {
r.find("p").html(s)
}
r.stop().fadeIn(t.animSpeed)
} else {
r.stop().fadeOut(t.animSpeed)
}
};
h(d);
var i = 0;
if (!d.manualAdvance && g.length > 1) {
i = setInterval(function () {
q(f, g, d, false)
}, d.pauseTime)
}
if (d.directionNav) {
f.append('<div class="nivo-directionNav"><a class="nivo-prevNav">' + d.prevText + '</a><a class="nivo-nextNav">' + d.nextText + "</a></div>");
if (d.directionNavHide) {
a(".nivo-directionNav", f).hide();
f.hover(function () {
a(".nivo-directionNav", f).show()
}, function () {
a(".nivo-directionNav", f).hide()
})
}
a("a.nivo-prevNav", f).live("click", function () {
if (e.running) {
return false
}
clearInterval(i);
i = "";
e.currentSlide -= 2;
q(f, g, d, "prev")
});
a("a.nivo-nextNav", f).live("click", function () {
if (e.running) {
return false
}
clearInterval(i);
i = "";
q(f, g, d, "next")
})
}
if (d.controlNav) {
var k = a('<div class="nivo-controlNav"></div>');
f.append(k);
for (var l = 0; l < g.length; l++) {
if (d.controlNavThumbs) {
var m = g.eq(l);
if (!m.is("img")) {
m = m.find("img:first")
}
if (d.controlNavThumbsFromRel) {
k.append('<a class="nivo-control" rel="' + l + '"><img src="' + m.attr("rel") + '" alt="" /></a>')
} else {
k.append('<a class="nivo-control" rel="' + l + '"><img src="' + m.attr("src").replace(d.controlNavThumbsSearch, d.controlNavThumbsReplace) + '" alt="" /></a>')
}
} else {
k.append('<a class="nivo-control" rel="' + l + '">' + (l + 1) + "</a>")
}
}
a(".nivo-controlNav a:eq(" + e.currentSlide + ")", f).addClass("active");
a(".nivo-controlNav a", f).live("click", function () {
if (e.running) {
return false
}
if (a(this).hasClass("active")) {
return false
}
clearInterval(i);
i = "";
f.css("background", 'url("' + e.currentImage.attr("src") + '") no-repeat');
e.currentSlide = a(this).attr("rel") - 1;
q(f, g, d, "control")
})
}
if (d.keyboardNav) {
a(window).keypress(function (r) {
if (r.keyCode == "37") {
if (e.running) {
return false
}
clearInterval(i);
i = "";
e.currentSlide -= 2;
q(f, g, d, "prev")
}
if (r.keyCode == "39") {
if (e.running) {
return false
}
clearInterval(i);
i = "";
q(f, g, d, "next")
}
})
}
if (d.pauseOnHover) {
f.hover(function () {
e.paused = true;
clearInterval(i);
i = ""
}, function () {
e.paused = false;
if (i == "" && !d.manualAdvance) {
i = setInterval(function () {
q(f, g, d, false)
}, d.pauseTime)
}
})
}
f.bind("nivo:animFinished", function () {
e.running = false;
a(g).each(function () {
if (a(this).is("a")) {
a(this).css("display", "none")
}
});
if (a(g[e.currentSlide]).is("a")) {
a(g[e.currentSlide]).css("display", "block")
}
if (i == "" && !e.paused && !d.manualAdvance) {
i = setInterval(function () {
q(f, g, d, false)
}, d.pauseTime)
}
d.afterChange.call(this)
});
var n = function (v, r, s) {
for (var t = 0; t < r.slices; t++) {
var u = Math.round(v.width() / r.slices);
if (t == r.slices - 1) {
v.append(a('<div class="nivo-slice"></div>').css({
left: u * t + "px",
width: v.width() - u * t + "px",
height: "0px",
opacity: "0",
background: 'url("' + s.currentImage.attr("src") + '") no-repeat -' + (u + t * u - u) + "px 0%"
}))
} else {
v.append(a('<div class="nivo-slice"></div>').css({
left: u * t + "px",
width: u + "px",
height: "0px",
opacity: "0",
background: 'url("' + s.currentImage.attr("src") + '") no-repeat -' + (u + t * u - u) + "px 0%"
}))
}
}
};
var o = function (v, w, x) {
var r = Math.round(v.width() / w.boxCols);
var s = Math.round(v.height() / w.boxRows);
for (var t = 0; t < w.boxRows; t++) {
for (var u = 0; u < w.boxCols; u++) {
if (u == w.boxCols - 1) {
v.append(a('<div class="nivo-box"></div>').css({
opacity: 0,
left: r * u + "px",
top: s * t + "px",
width: v.width() - r * u + "px",
height: s + "px",
background: 'url("' + x.currentImage.attr("src") + '") no-repeat -' + (r + u * r - r) + "px -" + (s + t * s - s) + "px"
}))
} else {
v.append(a('<div class="nivo-box"></div>').css({
opacity: 0,
left: r * u + "px",
top: s * t + "px",
width: r + "px",
height: s + "px",
background: 'url("' + x.currentImage.attr("src") + '") no-repeat -' + (r + u * r - r) + "px -" + (s + t * s - s) + "px"
}))
}
}
}
};
var q = function (r, s, t, u) {
var v = r.data("nivo:vars");
if (v && v.currentSlide == v.totalSlides - 1) {
t.lastSlide.call(this)
}
if ((!v || v.stop) && !u) {
return false
}
t.beforeChange.call(this);
if (!u) {
r.css("background", 'url("' + v.currentImage.attr("src") + '") no-repeat')
} else {
if (u == "prev") {
r.css("background", 'url("' + v.currentImage.attr("src") + '") no-repeat')
}
if (u == "next") {
r.css("background", 'url("' + v.currentImage.attr("src") + '") no-repeat')
}
}
v.currentSlide++;
if (v.currentSlide == v.totalSlides) {
v.currentSlide = 0;
t.slideshowEnd.call(this)
}
if (v.currentSlide < 0) {
v.currentSlide = v.totalSlides - 1
}
if (a(s[v.currentSlide]).is("img")) {
v.currentImage = a(s[v.currentSlide])
} else {
v.currentImage = a(s[v.currentSlide]).find("img:first")
}
if (t.controlNav) {
a(".nivo-controlNav a", r).removeClass("active");
a(".nivo-controlNav a:eq(" + v.currentSlide + ")", r).addClass("active")
}
h(t);
a(".nivo-slice", r).remove();
a(".nivo-box", r).remove();
var w = t.effect;
if (t.effect == "random") {
var x = new Array("sliceDownRight", "sliceDownLeft", "sliceUpRight", "sliceUpLeft", "sliceUpDown", "sliceUpDownLeft", "fold", "fade", "boxRandom", "boxRain", "boxRainReverse", "boxRainGrow", "boxRainGrowReverse");
w = x[Math.floor(Math.random() * (x.length + 1))];
if (w == undefined) {
w = "fade"
}
}
if (t.effect.indexOf(",") != -1) {
var x = t.effect.split(",");
w = x[Math.floor(Math.random() * x.length)];
if (w == undefined) {
w = "fade"
}
}
if (v.currentImage.attr("data-transition")) {
w = v.currentImage.attr("data-transition")
}
v.running = true;
if (w == "sliceDown" || w == "sliceDownRight" || w == "sliceDownLeft") {
n(r, t, v);
var y = 0;
var z = 0;
var A = a(".nivo-slice", r);
if (w == "sliceDownLeft") {
A = a(".nivo-slice", r)._reverse()
}
A.each(function () {
var H = a(this);
H.css({
top: "0px"
});
if (z == t.slices - 1) {
setTimeout(function () {
H.animate({
height: "100%",
opacity: "1.0"
}, t.animSpeed, "", function () {
r.trigger("nivo:animFinished")
})
}, 100 + y)
} else {
setTimeout(function () {
H.animate({
height: "100%",
opacity: "1.0"
}, t.animSpeed)
}, 100 + y)
}
y += 50;
z++
})
} else {
if (w == "sliceUp" || w == "sliceUpRight" || w == "sliceUpLeft") {
n(r, t, v);
var y = 0;
var z = 0;
var A = a(".nivo-slice", r);
if (w == "sliceUpLeft") {
A = a(".nivo-slice", r)._reverse()
}
A.each(function () {
var H = a(this);
H.css({
bottom: "0px"
});
if (z == t.slices - 1) {
setTimeout(function () {
H.animate({
height: "100%",
opacity: "1.0"
}, t.animSpeed, "", function () {
r.trigger("nivo:animFinished")
})
}, 100 + y)
} else {
setTimeout(function () {
H.animate({
height: "100%",
opacity: "1.0"
}, t.animSpeed)
}, 100 + y)
}
y += 50;
z++
})
} else {
if (w == "sliceUpDown" || w == "sliceUpDownRight" || w == "sliceUpDownLeft") {
n(r, t, v);
var y = 0;
var z = 0;
var B = 0;
var A = a(".nivo-slice", r);
if (w == "sliceUpDownLeft") {
A = a(".nivo-slice", r)._reverse()
}
A.each(function () {
var H = a(this);
if (z == 0) {
H.css("top", "0px");
z++
} else {
H.css("bottom", "0px");
z = 0
}
if (B == t.slices - 1) {
setTimeout(function () {
H.animate({
height: "100%",
opacity: "1.0"
}, t.animSpeed, "", function () {
r.trigger("nivo:animFinished")
})
}, 100 + y)
} else {
setTimeout(function () {
H.animate({
height: "100%",
opacity: "1.0"
}, t.animSpeed)
}, 100 + y)
}
y += 50;
B++
})
} else {
if (w == "fold") {
n(r, t, v);
var y = 0;
var z = 0;
a(".nivo-slice", r).each(function () {
var I = a(this);
var H = I.width();
I.css({
top: "0px",
height: "100%",
width: "0px"
});
if (z == t.slices - 1) {
setTimeout(function () {
I.animate({
width: H,
opacity: "1.0"
}, t.animSpeed, "", function () {
r.trigger("nivo:animFinished")
})
}, 100 + y)
} else {
setTimeout(function () {
I.animate({
width: H,
opacity: "1.0"
}, t.animSpeed)
}, 100 + y)
}
y += 50;
z++
})
} else {
if (w == "fade") {
n(r, t, v);
var C = a(".nivo-slice:first", r);
C.css({
height: "100%",
width: r.width() + "px"
});
C.animate({
opacity: "1.0"
}, t.animSpeed * 2, "", function () {
r.trigger("nivo:animFinished")
})
} else {
if (w == "slideInRight") {
n(r, t, v);
var C = a(".nivo-slice:first", r);
C.css({
height: "100%",
width: "0px",
opacity: "1"
});
C.animate({
width: r.width() + "px"
}, t.animSpeed * 2, "", function () {
r.trigger("nivo:animFinished")
})
} else {
if (w == "slideInLeft") {
n(r, t, v);
var C = a(".nivo-slice:first", r);
C.css({
height: "100%",
width: "0px",
opacity: "1",
left: "",
right: "0px"
});
C.animate({
width: r.width() + "px"
}, t.animSpeed * 2, "", function () {
C.css({
left: "0px",
right: ""
});
r.trigger("nivo:animFinished")
})
} else {
if (w == "boxRandom") {
o(r, t, v);
var D = t.boxCols * t.boxRows;
var z = 0;
var y = 0;
var E = c(a(".nivo-box", r));
E.each(function () {
var H = a(this);
if (z == D - 1) {
setTimeout(function () {
H.animate({
opacity: "1"
}, t.animSpeed, "", function () {
r.trigger("nivo:animFinished")
})
}, 100 + y)
} else {
setTimeout(function () {
H.animate({
opacity: "1"
}, t.animSpeed)
}, 100 + y)
}
y += 20;
z++
})
} else {
if (w == "boxRain" || w == "boxRainReverse" || w == "boxRainGrow" || w == "boxRainGrowReverse") {
o(r, t, v);
var D = t.boxCols * t.boxRows;
var z = 0;
var y = 0;
var F = 0;
var W = 0;
var X = new Array;
X[F] = new Array;
var E = a(".nivo-box", r);
if (w == "boxRainReverse" || w == "boxRainGrowReverse") {
E = a(".nivo-box", r)._reverse()
}
E.each(function () {
X[F][W] = a(this);
W++;
if (W == t.boxCols) {
F++;
W = 0;
X[F] = new Array
}
});
for (var Y = 0; Y < t.boxCols * 2; Y++) {
var Z = Y;
for (var aa = 0; aa < t.boxRows; aa++) {
if (Z >= 0 && Z < t.boxCols) {
(function (L, N, O, I, K) {
var M = a(X[L][N]);
var J = M.width();
var H = M.height();
if (w == "boxRainGrow" || w == "boxRainGrowReverse") {
M.width(0).height(0)
}
if (I == K - 1) {
setTimeout(function () {
M.animate({
opacity: "1",
width: J,
height: H
}, t.animSpeed / 1.3, "", function () {
r.trigger("nivo:animFinished")
})
}, 100 + O)
} else {
setTimeout(function () {
M.animate({
opacity: "1",
width: J,
height: H
}, t.animSpeed / 1.3)
}, 100 + O)
}
})(aa, Z, y, z, D);
z++
}
Z--
}
y += 100
}
}
}
}
}
}
}
}
}
}
};
var c = function (t) {
for (var u, r, s = t.length; s; u = parseInt(Math.random() * s), r = t[--s], t[s] = t[u], t[u] = r) {}
return t
};
var j = function (r) {
if (this.console && typeof console.log != "undefined") {
console.log(r)
}
};
this.stop = function () {
if (!a(p).data("nivo:vars").stop) {
a(p).data("nivo:vars").stop = true;
j("Stop Slider")
}
};
this.start = function () {
if (a(p).data("nivo:vars").stop) {
a(p).data("nivo:vars").stop = false;
j("Start Slider")
}
};
d.afterLoad.call(this);
return this
};
a.fn.nivoSlider = function (c) {
return this.each(function (e, f) {
var g = a(this);
if (g.data("nivoslider")) {
return g.data("nivoslider")
}
var d = new b(this, c);
g.data("nivoslider", d)
})
};
a.fn.nivoSlider.defaults = {
effect: "random",
slices: 15,
boxCols: 8,
boxRows: 4,
animSpeed: 500,
pauseTime: 3000,
startSlide: 0,
directionNav: true,
directionNavHide: true,
controlNav: true,
controlNavThumbs: false,
controlNavThumbsFromRel: false,
controlNavThumbsSearch: ".jpg",
controlNavThumbsReplace: "_thumb.jpg",
keyboardNav: true,
pauseOnHover: true,
manualAdvance: false,
captionOpacity: 0.8,
prevText: "Prev",
nextText: "Next",
randomStart: false,
beforeChange: function () {},
afterChange: function () {},
slideshowEnd: function () {},
lastSlide: function () {},
afterLoad: function () {}
};
a.fn._reverse = [].reverse
})(jQuery);
</script>
<style>
.campos {
position: absolute;
right: 30px;
top: 20px;
}
a {
color: rgb(0, 114, 198);
text-decoration: none;
}
a:hover {
color: rgb(51, 142, 209);
}
body{background: #f4f4f4 url(http://i46.servimg.com/u/f46/11/96/49/61/body-b15.png); font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";}
.titulo {
font-family: "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial!important;
color: rgb(204, 35, 35);
text-shadow: 2px 2px 2px #DDD;
font-size: 40px;
}
input[type="text"],input[type="password"] {
padding: 7px;
outline: none;
width: 302px;
margin: 4px;
font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";
}
input[type="submit"] {
background: rgb(0, 0, 0);
height: 2em; min-width: 6em; font-family: "Segoe UI Web Semibold", "Segoe UI Web Regular", "Segoe UI", "Helvetica Neue", Arial; font-size: 100%; color: rgb(33, 33, 33); padding: 3px 12px 5px; border: 0px;
color: white;
margin-left: 103px;
margin-top: 10px;
}
.buttons {
background: rgb(0, 0, 0);
height: 25px;
width: 900;
-webkit-box-shadow: rgba(0,0,0,0.6) 0px 1px 6px;
-moz-box-shadow: rgba(0,0,0,0.6) 0px 1px 6px;
box-shadow: rgba(0,0,0,0.6) 0px 1px 6px;
min-width: 6em;
font-family: "Segoe UI Web Semibold", "Segoe UI Web Regular", "Segoe UI", "Helvetica Neue", Arial; font-size: 100%; color: rgb(33, 33, 33);
border: 0px;
border-top: 6px solid #000000;
border-bottom: 3px solid #000000;
margin-top: 20px;
color: white;
bottom: 0px;
left: 0px;
right: 0px;
text-align: center;
}
.buttons li {
display: inline-block;
}
.buttons li a {
background: #000000;
padding: 4px 10px;
color: white;
border-radius: 0 0 0 0;
}
.buttons li a:hover {
background: #f4f4f4;
color: #000000;
}
.content {
position: absolute;
top: 40px;
left: 90px;
margin: 15px;
}
.info div {
width: 700px;
background: #ffffff;
word-break: break-word;
padding: 10px;
color: white;
margin-bottom: 30px;
}
.info h3 {
font-family: "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial!important;
}
.nivoSlider {
position: relative;
}
.nivoSlider img {
position: absolute;
top: 0;
left: 0;
}
.nivoSlider a.nivo-imageLink {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
padding: 0;
margin: 0;
z-index: 6;
display: none;
}
.nivo-slice {
display: block;
position: absolute;
z-index: 5;
height: 100%;
}
.nivo-box {
display: block;
position: absolute;
z-index: 5;
}
.nivo-caption {
position: absolute;
left: 0;
bottom: 0;
background: #000;
color: #fff;
opacity: .8;
width: 100%;
z-index: 8;
}
.nivo-caption p {
padding: 5px;
margin: 0;
}
.nivo-caption a {
display: inline!important;
}
.nivo-html-caption {
display: none;
}
.nivo-directionNav a {
position: absolute;
top: 45%;
z-index: 9;
cursor: pointer;
}
.nivo-prevNav {
left: 0;
}
.nivo-nextNav {
right: 0;
}
.nivo-controlNav a {
position: relative;
z-index: 9;
cursor: pointer;
}
.nivo-controlNav a.active {
font-weight: bold;
}
.theme-default .nivoSlider {
position: relative;
background: #fff url(http://i46.servimg.com/u/f46/15/66/68/20/loadin10.gif) no-repeat 50% 50%;
margin-bottom: 50px;
-webkit-box-shadow: 0 1px 5px 0 #4a4a4a;
-moz-box-shadow: 0 1px 5px 0 #4a4a4a;
box-shadow: 0 1px 5px 0 #4a4a4a;
}
.theme-default .nivoSlider img {
position: absolute;
top: 0;
left: 0;
display: none;
}
.theme-default .nivoSlider a {
border: 0;
display: block;
}
.theme-default .nivo-controlNav {
position: absolute;
left: 50%;
bottom: -42px;
margin-left: -40px;
}
.theme-default .nivo-controlNav a {
display: block;
width: 22px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/15/66/68/20/bullet10.png) no-repeat;
text-indent: -9999px;
border: 0;
margin-right: 3px;
float: left;
}
.theme-default .nivo-controlNav a.active {
background-position: 0 -22px;
}
.theme-default .nivo-directionNav a {
display: block;
width: 30px;
height: 30px;
background: url(http://i46.servimg.com/u/f46/15/66/68/20/arrows10.png) no-repeat;
text-indent: -9999px;
border: 0;
}
.theme-default a.nivo-nextNav {
background-position: -30px 0;
right: 15px;
}
.theme-default a.nivo-prevNav {
left: 15px;
}
.theme-default .nivo-caption {
font-family: Helvetica,Arial,sans-serif;
}
.theme-default .nivo-caption a {
color: #fff;
border-bottom: 1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
color: #fff;
}
</style>
<body><div class="inner"><div class="content">
<center><img src="http://i58.tinypic.com/25us42e.png"></center><div style="width:700px;padding: 10px;">
<div class="slider-wrapper theme-default">
<div class="ribbon">
</div>
<div id="nivoslider-125" class="nivoSlider" style="width:700px;height:250px;">
<a href="http://pixel-life.forumbrasil.net/t18-update-10-concluido"><img src="http://i40.tinypic.com/348145v.png" title="#nivoslider-125-caption-0" alt="" height="250px" width="700px" /></a>
<a href="http://pixel-life.forumbrasil.net/t22-vagas-abertas#44"><img src="http://i44.tinypic.com/5choya.png" title="#nivoslider-125-caption-1" alt="" height="250px" width="700px"/></a>
</div>
</div>
<div id="nivoslider-125-caption-0" class="nivo-html-caption">
Update 1.0 Concluído.
</div>
<div id="nivoslider-125-caption-1" class="nivo-html-caption">
Entra para a nossa equipe agora mesmo.
</div>
<p>
<script type="text/javascript">jQuery(window).load(function(){jQuery("#nivoslider-125").nivoSlider({effect:"random",slices:15,boxCols:8,boxRows:4,animSpeed:500,pauseTime:3000,startSlide:0,directionNav:true,directionNavHide:true,controlNav:true,controlNavThumbs:false,controlNavThumbsFromRel:true,keyboardNav:true,pauseOnHover:true,manualAdvance:false});});</script>
</div>Equipe Pixel Life</h3>
<p><li>Este fórum é para seu divertimento sem fins lucrativos</li><li>© 2013 Pixel Life - Todos os direitos reservados.</li></p></div></div>
</div><div class="campos">
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FSomos-Mugiwara-Rpg%2F130516183797519%3Fref%3Dhl&width=395&height=258&show_faces=true&colorscheme=light&stream=false&show_border=true&header=false&appId=501201279907282" scrolling="no" frameborder="0" style="background: white; border:none; overflow:hidden; width:395px; height:258px;" allowTransparency="true"></iframe>
<br>
<form action="/login" method="post" class="frm-form" name="form_login"><fieldset class="frm-set connexion"><legend></legend><div class="frm_connexion"><dl><dt><label for="username">Nome de usuário:</label></dt><dd><input type="text" tabindex="1" name="username" id="username" size="30" maxlength="40" value="" class="inputfield" /></dd></dl><dl><dt><label for="password">Senha:</label></dt><dd><input type="password" tabindex="2" id="password" name="password" size="30" maxlength="25" class="inputfield" /></dd></dl><dl><dt></dt><dd><label for="autologin" id="lbl_autologin"><input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" checked="checked" /> Conexão automática</label></dd></dl></div><dl class="frm-buttons fb left"><dt> </dt><dd><input type="hidden" name="redirect" value="" /><input type="hidden" name="query" value="" /><input type="submit" name="login" tabindex="6" value="Login" class="button2" /></dd></dl></fieldset></form>
<span class="reg">Ainda não tem conta? Está esperando o quê ? <a href="/register">Registre-se</a></span><br>
<span class="reg1"> Já está logado ? <a href="/forum">Jogue Agora !</a></span>
</div>
</form>
<form action="/forum" class="frm-form" method="post" name="post" onsubmit="return vB_Editor['text_editor'].prepare_submit(0,0)" enctype="multipart/form-data" id="form2" style="display:none;">
<input style="margin-top:2px" type="text" value="" name="username[]">
<input type="text" name="subject" value="" maxlength="64" title="" >
<input type="hidden" name="message" value="" />
<input type="hidden" name="lt" value="">
<input type="hidden" name="mode" value="post">
<input type="hidden" name="folder" value="inbox">
<input type="submit" name="post" value="Enviar" tabindex="6" accesskey="s" id="sendMP">
</form><div style="display: none">Pixel Life Todos os Direitos Reservados | Hospedada Por <a href="http://www.forumeiros.com" target="_blank">forumeiros.com</a> Editada por Admin e Yrley</div>
</div><div class="buttons">
<li><a href="http://pixel-life.forumbrasil.net/forum">Fórum</a></li>
<li><a href="http://pixel-life.forumbrasil.net/portal">Portal</a></li>
<li><a href="http://pixel-life.forumbrasil.net/t3-regras-do-forum">Regras</a></li>
<li><a href="http://pixel-life.forumbrasil.net/f21-concursos">Concursos</a></li>
<li><a href="http://pixel-life.forumbrasil.net/f29-updates">Updates</a></li>
<li><a href="/register">Cadastre-se</a></li>
</div>
</body>
</html>
Link da minha página: https://www.facebook.com/pages/Spoke-Craft/1406694469617114?ref=hl
Att.
- Informações:
| Fórum: | http://spokecraft.forumeiros.com | Versão: | PUNBB |
| Tipo: | Erros diversos | Tags: | Trocar,página,facebook,dessa,página |
Última edição por Yrley em 06.06.14 21:28, editado 1 vez(es)
Yrley- Membro
- Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897 -
Re: Trocar página do facebook dessa página HTML
por Sennior 06.06.14 16:58
Olá amigo,
Veja se o mesmo resulta em exito:
Até mais.
Veja se o mesmo resulta em exito:
- Código:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Pixel Life - Página Inicial</title>
<link rel="icon" href="http://i.imgur.com/0YwsJu8.png" type="image/x-icon">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script>
(function (a) {
var b = function (p, G) {
var d = a.extend({}, a.fn.nivoSlider.defaults, G);
var e = {
currentSlide: 0,
currentImage: "",
totalSlides: 0,
running: false,
paused: false,
stop: false
};
var f = a(p);
f.data("nivo:vars", e);
f.css("position", "relative");
f.addClass("nivoSlider");
var g = f.children();
g.each(function () {
var u = a(this);
var r = "";
if (!u.is("img")) {
if (u.is("a")) {
u.addClass("nivo-imageLink");
r = u
}
u = u.find("img:first")
}
var s = u.width();
if (s == 0) {
s = u.attr("width")
}
var t = u.height();
if (t == 0) {
t = u.attr("height")
}
if (s > f.width()) {
f.width(s)
}
if (t > f.height()) {
f.height(t)
}
if (r != "") {
r.css("display", "none")
}
u.css("display", "none");
e.totalSlides++
});
if (d.randomStart) {
d.startSlide = Math.floor(Math.random() * e.totalSlides)
}
if (d.startSlide > 0) {
if (d.startSlide >= e.totalSlides) {
d.startSlide = e.totalSlides - 1
}
e.currentSlide = d.startSlide
}
if (a(g[e.currentSlide]).is("img")) {
e.currentImage = a(g[e.currentSlide])
} else {
e.currentImage = a(g[e.currentSlide]).find("img:first")
}
if (a(g[e.currentSlide]).is("a")) {
a(g[e.currentSlide]).css("display", "block")
}
f.css("background", 'url("' + e.currentImage.attr("src") + '") no-repeat');
f.append(a('<div class="nivo-caption"><p></p></div>').css({
display: "none",
opacity: d.captionOpacity
}));
var h = function (t) {
var r = a(".nivo-caption", f);
if (e.currentImage.attr("title") != "" && e.currentImage.attr("title") != undefined) {
var s = e.currentImage.attr("title");
if (s.substr(0, 1) == "#") {
s = a(s).html()
}
if (r.css("display") == "block") {
r.find("p").stop().fadeOut(t.animSpeed, function () {
a(this).html(s);
a(this).stop().fadeIn(t.animSpeed)
})
} else {
r.find("p").html(s)
}
r.stop().fadeIn(t.animSpeed)
} else {
r.stop().fadeOut(t.animSpeed)
}
};
h(d);
var i = 0;
if (!d.manualAdvance && g.length > 1) {
i = setInterval(function () {
q(f, g, d, false)
}, d.pauseTime)
}
if (d.directionNav) {
f.append('<div class="nivo-directionNav"><a class="nivo-prevNav">' + d.prevText + '</a><a class="nivo-nextNav">' + d.nextText + "</a></div>");
if (d.directionNavHide) {
a(".nivo-directionNav", f).hide();
f.hover(function () {
a(".nivo-directionNav", f).show()
}, function () {
a(".nivo-directionNav", f).hide()
})
}
a("a.nivo-prevNav", f).live("click", function () {
if (e.running) {
return false
}
clearInterval(i);
i = "";
e.currentSlide -= 2;
q(f, g, d, "prev")
});
a("a.nivo-nextNav", f).live("click", function () {
if (e.running) {
return false
}
clearInterval(i);
i = "";
q(f, g, d, "next")
})
}
if (d.controlNav) {
var k = a('<div class="nivo-controlNav"></div>');
f.append(k);
for (var l = 0; l < g.length; l++) {
if (d.controlNavThumbs) {
var m = g.eq(l);
if (!m.is("img")) {
m = m.find("img:first")
}
if (d.controlNavThumbsFromRel) {
k.append('<a class="nivo-control" rel="' + l + '"><img src="' + m.attr("rel") + '" alt="" /></a>')
} else {
k.append('<a class="nivo-control" rel="' + l + '"><img src="' + m.attr("src").replace(d.controlNavThumbsSearch, d.controlNavThumbsReplace) + '" alt="" /></a>')
}
} else {
k.append('<a class="nivo-control" rel="' + l + '">' + (l + 1) + "</a>")
}
}
a(".nivo-controlNav a:eq(" + e.currentSlide + ")", f).addClass("active");
a(".nivo-controlNav a", f).live("click", function () {
if (e.running) {
return false
}
if (a(this).hasClass("active")) {
return false
}
clearInterval(i);
i = "";
f.css("background", 'url("' + e.currentImage.attr("src") + '") no-repeat');
e.currentSlide = a(this).attr("rel") - 1;
q(f, g, d, "control")
})
}
if (d.keyboardNav) {
a(window).keypress(function (r) {
if (r.keyCode == "37") {
if (e.running) {
return false
}
clearInterval(i);
i = "";
e.currentSlide -= 2;
q(f, g, d, "prev")
}
if (r.keyCode == "39") {
if (e.running) {
return false
}
clearInterval(i);
i = "";
q(f, g, d, "next")
}
})
}
if (d.pauseOnHover) {
f.hover(function () {
e.paused = true;
clearInterval(i);
i = ""
}, function () {
e.paused = false;
if (i == "" && !d.manualAdvance) {
i = setInterval(function () {
q(f, g, d, false)
}, d.pauseTime)
}
})
}
f.bind("nivo:animFinished", function () {
e.running = false;
a(g).each(function () {
if (a(this).is("a")) {
a(this).css("display", "none")
}
});
if (a(g[e.currentSlide]).is("a")) {
a(g[e.currentSlide]).css("display", "block")
}
if (i == "" && !e.paused && !d.manualAdvance) {
i = setInterval(function () {
q(f, g, d, false)
}, d.pauseTime)
}
d.afterChange.call(this)
});
var n = function (v, r, s) {
for (var t = 0; t < r.slices; t++) {
var u = Math.round(v.width() / r.slices);
if (t == r.slices - 1) {
v.append(a('<div class="nivo-slice"></div>').css({
left: u * t + "px",
width: v.width() - u * t + "px",
height: "0px",
opacity: "0",
background: 'url("' + s.currentImage.attr("src") + '") no-repeat -' + (u + t * u - u) + "px 0%"
}))
} else {
v.append(a('<div class="nivo-slice"></div>').css({
left: u * t + "px",
width: u + "px",
height: "0px",
opacity: "0",
background: 'url("' + s.currentImage.attr("src") + '") no-repeat -' + (u + t * u - u) + "px 0%"
}))
}
}
};
var o = function (v, w, x) {
var r = Math.round(v.width() / w.boxCols);
var s = Math.round(v.height() / w.boxRows);
for (var t = 0; t < w.boxRows; t++) {
for (var u = 0; u < w.boxCols; u++) {
if (u == w.boxCols - 1) {
v.append(a('<div class="nivo-box"></div>').css({
opacity: 0,
left: r * u + "px",
top: s * t + "px",
width: v.width() - r * u + "px",
height: s + "px",
background: 'url("' + x.currentImage.attr("src") + '") no-repeat -' + (r + u * r - r) + "px -" + (s + t * s - s) + "px"
}))
} else {
v.append(a('<div class="nivo-box"></div>').css({
opacity: 0,
left: r * u + "px",
top: s * t + "px",
width: r + "px",
height: s + "px",
background: 'url("' + x.currentImage.attr("src") + '") no-repeat -' + (r + u * r - r) + "px -" + (s + t * s - s) + "px"
}))
}
}
}
};
var q = function (r, s, t, u) {
var v = r.data("nivo:vars");
if (v && v.currentSlide == v.totalSlides - 1) {
t.lastSlide.call(this)
}
if ((!v || v.stop) && !u) {
return false
}
t.beforeChange.call(this);
if (!u) {
r.css("background", 'url("' + v.currentImage.attr("src") + '") no-repeat')
} else {
if (u == "prev") {
r.css("background", 'url("' + v.currentImage.attr("src") + '") no-repeat')
}
if (u == "next") {
r.css("background", 'url("' + v.currentImage.attr("src") + '") no-repeat')
}
}
v.currentSlide++;
if (v.currentSlide == v.totalSlides) {
v.currentSlide = 0;
t.slideshowEnd.call(this)
}
if (v.currentSlide < 0) {
v.currentSlide = v.totalSlides - 1
}
if (a(s[v.currentSlide]).is("img")) {
v.currentImage = a(s[v.currentSlide])
} else {
v.currentImage = a(s[v.currentSlide]).find("img:first")
}
if (t.controlNav) {
a(".nivo-controlNav a", r).removeClass("active");
a(".nivo-controlNav a:eq(" + v.currentSlide + ")", r).addClass("active")
}
h(t);
a(".nivo-slice", r).remove();
a(".nivo-box", r).remove();
var w = t.effect;
if (t.effect == "random") {
var x = new Array("sliceDownRight", "sliceDownLeft", "sliceUpRight", "sliceUpLeft", "sliceUpDown", "sliceUpDownLeft", "fold", "fade", "boxRandom", "boxRain", "boxRainReverse", "boxRainGrow", "boxRainGrowReverse");
w = x[Math.floor(Math.random() * (x.length + 1))];
if (w == undefined) {
w = "fade"
}
}
if (t.effect.indexOf(",") != -1) {
var x = t.effect.split(",");
w = x[Math.floor(Math.random() * x.length)];
if (w == undefined) {
w = "fade"
}
}
if (v.currentImage.attr("data-transition")) {
w = v.currentImage.attr("data-transition")
}
v.running = true;
if (w == "sliceDown" || w == "sliceDownRight" || w == "sliceDownLeft") {
n(r, t, v);
var y = 0;
var z = 0;
var A = a(".nivo-slice", r);
if (w == "sliceDownLeft") {
A = a(".nivo-slice", r)._reverse()
}
A.each(function () {
var H = a(this);
H.css({
top: "0px"
});
if (z == t.slices - 1) {
setTimeout(function () {
H.animate({
height: "100%",
opacity: "1.0"
}, t.animSpeed, "", function () {
r.trigger("nivo:animFinished")
})
}, 100 + y)
} else {
setTimeout(function () {
H.animate({
height: "100%",
opacity: "1.0"
}, t.animSpeed)
}, 100 + y)
}
y += 50;
z++
})
} else {
if (w == "sliceUp" || w == "sliceUpRight" || w == "sliceUpLeft") {
n(r, t, v);
var y = 0;
var z = 0;
var A = a(".nivo-slice", r);
if (w == "sliceUpLeft") {
A = a(".nivo-slice", r)._reverse()
}
A.each(function () {
var H = a(this);
H.css({
bottom: "0px"
});
if (z == t.slices - 1) {
setTimeout(function () {
H.animate({
height: "100%",
opacity: "1.0"
}, t.animSpeed, "", function () {
r.trigger("nivo:animFinished")
})
}, 100 + y)
} else {
setTimeout(function () {
H.animate({
height: "100%",
opacity: "1.0"
}, t.animSpeed)
}, 100 + y)
}
y += 50;
z++
})
} else {
if (w == "sliceUpDown" || w == "sliceUpDownRight" || w == "sliceUpDownLeft") {
n(r, t, v);
var y = 0;
var z = 0;
var B = 0;
var A = a(".nivo-slice", r);
if (w == "sliceUpDownLeft") {
A = a(".nivo-slice", r)._reverse()
}
A.each(function () {
var H = a(this);
if (z == 0) {
H.css("top", "0px");
z++
} else {
H.css("bottom", "0px");
z = 0
}
if (B == t.slices - 1) {
setTimeout(function () {
H.animate({
height: "100%",
opacity: "1.0"
}, t.animSpeed, "", function () {
r.trigger("nivo:animFinished")
})
}, 100 + y)
} else {
setTimeout(function () {
H.animate({
height: "100%",
opacity: "1.0"
}, t.animSpeed)
}, 100 + y)
}
y += 50;
B++
})
} else {
if (w == "fold") {
n(r, t, v);
var y = 0;
var z = 0;
a(".nivo-slice", r).each(function () {
var I = a(this);
var H = I.width();
I.css({
top: "0px",
height: "100%",
width: "0px"
});
if (z == t.slices - 1) {
setTimeout(function () {
I.animate({
width: H,
opacity: "1.0"
}, t.animSpeed, "", function () {
r.trigger("nivo:animFinished")
})
}, 100 + y)
} else {
setTimeout(function () {
I.animate({
width: H,
opacity: "1.0"
}, t.animSpeed)
}, 100 + y)
}
y += 50;
z++
})
} else {
if (w == "fade") {
n(r, t, v);
var C = a(".nivo-slice:first", r);
C.css({
height: "100%",
width: r.width() + "px"
});
C.animate({
opacity: "1.0"
}, t.animSpeed * 2, "", function () {
r.trigger("nivo:animFinished")
})
} else {
if (w == "slideInRight") {
n(r, t, v);
var C = a(".nivo-slice:first", r);
C.css({
height: "100%",
width: "0px",
opacity: "1"
});
C.animate({
width: r.width() + "px"
}, t.animSpeed * 2, "", function () {
r.trigger("nivo:animFinished")
})
} else {
if (w == "slideInLeft") {
n(r, t, v);
var C = a(".nivo-slice:first", r);
C.css({
height: "100%",
width: "0px",
opacity: "1",
left: "",
right: "0px"
});
C.animate({
width: r.width() + "px"
}, t.animSpeed * 2, "", function () {
C.css({
left: "0px",
right: ""
});
r.trigger("nivo:animFinished")
})
} else {
if (w == "boxRandom") {
o(r, t, v);
var D = t.boxCols * t.boxRows;
var z = 0;
var y = 0;
var E = c(a(".nivo-box", r));
E.each(function () {
var H = a(this);
if (z == D - 1) {
setTimeout(function () {
H.animate({
opacity: "1"
}, t.animSpeed, "", function () {
r.trigger("nivo:animFinished")
})
}, 100 + y)
} else {
setTimeout(function () {
H.animate({
opacity: "1"
}, t.animSpeed)
}, 100 + y)
}
y += 20;
z++
})
} else {
if (w == "boxRain" || w == "boxRainReverse" || w == "boxRainGrow" || w == "boxRainGrowReverse") {
o(r, t, v);
var D = t.boxCols * t.boxRows;
var z = 0;
var y = 0;
var F = 0;
var W = 0;
var X = new Array;
X[F] = new Array;
var E = a(".nivo-box", r);
if (w == "boxRainReverse" || w == "boxRainGrowReverse") {
E = a(".nivo-box", r)._reverse()
}
E.each(function () {
X[F][W] = a(this);
W++;
if (W == t.boxCols) {
F++;
W = 0;
X[F] = new Array
}
});
for (var Y = 0; Y < t.boxCols * 2; Y++) {
var Z = Y;
for (var aa = 0; aa < t.boxRows; aa++) {
if (Z >= 0 && Z < t.boxCols) {
(function (L, N, O, I, K) {
var M = a(X[L][N]);
var J = M.width();
var H = M.height();
if (w == "boxRainGrow" || w == "boxRainGrowReverse") {
M.width(0).height(0)
}
if (I == K - 1) {
setTimeout(function () {
M.animate({
opacity: "1",
width: J,
height: H
}, t.animSpeed / 1.3, "", function () {
r.trigger("nivo:animFinished")
})
}, 100 + O)
} else {
setTimeout(function () {
M.animate({
opacity: "1",
width: J,
height: H
}, t.animSpeed / 1.3)
}, 100 + O)
}
})(aa, Z, y, z, D);
z++
}
Z--
}
y += 100
}
}
}
}
}
}
}
}
}
}
};
var c = function (t) {
for (var u, r, s = t.length; s; u = parseInt(Math.random() * s), r = t[--s], t[s] = t[u], t[u] = r) {}
return t
};
var j = function (r) {
if (this.console && typeof console.log != "undefined") {
console.log(r)
}
};
this.stop = function () {
if (!a(p).data("nivo:vars").stop) {
a(p).data("nivo:vars").stop = true;
j("Stop Slider")
}
};
this.start = function () {
if (a(p).data("nivo:vars").stop) {
a(p).data("nivo:vars").stop = false;
j("Start Slider")
}
};
d.afterLoad.call(this);
return this
};
a.fn.nivoSlider = function (c) {
return this.each(function (e, f) {
var g = a(this);
if (g.data("nivoslider")) {
return g.data("nivoslider")
}
var d = new b(this, c);
g.data("nivoslider", d)
})
};
a.fn.nivoSlider.defaults = {
effect: "random",
slices: 15,
boxCols: 8,
boxRows: 4,
animSpeed: 500,
pauseTime: 3000,
startSlide: 0,
directionNav: true,
directionNavHide: true,
controlNav: true,
controlNavThumbs: false,
controlNavThumbsFromRel: false,
controlNavThumbsSearch: ".jpg",
controlNavThumbsReplace: "_thumb.jpg",
keyboardNav: true,
pauseOnHover: true,
manualAdvance: false,
captionOpacity: 0.8,
prevText: "Prev",
nextText: "Next",
randomStart: false,
beforeChange: function () {},
afterChange: function () {},
slideshowEnd: function () {},
lastSlide: function () {},
afterLoad: function () {}
};
a.fn._reverse = [].reverse
})(jQuery);
</script>
<style>
.campos {
position: absolute;
right: 30px;
top: 20px;
}
a {
color: rgb(0, 114, 198);
text-decoration: none;
}
a:hover {
color: rgb(51, 142, 209);
}
body{background: #f4f4f4 url(http://i46.servimg.com/u/f46/11/96/49/61/body-b15.png); font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";}
.titulo {
font-family: "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial!important;
color: rgb(204, 35, 35);
text-shadow: 2px 2px 2px #DDD;
font-size: 40px;
}
input[type="text"],input[type="password"] {
padding: 7px;
outline: none;
width: 302px;
margin: 4px;
font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";
}
input[type="submit"] {
background: rgb(0, 0, 0);
height: 2em; min-width: 6em; font-family: "Segoe UI Web Semibold", "Segoe UI Web Regular", "Segoe UI", "Helvetica Neue", Arial; font-size: 100%; color: rgb(33, 33, 33); padding: 3px 12px 5px; border: 0px;
color: white;
margin-left: 103px;
margin-top: 10px;
}
.buttons {
background: rgb(0, 0, 0);
height: 25px;
width: 900;
-webkit-box-shadow: rgba(0,0,0,0.6) 0px 1px 6px;
-moz-box-shadow: rgba(0,0,0,0.6) 0px 1px 6px;
box-shadow: rgba(0,0,0,0.6) 0px 1px 6px;
min-width: 6em;
font-family: "Segoe UI Web Semibold", "Segoe UI Web Regular", "Segoe UI", "Helvetica Neue", Arial; font-size: 100%; color: rgb(33, 33, 33);
border: 0px;
border-top: 6px solid #000000;
border-bottom: 3px solid #000000;
margin-top: 20px;
color: white;
bottom: 0px;
left: 0px;
right: 0px;
text-align: center;
}
.buttons li {
display: inline-block;
}
.buttons li a {
background: #000000;
padding: 4px 10px;
color: white;
border-radius: 0 0 0 0;
}
.buttons li a:hover {
background: #f4f4f4;
color: #000000;
}
.content {
position: absolute;
top: 40px;
left: 90px;
margin: 15px;
}
.info div {
width: 700px;
background: #ffffff;
word-break: break-word;
padding: 10px;
color: white;
margin-bottom: 30px;
}
.info h3 {
font-family: "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial!important;
}
.nivoSlider {
position: relative;
}
.nivoSlider img {
position: absolute;
top: 0;
left: 0;
}
.nivoSlider a.nivo-imageLink {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
padding: 0;
margin: 0;
z-index: 6;
display: none;
}
.nivo-slice {
display: block;
position: absolute;
z-index: 5;
height: 100%;
}
.nivo-box {
display: block;
position: absolute;
z-index: 5;
}
.nivo-caption {
position: absolute;
left: 0;
bottom: 0;
background: #000;
color: #fff;
opacity: .8;
width: 100%;
z-index: 8;
}
.nivo-caption p {
padding: 5px;
margin: 0;
}
.nivo-caption a {
display: inline!important;
}
.nivo-html-caption {
display: none;
}
.nivo-directionNav a {
position: absolute;
top: 45%;
z-index: 9;
cursor: pointer;
}
.nivo-prevNav {
left: 0;
}
.nivo-nextNav {
right: 0;
}
.nivo-controlNav a {
position: relative;
z-index: 9;
cursor: pointer;
}
.nivo-controlNav a.active {
font-weight: bold;
}
.theme-default .nivoSlider {
position: relative;
background: #fff url(http://i46.servimg.com/u/f46/15/66/68/20/loadin10.gif) no-repeat 50% 50%;
margin-bottom: 50px;
-webkit-box-shadow: 0 1px 5px 0 #4a4a4a;
-moz-box-shadow: 0 1px 5px 0 #4a4a4a;
box-shadow: 0 1px 5px 0 #4a4a4a;
}
.theme-default .nivoSlider img {
position: absolute;
top: 0;
left: 0;
display: none;
}
.theme-default .nivoSlider a {
border: 0;
display: block;
}
.theme-default .nivo-controlNav {
position: absolute;
left: 50%;
bottom: -42px;
margin-left: -40px;
}
.theme-default .nivo-controlNav a {
display: block;
width: 22px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/15/66/68/20/bullet10.png) no-repeat;
text-indent: -9999px;
border: 0;
margin-right: 3px;
float: left;
}
.theme-default .nivo-controlNav a.active {
background-position: 0 -22px;
}
.theme-default .nivo-directionNav a {
display: block;
width: 30px;
height: 30px;
background: url(http://i46.servimg.com/u/f46/15/66/68/20/arrows10.png) no-repeat;
text-indent: -9999px;
border: 0;
}
.theme-default a.nivo-nextNav {
background-position: -30px 0;
right: 15px;
}
.theme-default a.nivo-prevNav {
left: 15px;
}
.theme-default .nivo-caption {
font-family: Helvetica,Arial,sans-serif;
}
.theme-default .nivo-caption a {
color: #fff;
border-bottom: 1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
color: #fff;
}
</style>
<body><div class="inner"><div class="content">
<center><img src="http://i58.tinypic.com/25us42e.png"></center><div style="width:700px;padding: 10px;">
<div class="slider-wrapper theme-default">
<div class="ribbon">
</div>
<div id="nivoslider-125" class="nivoSlider" style="width:700px;height:250px;">
<a href="http://pixel-life.forumbrasil.net/t18-update-10-concluido"><img src="http://i40.tinypic.com/348145v.png" title="#nivoslider-125-caption-0" alt="" height="250px" width="700px" /></a>
<a href="http://pixel-life.forumbrasil.net/t22-vagas-abertas#44"><img src="http://i44.tinypic.com/5choya.png" title="#nivoslider-125-caption-1" alt="" height="250px" width="700px"/></a>
</div>
</div>
<div id="nivoslider-125-caption-0" class="nivo-html-caption">
Update 1.0 Concluído.
</div>
<div id="nivoslider-125-caption-1" class="nivo-html-caption">
Entra para a nossa equipe agora mesmo.
</div>
<p>
<script type="text/javascript">jQuery(window).load(function(){jQuery("#nivoslider-125").nivoSlider({effect:"random",slices:15,boxCols:8,boxRows:4,animSpeed:500,pauseTime:3000,startSlide:0,directionNav:true,directionNavHide:true,controlNav:true,controlNavThumbs:false,controlNavThumbsFromRel:true,keyboardNav:true,pauseOnHover:true,manualAdvance:false});});</script>
</div>Equipe Pixel Life</h3>
<p><li>Este fórum é para seu divertimento sem fins lucrativos</li><li>© 2013 Pixel Life - Todos os direitos reservados.</li></p></div></div>
</div><div class="campos">
<iframe src="//https://www.facebook.com/pages/Spoke-Craft/1406694469617114?ref=hl" scrolling="no" frameborder="0" style="background: white; border:none; overflow:hidden; width:395px; height:258px;" allowTransparency="true"></iframe>
<br>
<form action="/login" method="post" class="frm-form" name="form_login"><fieldset class="frm-set connexion"><legend></legend><div class="frm_connexion"><dl><dt><label for="username">Nome de usuário:</label></dt><dd><input type="text" tabindex="1" name="username" id="username" size="30" maxlength="40" value="" class="inputfield" /></dd></dl><dl><dt><label for="password">Senha:</label></dt><dd><input type="password" tabindex="2" id="password" name="password" size="30" maxlength="25" class="inputfield" /></dd></dl><dl><dt></dt><dd><label for="autologin" id="lbl_autologin"><input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" checked="checked" /> Conexão automática</label></dd></dl></div><dl class="frm-buttons fb left"><dt> </dt><dd><input type="hidden" name="redirect" value="" /><input type="hidden" name="query" value="" /><input type="submit" name="login" tabindex="6" value="Login" class="button2" /></dd></dl></fieldset></form>
<span class="reg">Ainda não tem conta? Está esperando o quê ? <a href="/register">Registre-se</a></span><br>
<span class="reg1"> Já está logado ? <a href="/forum">Jogue Agora !</a></span>
</div>
</form>
<form action="/forum" class="frm-form" method="post" name="post" onsubmit="return vB_Editor['text_editor'].prepare_submit(0,0)" enctype="multipart/form-data" id="form2" style="display:none;">
<input style="margin-top:2px" type="text" value="" name="username[]">
<input type="text" name="subject" value="" maxlength="64" title="" >
<input type="hidden" name="message" value="" />
<input type="hidden" name="lt" value="">
<input type="hidden" name="mode" value="post">
<input type="hidden" name="folder" value="inbox">
<input type="submit" name="post" value="Enviar" tabindex="6" accesskey="s" id="sendMP">
</form><div style="display: none">Pixel Life Todos os Direitos Reservados | Hospedada Por <a href="http://www.forumeiros.com" target="_blank">forumeiros.com</a> Editada por Admin e Yrley</div>
</div><div class="buttons">
<li><a href="http://pixel-life.forumbrasil.net/forum">Fórum</a></li>
<li><a href="http://pixel-life.forumbrasil.net/portal">Portal</a></li>
<li><a href="http://pixel-life.forumbrasil.net/t3-regras-do-forum">Regras</a></li>
<li><a href="http://pixel-life.forumbrasil.net/f21-concursos">Concursos</a></li>
<li><a href="http://pixel-life.forumbrasil.net/f29-updates">Updates</a></li>
<li><a href="/register">Cadastre-se</a></li>
</div>
</body>
</html>
Até mais.
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Trocar página do facebook dessa página HTML
por Yrley 06.06.14 20:51
Editei a página.
Seria possível editar essa?:
Seria possível editar essa?:
- Código:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Spoke Craft - Página Inicial</title>
<link rel="icon" href="http://i.imgur.com/0YwsJu8.png" type="image/x-icon">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script>
(function (a) {
var b = function (p, G) {
var d = a.extend({}, a.fn.nivoSlider.defaults, G);
var e = {
currentSlide: 0,
currentImage: "",
totalSlides: 0,
running: false,
paused: false,
stop: false
};
var f = a(p);
f.data("nivo:vars", e);
f.css("position", "relative");
f.addClass("nivoSlider");
var g = f.children();
g.each(function () {
var u = a(this);
var r = "";
if (!u.is("img")) {
if (u.is("a")) {
u.addClass("nivo-imageLink");
r = u
}
u = u.find("img:first")
}
var s = u.width();
if (s == 0) {
s = u.attr("width")
}
var t = u.height();
if (t == 0) {
t = u.attr("height")
}
if (s > f.width()) {
f.width(s)
}
if (t > f.height()) {
f.height(t)
}
if (r != "") {
r.css("display", "none")
}
u.css("display", "none");
e.totalSlides++
});
if (d.randomStart) {
d.startSlide = Math.floor(Math.random() * e.totalSlides)
}
if (d.startSlide > 0) {
if (d.startSlide >= e.totalSlides) {
d.startSlide = e.totalSlides - 1
}
e.currentSlide = d.startSlide
}
if (a(g[e.currentSlide]).is("img")) {
e.currentImage = a(g[e.currentSlide])
} else {
e.currentImage = a(g[e.currentSlide]).find("img:first")
}
if (a(g[e.currentSlide]).is("a")) {
a(g[e.currentSlide]).css("display", "block")
}
f.css("background", 'url("' + e.currentImage.attr("src") + '") no-repeat');
f.append(a('<div class="nivo-caption"><p></p></div>').css({
display: "none",
opacity: d.captionOpacity
}));
var h = function (t) {
var r = a(".nivo-caption", f);
if (e.currentImage.attr("title") != "" && e.currentImage.attr("title") != undefined) {
var s = e.currentImage.attr("title");
if (s.substr(0, 1) == "#") {
s = a(s).html()
}
if (r.css("display") == "block") {
r.find("p").stop().fadeOut(t.animSpeed, function () {
a(this).html(s);
a(this).stop().fadeIn(t.animSpeed)
})
} else {
r.find("p").html(s)
}
r.stop().fadeIn(t.animSpeed)
} else {
r.stop().fadeOut(t.animSpeed)
}
};
h(d);
var i = 0;
if (!d.manualAdvance && g.length > 1) {
i = setInterval(function () {
q(f, g, d, false)
}, d.pauseTime)
}
if (d.directionNav) {
f.append('<div class="nivo-directionNav"><a class="nivo-prevNav">' + d.prevText + '</a><a class="nivo-nextNav">' + d.nextText + "</a></div>");
if (d.directionNavHide) {
a(".nivo-directionNav", f).hide();
f.hover(function () {
a(".nivo-directionNav", f).show()
}, function () {
a(".nivo-directionNav", f).hide()
})
}
a("a.nivo-prevNav", f).live("click", function () {
if (e.running) {
return false
}
clearInterval(i);
i = "";
e.currentSlide -= 2;
q(f, g, d, "prev")
});
a("a.nivo-nextNav", f).live("click", function () {
if (e.running) {
return false
}
clearInterval(i);
i = "";
q(f, g, d, "next")
})
}
if (d.controlNav) {
var k = a('<div class="nivo-controlNav"></div>');
f.append(k);
for (var l = 0; l < g.length; l++) {
if (d.controlNavThumbs) {
var m = g.eq(l);
if (!m.is("img")) {
m = m.find("img:first")
}
if (d.controlNavThumbsFromRel) {
k.append('<a class="nivo-control" rel="' + l + '"><img src="' + m.attr("rel") + '" alt="" /></a>')
} else {
k.append('<a class="nivo-control" rel="' + l + '"><img src="' + m.attr("src").replace(d.controlNavThumbsSearch, d.controlNavThumbsReplace) + '" alt="" /></a>')
}
} else {
k.append('<a class="nivo-control" rel="' + l + '">' + (l + 1) + "</a>")
}
}
a(".nivo-controlNav a:eq(" + e.currentSlide + ")", f).addClass("active");
a(".nivo-controlNav a", f).live("click", function () {
if (e.running) {
return false
}
if (a(this).hasClass("active")) {
return false
}
clearInterval(i);
i = "";
f.css("background", 'url("' + e.currentImage.attr("src") + '") no-repeat');
e.currentSlide = a(this).attr("rel") - 1;
q(f, g, d, "control")
})
}
if (d.keyboardNav) {
a(window).keypress(function (r) {
if (r.keyCode == "37") {
if (e.running) {
return false
}
clearInterval(i);
i = "";
e.currentSlide -= 2;
q(f, g, d, "prev")
}
if (r.keyCode == "39") {
if (e.running) {
return false
}
clearInterval(i);
i = "";
q(f, g, d, "next")
}
})
}
if (d.pauseOnHover) {
f.hover(function () {
e.paused = true;
clearInterval(i);
i = ""
}, function () {
e.paused = false;
if (i == "" && !d.manualAdvance) {
i = setInterval(function () {
q(f, g, d, false)
}, d.pauseTime)
}
})
}
f.bind("nivo:animFinished", function () {
e.running = false;
a(g).each(function () {
if (a(this).is("a")) {
a(this).css("display", "none")
}
});
if (a(g[e.currentSlide]).is("a")) {
a(g[e.currentSlide]).css("display", "block")
}
if (i == "" && !e.paused && !d.manualAdvance) {
i = setInterval(function () {
q(f, g, d, false)
}, d.pauseTime)
}
d.afterChange.call(this)
});
var n = function (v, r, s) {
for (var t = 0; t < r.slices; t++) {
var u = Math.round(v.width() / r.slices);
if (t == r.slices - 1) {
v.append(a('<div class="nivo-slice"></div>').css({
left: u * t + "px",
width: v.width() - u * t + "px",
height: "0px",
opacity: "0",
background: 'url("' + s.currentImage.attr("src") + '") no-repeat -' + (u + t * u - u) + "px 0%"
}))
} else {
v.append(a('<div class="nivo-slice"></div>').css({
left: u * t + "px",
width: u + "px",
height: "0px",
opacity: "0",
background: 'url("' + s.currentImage.attr("src") + '") no-repeat -' + (u + t * u - u) + "px 0%"
}))
}
}
};
var o = function (v, w, x) {
var r = Math.round(v.width() / w.boxCols);
var s = Math.round(v.height() / w.boxRows);
for (var t = 0; t < w.boxRows; t++) {
for (var u = 0; u < w.boxCols; u++) {
if (u == w.boxCols - 1) {
v.append(a('<div class="nivo-box"></div>').css({
opacity: 0,
left: r * u + "px",
top: s * t + "px",
width: v.width() - r * u + "px",
height: s + "px",
background: 'url("' + x.currentImage.attr("src") + '") no-repeat -' + (r + u * r - r) + "px -" + (s + t * s - s) + "px"
}))
} else {
v.append(a('<div class="nivo-box"></div>').css({
opacity: 0,
left: r * u + "px",
top: s * t + "px",
width: r + "px",
height: s + "px",
background: 'url("' + x.currentImage.attr("src") + '") no-repeat -' + (r + u * r - r) + "px -" + (s + t * s - s) + "px"
}))
}
}
}
};
var q = function (r, s, t, u) {
var v = r.data("nivo:vars");
if (v && v.currentSlide == v.totalSlides - 1) {
t.lastSlide.call(this)
}
if ((!v || v.stop) && !u) {
return false
}
t.beforeChange.call(this);
if (!u) {
r.css("background", 'url("' + v.currentImage.attr("src") + '") no-repeat')
} else {
if (u == "prev") {
r.css("background", 'url("' + v.currentImage.attr("src") + '") no-repeat')
}
if (u == "next") {
r.css("background", 'url("' + v.currentImage.attr("src") + '") no-repeat')
}
}
v.currentSlide++;
if (v.currentSlide == v.totalSlides) {
v.currentSlide = 0;
t.slideshowEnd.call(this)
}
if (v.currentSlide < 0) {
v.currentSlide = v.totalSlides - 1
}
if (a(s[v.currentSlide]).is("img")) {
v.currentImage = a(s[v.currentSlide])
} else {
v.currentImage = a(s[v.currentSlide]).find("img:first")
}
if (t.controlNav) {
a(".nivo-controlNav a", r).removeClass("active");
a(".nivo-controlNav a:eq(" + v.currentSlide + ")", r).addClass("active")
}
h(t);
a(".nivo-slice", r).remove();
a(".nivo-box", r).remove();
var w = t.effect;
if (t.effect == "random") {
var x = new Array("sliceDownRight", "sliceDownLeft", "sliceUpRight", "sliceUpLeft", "sliceUpDown", "sliceUpDownLeft", "fold", "fade", "boxRandom", "boxRain", "boxRainReverse", "boxRainGrow", "boxRainGrowReverse");
w = x[Math.floor(Math.random() * (x.length + 1))];
if (w == undefined) {
w = "fade"
}
}
if (t.effect.indexOf(",") != -1) {
var x = t.effect.split(",");
w = x[Math.floor(Math.random() * x.length)];
if (w == undefined) {
w = "fade"
}
}
if (v.currentImage.attr("data-transition")) {
w = v.currentImage.attr("data-transition")
}
v.running = true;
if (w == "sliceDown" || w == "sliceDownRight" || w == "sliceDownLeft") {
n(r, t, v);
var y = 0;
var z = 0;
var A = a(".nivo-slice", r);
if (w == "sliceDownLeft") {
A = a(".nivo-slice", r)._reverse()
}
A.each(function () {
var H = a(this);
H.css({
top: "0px"
});
if (z == t.slices - 1) {
setTimeout(function () {
H.animate({
height: "100%",
opacity: "1.0"
}, t.animSpeed, "", function () {
r.trigger("nivo:animFinished")
})
}, 100 + y)
} else {
setTimeout(function () {
H.animate({
height: "100%",
opacity: "1.0"
}, t.animSpeed)
}, 100 + y)
}
y += 50;
z++
})
} else {
if (w == "sliceUp" || w == "sliceUpRight" || w == "sliceUpLeft") {
n(r, t, v);
var y = 0;
var z = 0;
var A = a(".nivo-slice", r);
if (w == "sliceUpLeft") {
A = a(".nivo-slice", r)._reverse()
}
A.each(function () {
var H = a(this);
H.css({
bottom: "0px"
});
if (z == t.slices - 1) {
setTimeout(function () {
H.animate({
height: "100%",
opacity: "1.0"
}, t.animSpeed, "", function () {
r.trigger("nivo:animFinished")
})
}, 100 + y)
} else {
setTimeout(function () {
H.animate({
height: "100%",
opacity: "1.0"
}, t.animSpeed)
}, 100 + y)
}
y += 50;
z++
})
} else {
if (w == "sliceUpDown" || w == "sliceUpDownRight" || w == "sliceUpDownLeft") {
n(r, t, v);
var y = 0;
var z = 0;
var B = 0;
var A = a(".nivo-slice", r);
if (w == "sliceUpDownLeft") {
A = a(".nivo-slice", r)._reverse()
}
A.each(function () {
var H = a(this);
if (z == 0) {
H.css("top", "0px");
z++
} else {
H.css("bottom", "0px");
z = 0
}
if (B == t.slices - 1) {
setTimeout(function () {
H.animate({
height: "100%",
opacity: "1.0"
}, t.animSpeed, "", function () {
r.trigger("nivo:animFinished")
})
}, 100 + y)
} else {
setTimeout(function () {
H.animate({
height: "100%",
opacity: "1.0"
}, t.animSpeed)
}, 100 + y)
}
y += 50;
B++
})
} else {
if (w == "fold") {
n(r, t, v);
var y = 0;
var z = 0;
a(".nivo-slice", r).each(function () {
var I = a(this);
var H = I.width();
I.css({
top: "0px",
height: "100%",
width: "0px"
});
if (z == t.slices - 1) {
setTimeout(function () {
I.animate({
width: H,
opacity: "1.0"
}, t.animSpeed, "", function () {
r.trigger("nivo:animFinished")
})
}, 100 + y)
} else {
setTimeout(function () {
I.animate({
width: H,
opacity: "1.0"
}, t.animSpeed)
}, 100 + y)
}
y += 50;
z++
})
} else {
if (w == "fade") {
n(r, t, v);
var C = a(".nivo-slice:first", r);
C.css({
height: "100%",
width: r.width() + "px"
});
C.animate({
opacity: "1.0"
}, t.animSpeed * 2, "", function () {
r.trigger("nivo:animFinished")
})
} else {
if (w == "slideInRight") {
n(r, t, v);
var C = a(".nivo-slice:first", r);
C.css({
height: "100%",
width: "0px",
opacity: "1"
});
C.animate({
width: r.width() + "px"
}, t.animSpeed * 2, "", function () {
r.trigger("nivo:animFinished")
})
} else {
if (w == "slideInLeft") {
n(r, t, v);
var C = a(".nivo-slice:first", r);
C.css({
height: "100%",
width: "0px",
opacity: "1",
left: "",
right: "0px"
});
C.animate({
width: r.width() + "px"
}, t.animSpeed * 2, "", function () {
C.css({
left: "0px",
right: ""
});
r.trigger("nivo:animFinished")
})
} else {
if (w == "boxRandom") {
o(r, t, v);
var D = t.boxCols * t.boxRows;
var z = 0;
var y = 0;
var E = c(a(".nivo-box", r));
E.each(function () {
var H = a(this);
if (z == D - 1) {
setTimeout(function () {
H.animate({
opacity: "1"
}, t.animSpeed, "", function () {
r.trigger("nivo:animFinished")
})
}, 100 + y)
} else {
setTimeout(function () {
H.animate({
opacity: "1"
}, t.animSpeed)
}, 100 + y)
}
y += 20;
z++
})
} else {
if (w == "boxRain" || w == "boxRainReverse" || w == "boxRainGrow" || w == "boxRainGrowReverse") {
o(r, t, v);
var D = t.boxCols * t.boxRows;
var z = 0;
var y = 0;
var F = 0;
var W = 0;
var X = new Array;
X[F] = new Array;
var E = a(".nivo-box", r);
if (w == "boxRainReverse" || w == "boxRainGrowReverse") {
E = a(".nivo-box", r)._reverse()
}
E.each(function () {
X[F][W] = a(this);
W++;
if (W == t.boxCols) {
F++;
W = 0;
X[F] = new Array
}
});
for (var Y = 0; Y < t.boxCols * 2; Y++) {
var Z = Y;
for (var aa = 0; aa < t.boxRows; aa++) {
if (Z >= 0 && Z < t.boxCols) {
(function (L, N, O, I, K) {
var M = a(X[L][N]);
var J = M.width();
var H = M.height();
if (w == "boxRainGrow" || w == "boxRainGrowReverse") {
M.width(0).height(0)
}
if (I == K - 1) {
setTimeout(function () {
M.animate({
opacity: "1",
width: J,
height: H
}, t.animSpeed / 1.3, "", function () {
r.trigger("nivo:animFinished")
})
}, 100 + O)
} else {
setTimeout(function () {
M.animate({
opacity: "1",
width: J,
height: H
}, t.animSpeed / 1.3)
}, 100 + O)
}
})(aa, Z, y, z, D);
z++
}
Z--
}
y += 100
}
}
}
}
}
}
}
}
}
}
};
var c = function (t) {
for (var u, r, s = t.length; s; u = parseInt(Math.random() * s), r = t[--s], t[s] = t[u], t[u] = r) {}
return t
};
var j = function (r) {
if (this.console && typeof console.log != "undefined") {
console.log(r)
}
};
this.stop = function () {
if (!a(p).data("nivo:vars").stop) {
a(p).data("nivo:vars").stop = true;
j("Stop Slider")
}
};
this.start = function () {
if (a(p).data("nivo:vars").stop) {
a(p).data("nivo:vars").stop = false;
j("Start Slider")
}
};
d.afterLoad.call(this);
return this
};
a.fn.nivoSlider = function (c) {
return this.each(function (e, f) {
var g = a(this);
if (g.data("nivoslider")) {
return g.data("nivoslider")
}
var d = new b(this, c);
g.data("nivoslider", d)
})
};
a.fn.nivoSlider.defaults = {
effect: "random",
slices: 15,
boxCols: 8,
boxRows: 4,
animSpeed: 500,
pauseTime: 3000,
startSlide: 0,
directionNav: true,
directionNavHide: true,
controlNav: true,
controlNavThumbs: false,
controlNavThumbsFromRel: false,
controlNavThumbsSearch: ".jpg",
controlNavThumbsReplace: "_thumb.jpg",
keyboardNav: true,
pauseOnHover: true,
manualAdvance: false,
captionOpacity: 0.8,
prevText: "Prev",
nextText: "Next",
randomStart: false,
beforeChange: function () {},
afterChange: function () {},
slideshowEnd: function () {},
lastSlide: function () {},
afterLoad: function () {}
};
a.fn._reverse = [].reverse
})(jQuery);
</script>
<style>
.campos {
position: absolute;
right: 30px;
top: 20px;
}
a {
color: rgb(0, 114, 198);
text-decoration: none;
}
a:hover {
color: rgb(51, 142, 209);
}
body{background: #f4f4f4 url(http://i46.servimg.com/u/f46/11/96/49/61/body-b15.png); font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";}
.titulo {
font-family: "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial!important;
color: rgb(204, 35, 35);
text-shadow: 2px 2px 2px #DDD;
font-size: 40px;
}
input[type="text"],input[type="password"] {
padding: 7px;
outline: none;
width: 302px;
margin: 4px;
font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";
}
input[type="submit"] {
background: rgb(0, 0, 0);
height: 2em; min-width: 6em; font-family: "Segoe UI Web Semibold", "Segoe UI Web Regular", "Segoe UI", "Helvetica Neue", Arial; font-size: 100%; color: rgb(33, 33, 33); padding: 3px 12px 5px; border: 0px;
color: white;
margin-left: 103px;
margin-top: 10px;
}
.buttons {
background: rgb(0, 0, 0);
height: 25px;
width: 900;
-webkit-box-shadow: rgba(0,0,0,0.6) 0px 1px 6px;
-moz-box-shadow: rgba(0,0,0,0.6) 0px 1px 6px;
box-shadow: rgba(0,0,0,0.6) 0px 1px 6px;
min-width: 6em;
font-family: "Segoe UI Web Semibold", "Segoe UI Web Regular", "Segoe UI", "Helvetica Neue", Arial; font-size: 100%; color: rgb(33, 33, 33);
border: 0px;
border-top: 6px solid #000000;
border-bottom: 3px solid #000000;
margin-top: 20px;
color: white;
bottom: 0px;
left: 0px;
right: 0px;
text-align: center;
}
.buttons li {
display: inline-block;
}
.buttons li a {
background: #000000;
padding: 4px 10px;
color: white;
border-radius: 0 0 0 0;
}
.buttons li a:hover {
background: #f4f4f4;
color: #000000;
}
.content {
position: absolute;
top: 40px;
left: 90px;
margin: 15px;
}
.info div {
width: 700px;
background: #ffffff;
word-break: break-word;
padding: 10px;
color: white;
margin-bottom: 30px;
}
.info h3 {
font-family: "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial!important;
}
.nivoSlider {
position: relative;
}
.nivoSlider img {
position: absolute;
top: 0;
left: 0;
}
.nivoSlider a.nivo-imageLink {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
padding: 0;
margin: 0;
z-index: 6;
display: none;
}
.nivo-slice {
display: block;
position: absolute;
z-index: 5;
height: 100%;
}
.nivo-box {
display: block;
position: absolute;
z-index: 5;
}
.nivo-caption {
position: absolute;
left: 0;
bottom: 0;
background: #000;
color: #fff;
opacity: .8;
width: 100%;
z-index: 8;
}
.nivo-caption p {
padding: 5px;
margin: 0;
}
.nivo-caption a {
display: inline!important;
}
.nivo-html-caption {
display: none;
}
.nivo-directionNav a {
position: absolute;
top: 45%;
z-index: 9;
cursor: pointer;
}
.nivo-prevNav {
left: 0;
}
.nivo-nextNav {
right: 0;
}
.nivo-controlNav a {
position: relative;
z-index: 9;
cursor: pointer;
}
.nivo-controlNav a.active {
font-weight: bold;
}
.theme-default .nivoSlider {
position: relative;
background: #fff url(http://i46.servimg.com/u/f46/15/66/68/20/loadin10.gif) no-repeat 50% 50%;
margin-bottom: 50px;
-webkit-box-shadow: 0 1px 5px 0 #4a4a4a;
-moz-box-shadow: 0 1px 5px 0 #4a4a4a;
box-shadow: 0 1px 5px 0 #4a4a4a;
}
.theme-default .nivoSlider img {
position: absolute;
top: 0;
left: 0;
display: none;
}
.theme-default .nivoSlider a {
border: 0;
display: block;
}
.theme-default .nivo-controlNav {
position: absolute;
left: 50%;
bottom: -42px;
margin-left: -40px;
}
.theme-default .nivo-controlNav a {
display: block;
width: 22px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/15/66/68/20/bullet10.png) no-repeat;
text-indent: -9999px;
border: 0;
margin-right: 3px;
float: left;
}
.theme-default .nivo-controlNav a.active {
background-position: 0 -22px;
}
.theme-default .nivo-directionNav a {
display: block;
width: 30px;
height: 30px;
background: url(http://i46.servimg.com/u/f46/15/66/68/20/arrows10.png) no-repeat;
text-indent: -9999px;
border: 0;
}
.theme-default a.nivo-nextNav {
background-position: -30px 0;
right: 15px;
}
.theme-default a.nivo-prevNav {
left: 15px;
}
.theme-default .nivo-caption {
font-family: Helvetica,Arial,sans-serif;
}
.theme-default .nivo-caption a {
color: #fff;
border-bottom: 1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
color: #fff;
}
</style>
<body><div class="inner"><div class="content">
<center><img src="http://i.imgur.com/sUfJVaf.png"></center><div style="width:700px;padding: 10px;">
<div class="slider-wrapper theme-default">
<div class="ribbon">
</div>
<div id="nivoslider-125" class="nivoSlider" style="width:700px;height:250px;">
<a href="http://pixel-life.forumbrasil.net/t18-update-10-concluido"><img src="http://i40.tinypic.com/348145v.png" title="#nivoslider-125-caption-0" alt="" height="250px" width="700px" /></a>
<a href="http://pixel-life.forumbrasil.net/t22-vagas-abertas#44"><img src="http://i44.tinypic.com/5choya.png" title="#nivoslider-125-caption-1" alt="" height="250px" width="700px"/></a>
</div>
</div>
<div id="nivoslider-125-caption-0" class="nivo-html-caption">
Update 1.0 Concluído.
</div>
<div id="nivoslider-125-caption-1" class="nivo-html-caption">
Entra para a nossa equipe agora mesmo.
</div>
<p>
<script type="text/javascript">jQuery(window).load(function(){jQuery("#nivoslider-125").nivoSlider({effect:"random",slices:15,boxCols:8,boxRows:4,animSpeed:500,pauseTime:3000,startSlide:0,directionNav:true,directionNavHide:true,controlNav:true,controlNavThumbs:false,controlNavThumbsFromRel:true,keyboardNav:true,pauseOnHover:true,manualAdvance:false});});</script>
</div>Equipe Spoke Craft</h3>
<p><li>Este fórum é para seu divertimento sem fins lucrativos</li><li>© 2014 Spoke Craft - Todos os direitos reservados.</li></p></div></div>
</div><div class="campos">
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FSomos-Mugiwara-Rpg%2F130516183797519%3Fref%3Dhl&width=395&height=258&show_faces=true&colorscheme=light&stream=false&show_border=true&header=false&appId=501201279907282" scrolling="no" frameborder="0" style="background: white; border:none; overflow:hidden; width:395px; height:258px;" allowTransparency="true"></iframe>
<br>
<form action="/login" method="post" class="frm-form" name="form_login"><fieldset class="frm-set connexion"><legend></legend><div class="frm_connexion"><dl><dt><label for="username">Nome de usuário:</label></dt><dd><input type="text" tabindex="1" name="username" id="username" size="30" maxlength="40" value="" class="inputfield" /></dd></dl><dl><dt><label for="password">Senha:</label></dt><dd><input type="password" tabindex="2" id="password" name="password" size="30" maxlength="25" class="inputfield" /></dd></dl><dl><dt></dt><dd><label for="autologin" id="lbl_autologin"><input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" checked="checked" /> Conexão automática</label></dd></dl></div><dl class="frm-buttons fb left"><dt> </dt><dd><input type="hidden" name="redirect" value="" /><input type="hidden" name="query" value="" /><input type="submit" name="login" tabindex="6" value="Login" class="button2" /></dd></dl></fieldset></form>
<span class="reg">Ainda não tem conta? Está esperando o quê ? <a href="/register">Registre-se</a></span><br>
<span class="reg1"> Já está logado ? <a href="/forum">Divirta-se Agora!</a></span>
</div>
</form>
<form action="/forum" class="frm-form" method="post" name="post" onsubmit="return vB_Editor['text_editor'].prepare_submit(0,0)" enctype="multipart/form-data" id="form2" style="display:none;">
<input style="margin-top:2px" type="text" value="" name="username[]">
<input type="text" name="subject" value="" maxlength="64" title="" >
<input type="hidden" name="message" value="" />
<input type="hidden" name="lt" value="">
<input type="hidden" name="mode" value="post">
<input type="hidden" name="folder" value="inbox">
<input type="submit" name="post" value="Enviar" tabindex="6" accesskey="s" id="sendMP">
</form><div style="display: none">Spoke Craft Todos os Direitos Reservados | Hospedada Por <a href="http://www.forumeiros.com" target="_blank">forumeiros.com</a> Editada por Admin e Yrley</div>
</div><div class="buttons">
<li><a href="/forum">Fórum</a></li>
<li><a href="http://spokecraft.forumeiros.com/t1-regras-do-forum-e-servidor-leia-antes-de-postar">Regras</a></li>
<li><a href="#">Concursos - Em Breve!!</a></li>
<li><a href="http://spokecraft.forumeiros.com/f4-novidades">Novidades</a></li>
<li><a href="/register">Cadastre-se</a></li>
</div>
</body>
</html>
Yrley- Membro
- Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897 -
Re: Trocar página do facebook dessa página HTML
por Sennior 06.06.14 21:00
Olá,
Amigo, então o senhor terá que fazer o plugin referente a tua página e assim poderemos coloca-la no código HTML.
Vá no Facebook e faça o Plugin referente à tua página.
Até mais.
Amigo, então o senhor terá que fazer o plugin referente a tua página e assim poderemos coloca-la no código HTML.
Vá no Facebook e faça o Plugin referente à tua página.
Até mais.
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Trocar página do facebook dessa página HTML
por Yrley 06.06.14 21:07
Não é possível remover essa parte do facebook e alinhar mais para cima a parte de login?
Att.
Att.
Yrley- Membro
- Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897 -
Re: Trocar página do facebook dessa página HTML
por Sennior 06.06.14 21:13
Olá,
Troque por este código:
Até mais.
Troque por este código:
- Código:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Pixel Life - Página Inicial</title>
<link rel="icon" href="http://i.imgur.com/0YwsJu8.png" type="image/x-icon">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script>
(function (a) {
var b = function (p, G) {
var d = a.extend({}, a.fn.nivoSlider.defaults, G);
var e = {
currentSlide: 0,
currentImage: "",
totalSlides: 0,
running: false,
paused: false,
stop: false
};
var f = a(p);
f.data("nivo:vars", e);
f.css("position", "relative");
f.addClass("nivoSlider");
var g = f.children();
g.each(function () {
var u = a(this);
var r = "";
if (!u.is("img")) {
if (u.is("a")) {
u.addClass("nivo-imageLink");
r = u
}
u = u.find("img:first")
}
var s = u.width();
if (s == 0) {
s = u.attr("width")
}
var t = u.height();
if (t == 0) {
t = u.attr("height")
}
if (s > f.width()) {
f.width(s)
}
if (t > f.height()) {
f.height(t)
}
if (r != "") {
r.css("display", "none")
}
u.css("display", "none");
e.totalSlides++
});
if (d.randomStart) {
d.startSlide = Math.floor(Math.random() * e.totalSlides)
}
if (d.startSlide > 0) {
if (d.startSlide >= e.totalSlides) {
d.startSlide = e.totalSlides - 1
}
e.currentSlide = d.startSlide
}
if (a(g[e.currentSlide]).is("img")) {
e.currentImage = a(g[e.currentSlide])
} else {
e.currentImage = a(g[e.currentSlide]).find("img:first")
}
if (a(g[e.currentSlide]).is("a")) {
a(g[e.currentSlide]).css("display", "block")
}
f.css("background", 'url("' + e.currentImage.attr("src") + '") no-repeat');
f.append(a('<div class="nivo-caption"><p></p></div>').css({
display: "none",
opacity: d.captionOpacity
}));
var h = function (t) {
var r = a(".nivo-caption", f);
if (e.currentImage.attr("title") != "" && e.currentImage.attr("title") != undefined) {
var s = e.currentImage.attr("title");
if (s.substr(0, 1) == "#") {
s = a(s).html()
}
if (r.css("display") == "block") {
r.find("p").stop().fadeOut(t.animSpeed, function () {
a(this).html(s);
a(this).stop().fadeIn(t.animSpeed)
})
} else {
r.find("p").html(s)
}
r.stop().fadeIn(t.animSpeed)
} else {
r.stop().fadeOut(t.animSpeed)
}
};
h(d);
var i = 0;
if (!d.manualAdvance && g.length > 1) {
i = setInterval(function () {
q(f, g, d, false)
}, d.pauseTime)
}
if (d.directionNav) {
f.append('<div class="nivo-directionNav"><a class="nivo-prevNav">' + d.prevText + '</a><a class="nivo-nextNav">' + d.nextText + "</a></div>");
if (d.directionNavHide) {
a(".nivo-directionNav", f).hide();
f.hover(function () {
a(".nivo-directionNav", f).show()
}, function () {
a(".nivo-directionNav", f).hide()
})
}
a("a.nivo-prevNav", f).live("click", function () {
if (e.running) {
return false
}
clearInterval(i);
i = "";
e.currentSlide -= 2;
q(f, g, d, "prev")
});
a("a.nivo-nextNav", f).live("click", function () {
if (e.running) {
return false
}
clearInterval(i);
i = "";
q(f, g, d, "next")
})
}
if (d.controlNav) {
var k = a('<div class="nivo-controlNav"></div>');
f.append(k);
for (var l = 0; l < g.length; l++) {
if (d.controlNavThumbs) {
var m = g.eq(l);
if (!m.is("img")) {
m = m.find("img:first")
}
if (d.controlNavThumbsFromRel) {
k.append('<a class="nivo-control" rel="' + l + '"><img src="' + m.attr("rel") + '" alt="" /></a>')
} else {
k.append('<a class="nivo-control" rel="' + l + '"><img src="' + m.attr("src").replace(d.controlNavThumbsSearch, d.controlNavThumbsReplace) + '" alt="" /></a>')
}
} else {
k.append('<a class="nivo-control" rel="' + l + '">' + (l + 1) + "</a>")
}
}
a(".nivo-controlNav a:eq(" + e.currentSlide + ")", f).addClass("active");
a(".nivo-controlNav a", f).live("click", function () {
if (e.running) {
return false
}
if (a(this).hasClass("active")) {
return false
}
clearInterval(i);
i = "";
f.css("background", 'url("' + e.currentImage.attr("src") + '") no-repeat');
e.currentSlide = a(this).attr("rel") - 1;
q(f, g, d, "control")
})
}
if (d.keyboardNav) {
a(window).keypress(function (r) {
if (r.keyCode == "37") {
if (e.running) {
return false
}
clearInterval(i);
i = "";
e.currentSlide -= 2;
q(f, g, d, "prev")
}
if (r.keyCode == "39") {
if (e.running) {
return false
}
clearInterval(i);
i = "";
q(f, g, d, "next")
}
})
}
if (d.pauseOnHover) {
f.hover(function () {
e.paused = true;
clearInterval(i);
i = ""
}, function () {
e.paused = false;
if (i == "" && !d.manualAdvance) {
i = setInterval(function () {
q(f, g, d, false)
}, d.pauseTime)
}
})
}
f.bind("nivo:animFinished", function () {
e.running = false;
a(g).each(function () {
if (a(this).is("a")) {
a(this).css("display", "none")
}
});
if (a(g[e.currentSlide]).is("a")) {
a(g[e.currentSlide]).css("display", "block")
}
if (i == "" && !e.paused && !d.manualAdvance) {
i = setInterval(function () {
q(f, g, d, false)
}, d.pauseTime)
}
d.afterChange.call(this)
});
var n = function (v, r, s) {
for (var t = 0; t < r.slices; t++) {
var u = Math.round(v.width() / r.slices);
if (t == r.slices - 1) {
v.append(a('<div class="nivo-slice"></div>').css({
left: u * t + "px",
width: v.width() - u * t + "px",
height: "0px",
opacity: "0",
background: 'url("' + s.currentImage.attr("src") + '") no-repeat -' + (u + t * u - u) + "px 0%"
}))
} else {
v.append(a('<div class="nivo-slice"></div>').css({
left: u * t + "px",
width: u + "px",
height: "0px",
opacity: "0",
background: 'url("' + s.currentImage.attr("src") + '") no-repeat -' + (u + t * u - u) + "px 0%"
}))
}
}
};
var o = function (v, w, x) {
var r = Math.round(v.width() / w.boxCols);
var s = Math.round(v.height() / w.boxRows);
for (var t = 0; t < w.boxRows; t++) {
for (var u = 0; u < w.boxCols; u++) {
if (u == w.boxCols - 1) {
v.append(a('<div class="nivo-box"></div>').css({
opacity: 0,
left: r * u + "px",
top: s * t + "px",
width: v.width() - r * u + "px",
height: s + "px",
background: 'url("' + x.currentImage.attr("src") + '") no-repeat -' + (r + u * r - r) + "px -" + (s + t * s - s) + "px"
}))
} else {
v.append(a('<div class="nivo-box"></div>').css({
opacity: 0,
left: r * u + "px",
top: s * t + "px",
width: r + "px",
height: s + "px",
background: 'url("' + x.currentImage.attr("src") + '") no-repeat -' + (r + u * r - r) + "px -" + (s + t * s - s) + "px"
}))
}
}
}
};
var q = function (r, s, t, u) {
var v = r.data("nivo:vars");
if (v && v.currentSlide == v.totalSlides - 1) {
t.lastSlide.call(this)
}
if ((!v || v.stop) && !u) {
return false
}
t.beforeChange.call(this);
if (!u) {
r.css("background", 'url("' + v.currentImage.attr("src") + '") no-repeat')
} else {
if (u == "prev") {
r.css("background", 'url("' + v.currentImage.attr("src") + '") no-repeat')
}
if (u == "next") {
r.css("background", 'url("' + v.currentImage.attr("src") + '") no-repeat')
}
}
v.currentSlide++;
if (v.currentSlide == v.totalSlides) {
v.currentSlide = 0;
t.slideshowEnd.call(this)
}
if (v.currentSlide < 0) {
v.currentSlide = v.totalSlides - 1
}
if (a(s[v.currentSlide]).is("img")) {
v.currentImage = a(s[v.currentSlide])
} else {
v.currentImage = a(s[v.currentSlide]).find("img:first")
}
if (t.controlNav) {
a(".nivo-controlNav a", r).removeClass("active");
a(".nivo-controlNav a:eq(" + v.currentSlide + ")", r).addClass("active")
}
h(t);
a(".nivo-slice", r).remove();
a(".nivo-box", r).remove();
var w = t.effect;
if (t.effect == "random") {
var x = new Array("sliceDownRight", "sliceDownLeft", "sliceUpRight", "sliceUpLeft", "sliceUpDown", "sliceUpDownLeft", "fold", "fade", "boxRandom", "boxRain", "boxRainReverse", "boxRainGrow", "boxRainGrowReverse");
w = x[Math.floor(Math.random() * (x.length + 1))];
if (w == undefined) {
w = "fade"
}
}
if (t.effect.indexOf(",") != -1) {
var x = t.effect.split(",");
w = x[Math.floor(Math.random() * x.length)];
if (w == undefined) {
w = "fade"
}
}
if (v.currentImage.attr("data-transition")) {
w = v.currentImage.attr("data-transition")
}
v.running = true;
if (w == "sliceDown" || w == "sliceDownRight" || w == "sliceDownLeft") {
n(r, t, v);
var y = 0;
var z = 0;
var A = a(".nivo-slice", r);
if (w == "sliceDownLeft") {
A = a(".nivo-slice", r)._reverse()
}
A.each(function () {
var H = a(this);
H.css({
top: "0px"
});
if (z == t.slices - 1) {
setTimeout(function () {
H.animate({
height: "100%",
opacity: "1.0"
}, t.animSpeed, "", function () {
r.trigger("nivo:animFinished")
})
}, 100 + y)
} else {
setTimeout(function () {
H.animate({
height: "100%",
opacity: "1.0"
}, t.animSpeed)
}, 100 + y)
}
y += 50;
z++
})
} else {
if (w == "sliceUp" || w == "sliceUpRight" || w == "sliceUpLeft") {
n(r, t, v);
var y = 0;
var z = 0;
var A = a(".nivo-slice", r);
if (w == "sliceUpLeft") {
A = a(".nivo-slice", r)._reverse()
}
A.each(function () {
var H = a(this);
H.css({
bottom: "0px"
});
if (z == t.slices - 1) {
setTimeout(function () {
H.animate({
height: "100%",
opacity: "1.0"
}, t.animSpeed, "", function () {
r.trigger("nivo:animFinished")
})
}, 100 + y)
} else {
setTimeout(function () {
H.animate({
height: "100%",
opacity: "1.0"
}, t.animSpeed)
}, 100 + y)
}
y += 50;
z++
})
} else {
if (w == "sliceUpDown" || w == "sliceUpDownRight" || w == "sliceUpDownLeft") {
n(r, t, v);
var y = 0;
var z = 0;
var B = 0;
var A = a(".nivo-slice", r);
if (w == "sliceUpDownLeft") {
A = a(".nivo-slice", r)._reverse()
}
A.each(function () {
var H = a(this);
if (z == 0) {
H.css("top", "0px");
z++
} else {
H.css("bottom", "0px");
z = 0
}
if (B == t.slices - 1) {
setTimeout(function () {
H.animate({
height: "100%",
opacity: "1.0"
}, t.animSpeed, "", function () {
r.trigger("nivo:animFinished")
})
}, 100 + y)
} else {
setTimeout(function () {
H.animate({
height: "100%",
opacity: "1.0"
}, t.animSpeed)
}, 100 + y)
}
y += 50;
B++
})
} else {
if (w == "fold") {
n(r, t, v);
var y = 0;
var z = 0;
a(".nivo-slice", r).each(function () {
var I = a(this);
var H = I.width();
I.css({
top: "0px",
height: "100%",
width: "0px"
});
if (z == t.slices - 1) {
setTimeout(function () {
I.animate({
width: H,
opacity: "1.0"
}, t.animSpeed, "", function () {
r.trigger("nivo:animFinished")
})
}, 100 + y)
} else {
setTimeout(function () {
I.animate({
width: H,
opacity: "1.0"
}, t.animSpeed)
}, 100 + y)
}
y += 50;
z++
})
} else {
if (w == "fade") {
n(r, t, v);
var C = a(".nivo-slice:first", r);
C.css({
height: "100%",
width: r.width() + "px"
});
C.animate({
opacity: "1.0"
}, t.animSpeed * 2, "", function () {
r.trigger("nivo:animFinished")
})
} else {
if (w == "slideInRight") {
n(r, t, v);
var C = a(".nivo-slice:first", r);
C.css({
height: "100%",
width: "0px",
opacity: "1"
});
C.animate({
width: r.width() + "px"
}, t.animSpeed * 2, "", function () {
r.trigger("nivo:animFinished")
})
} else {
if (w == "slideInLeft") {
n(r, t, v);
var C = a(".nivo-slice:first", r);
C.css({
height: "100%",
width: "0px",
opacity: "1",
left: "",
right: "0px"
});
C.animate({
width: r.width() + "px"
}, t.animSpeed * 2, "", function () {
C.css({
left: "0px",
right: ""
});
r.trigger("nivo:animFinished")
})
} else {
if (w == "boxRandom") {
o(r, t, v);
var D = t.boxCols * t.boxRows;
var z = 0;
var y = 0;
var E = c(a(".nivo-box", r));
E.each(function () {
var H = a(this);
if (z == D - 1) {
setTimeout(function () {
H.animate({
opacity: "1"
}, t.animSpeed, "", function () {
r.trigger("nivo:animFinished")
})
}, 100 + y)
} else {
setTimeout(function () {
H.animate({
opacity: "1"
}, t.animSpeed)
}, 100 + y)
}
y += 20;
z++
})
} else {
if (w == "boxRain" || w == "boxRainReverse" || w == "boxRainGrow" || w == "boxRainGrowReverse") {
o(r, t, v);
var D = t.boxCols * t.boxRows;
var z = 0;
var y = 0;
var F = 0;
var W = 0;
var X = new Array;
X[F] = new Array;
var E = a(".nivo-box", r);
if (w == "boxRainReverse" || w == "boxRainGrowReverse") {
E = a(".nivo-box", r)._reverse()
}
E.each(function () {
X[F][W] = a(this);
W++;
if (W == t.boxCols) {
F++;
W = 0;
X[F] = new Array
}
});
for (var Y = 0; Y < t.boxCols * 2; Y++) {
var Z = Y;
for (var aa = 0; aa < t.boxRows; aa++) {
if (Z >= 0 && Z < t.boxCols) {
(function (L, N, O, I, K) {
var M = a(X[L][N]);
var J = M.width();
var H = M.height();
if (w == "boxRainGrow" || w == "boxRainGrowReverse") {
M.width(0).height(0)
}
if (I == K - 1) {
setTimeout(function () {
M.animate({
opacity: "1",
width: J,
height: H
}, t.animSpeed / 1.3, "", function () {
r.trigger("nivo:animFinished")
})
}, 100 + O)
} else {
setTimeout(function () {
M.animate({
opacity: "1",
width: J,
height: H
}, t.animSpeed / 1.3)
}, 100 + O)
}
})(aa, Z, y, z, D);
z++
}
Z--
}
y += 100
}
}
}
}
}
}
}
}
}
}
};
var c = function (t) {
for (var u, r, s = t.length; s; u = parseInt(Math.random() * s), r = t[--s], t[s] = t[u], t[u] = r) {}
return t
};
var j = function (r) {
if (this.console && typeof console.log != "undefined") {
console.log(r)
}
};
this.stop = function () {
if (!a(p).data("nivo:vars").stop) {
a(p).data("nivo:vars").stop = true;
j("Stop Slider")
}
};
this.start = function () {
if (a(p).data("nivo:vars").stop) {
a(p).data("nivo:vars").stop = false;
j("Start Slider")
}
};
d.afterLoad.call(this);
return this
};
a.fn.nivoSlider = function (c) {
return this.each(function (e, f) {
var g = a(this);
if (g.data("nivoslider")) {
return g.data("nivoslider")
}
var d = new b(this, c);
g.data("nivoslider", d)
})
};
a.fn.nivoSlider.defaults = {
effect: "random",
slices: 15,
boxCols: 8,
boxRows: 4,
animSpeed: 500,
pauseTime: 3000,
startSlide: 0,
directionNav: true,
directionNavHide: true,
controlNav: true,
controlNavThumbs: false,
controlNavThumbsFromRel: false,
controlNavThumbsSearch: ".jpg",
controlNavThumbsReplace: "_thumb.jpg",
keyboardNav: true,
pauseOnHover: true,
manualAdvance: false,
captionOpacity: 0.8,
prevText: "Prev",
nextText: "Next",
randomStart: false,
beforeChange: function () {},
afterChange: function () {},
slideshowEnd: function () {},
lastSlide: function () {},
afterLoad: function () {}
};
a.fn._reverse = [].reverse
})(jQuery);
</script>
<style>
.campos {
position: absolute;
right: 30px;
top: 20px;
}
a {
color: rgb(0, 114, 198);
text-decoration: none;
}
a:hover {
color: rgb(51, 142, 209);
}
body{background: #f4f4f4 url(http://i46.servimg.com/u/f46/11/96/49/61/body-b15.png); font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";}
.titulo {
font-family: "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial!important;
color: rgb(204, 35, 35);
text-shadow: 2px 2px 2px #DDD;
font-size: 40px;
}
input[type="text"],input[type="password"] {
padding: 7px;
outline: none;
width: 302px;
margin: 4px;
font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";
}
input[type="submit"] {
background: rgb(0, 0, 0);
height: 2em; min-width: 6em; font-family: "Segoe UI Web Semibold", "Segoe UI Web Regular", "Segoe UI", "Helvetica Neue", Arial; font-size: 100%; color: rgb(33, 33, 33); padding: 3px 12px 5px; border: 0px;
color: white;
margin-left: 103px;
margin-top: 10px;
}
.buttons {
background: rgb(0, 0, 0);
height: 25px;
width: 900;
-webkit-box-shadow: rgba(0,0,0,0.6) 0px 1px 6px;
-moz-box-shadow: rgba(0,0,0,0.6) 0px 1px 6px;
box-shadow: rgba(0,0,0,0.6) 0px 1px 6px;
min-width: 6em;
font-family: "Segoe UI Web Semibold", "Segoe UI Web Regular", "Segoe UI", "Helvetica Neue", Arial; font-size: 100%; color: rgb(33, 33, 33);
border: 0px;
border-top: 6px solid #000000;
border-bottom: 3px solid #000000;
margin-top: 20px;
color: white;
bottom: 0px;
left: 0px;
right: 0px;
text-align: center;
}
.buttons li {
display: inline-block;
}
.buttons li a {
background: #000000;
padding: 4px 10px;
color: white;
border-radius: 0 0 0 0;
}
.buttons li a:hover {
background: #f4f4f4;
color: #000000;
}
.content {
position: absolute;
top: 40px;
left: 90px;
margin: 15px;
}
.info div {
width: 700px;
background: #ffffff;
word-break: break-word;
padding: 10px;
color: white;
margin-bottom: 30px;
}
.info h3 {
font-family: "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial!important;
}
.nivoSlider {
position: relative;
}
.nivoSlider img {
position: absolute;
top: 0;
left: 0;
}
.nivoSlider a.nivo-imageLink {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
padding: 0;
margin: 0;
z-index: 6;
display: none;
}
.nivo-slice {
display: block;
position: absolute;
z-index: 5;
height: 100%;
}
.nivo-box {
display: block;
position: absolute;
z-index: 5;
}
.nivo-caption {
position: absolute;
left: 0;
bottom: 0;
background: #000;
color: #fff;
opacity: .8;
width: 100%;
z-index: 8;
}
.nivo-caption p {
padding: 5px;
margin: 0;
}
.nivo-caption a {
display: inline!important;
}
.nivo-html-caption {
display: none;
}
.nivo-directionNav a {
position: absolute;
top: 45%;
z-index: 9;
cursor: pointer;
}
.nivo-prevNav {
left: 0;
}
.nivo-nextNav {
right: 0;
}
.nivo-controlNav a {
position: relative;
z-index: 9;
cursor: pointer;
}
.nivo-controlNav a.active {
font-weight: bold;
}
.theme-default .nivoSlider {
position: relative;
background: #fff url(http://i46.servimg.com/u/f46/15/66/68/20/loadin10.gif) no-repeat 50% 50%;
margin-bottom: 50px;
-webkit-box-shadow: 0 1px 5px 0 #4a4a4a;
-moz-box-shadow: 0 1px 5px 0 #4a4a4a;
box-shadow: 0 1px 5px 0 #4a4a4a;
}
.theme-default .nivoSlider img {
position: absolute;
top: 0;
left: 0;
display: none;
}
.theme-default .nivoSlider a {
border: 0;
display: block;
}
.theme-default .nivo-controlNav {
position: absolute;
left: 50%;
bottom: -42px;
margin-left: -40px;
}
.theme-default .nivo-controlNav a {
display: block;
width: 22px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/15/66/68/20/bullet10.png) no-repeat;
text-indent: -9999px;
border: 0;
margin-right: 3px;
float: left;
}
.theme-default .nivo-controlNav a.active {
background-position: 0 -22px;
}
.theme-default .nivo-directionNav a {
display: block;
width: 30px;
height: 30px;
background: url(http://i46.servimg.com/u/f46/15/66/68/20/arrows10.png) no-repeat;
text-indent: -9999px;
border: 0;
}
.theme-default a.nivo-nextNav {
background-position: -30px 0;
right: 15px;
}
.theme-default a.nivo-prevNav {
left: 15px;
}
.theme-default .nivo-caption {
font-family: Helvetica,Arial,sans-serif;
}
.theme-default .nivo-caption a {
color: #fff;
border-bottom: 1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
color: #fff;
}
</style>
<body><div class="inner"><div class="content">
<center><img src="http://i58.tinypic.com/25us42e.png"></center><div style="width:700px;padding: 10px;">
<div class="slider-wrapper theme-default">
<div class="ribbon">
</div>
<div id="nivoslider-125" class="nivoSlider" style="width:700px;height:250px;">
<a href="http://pixel-life.forumbrasil.net/t18-update-10-concluido"><img src="http://i40.tinypic.com/348145v.png" title="#nivoslider-125-caption-0" alt="" height="250px" width="700px" /></a>
<a href="http://pixel-life.forumbrasil.net/t22-vagas-abertas#44"><img src="http://i44.tinypic.com/5choya.png" title="#nivoslider-125-caption-1" alt="" height="250px" width="700px"/></a>
</div>
</div>
<div id="nivoslider-125-caption-0" class="nivo-html-caption">
Update 1.0 Concluído.
</div>
<div id="nivoslider-125-caption-1" class="nivo-html-caption">
Entra para a nossa equipe agora mesmo.
</div>
<p>
<script type="text/javascript">jQuery(window).load(function(){jQuery("#nivoslider-125").nivoSlider({effect:"random",slices:15,boxCols:8,boxRows:4,animSpeed:500,pauseTime:3000,startSlide:0,directionNav:true,directionNavHide:true,controlNav:true,controlNavThumbs:false,controlNavThumbsFromRel:true,keyboardNav:true,pauseOnHover:true,manualAdvance:false});});</script>
</div>Equipe Pixel Life</h3>
<p><li>Este fórum é para seu divertimento sem fins lucrativos</li><li>© 2013 Pixel Life - Todos os direitos reservados.</li></p></div></div>
</div><div class="campos">
<br>
<form action="/login" method="post" class="frm-form" name="form_login"><fieldset class="frm-set connexion"><legend></legend><div class="frm_connexion"><dl><dt><label for="username">Nome de usuário:</label></dt><dd><input type="text" tabindex="1" name="username" id="username" size="30" maxlength="40" value="" class="inputfield" /></dd></dl><dl><dt><label for="password">Senha:</label></dt><dd><input type="password" tabindex="2" id="password" name="password" size="30" maxlength="25" class="inputfield" /></dd></dl><dl><dt></dt><dd><label for="autologin" id="lbl_autologin"><input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" checked="checked" /> Conexão automática</label></dd></dl></div><dl class="frm-buttons fb left"><dt> </dt><dd><input type="hidden" name="redirect" value="" /><input type="hidden" name="query" value="" /><input type="submit" name="login" tabindex="6" value="Login" class="button2" /></dd></dl></fieldset></form>
<span class="reg">Ainda não tem conta? Está esperando o quê ? <a href="/register">Registre-se</a></span><br>
<span class="reg1"> Já está logado ? <a href="/forum">Jogue Agora !</a></span>
</div>
</form>
<form action="/forum" class="frm-form" method="post" name="post" onsubmit="return vB_Editor['text_editor'].prepare_submit(0,0)" enctype="multipart/form-data" id="form2" style="display:none;">
<input style="margin-top:2px" type="text" value="" name="username[]">
<input type="text" name="subject" value="" maxlength="64" title="" >
<input type="hidden" name="message" value="" />
<input type="hidden" name="lt" value="">
<input type="hidden" name="mode" value="post">
<input type="hidden" name="folder" value="inbox">
<input type="submit" name="post" value="Enviar" tabindex="6" accesskey="s" id="sendMP">
</form><div style="display: none">Pixel Life Todos os Direitos Reservados | Hospedada Por <a href="http://www.forumeiros.com" target="_blank">forumeiros.com</a> Editada por Admin e Yrley</div>
</div><div class="buttons">
<li><a href="http://pixel-life.forumbrasil.net/forum">Fórum</a></li>
<li><a href="http://pixel-life.forumbrasil.net/portal">Portal</a></li>
<li><a href="http://pixel-life.forumbrasil.net/t3-regras-do-forum">Regras</a></li>
<li><a href="http://pixel-life.forumbrasil.net/f21-concursos">Concursos</a></li>
<li><a href="http://pixel-life.forumbrasil.net/f29-updates">Updates</a></li>
<li><a href="/register">Cadastre-se</a></li>
</div>
</body>
</html>
Até mais.
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Yrley- Membro
- Membro desde : 14/11/2011
Mensagens : 556
Pontos : 897 -
Tópicos semelhantes» Editar a parte do facebook dessa página html
» HTML Dessa Pagina ?
» Código dessa página html
» Código dessa página HTML
» Qual codigo dessa pagina html
» HTML Dessa Pagina ?
» Código dessa página html
» Código dessa página HTML
» Qual codigo dessa pagina html
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