Como conseguir esse slide?

Detalhes da dúvida

Descrição do problema

Código:


<meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>Somos Mugiwara Rpg</title><link rel="icon" href="http://i69.servimg.com/u/f69/17/63/00/37/images10.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>
<div class="inner">
        
   <div class="content">
           
      <center>
           <img src="http://i.imgur.com/lIBeW7X.png" />   
      </center>
           
      <div style="width:700px;padding: 10px;margin-top: -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://somosmugiwara.forumeiros.com/forum"><img src="http://i.imgur.com/3ZJMwZN.jpg" title="#nivoslider-125-caption-0" alt="" style="width: 700px; height: 250px;" /></a> <a href="http://somosmugiwara.forumeiros.com/f9-criacao-de-personagens"><img src="http://i.imgur.com/tqWmrJh.jpg" title="#nivoslider-125-caption-1" alt="" style="width: 700px; height: 250px;" /></a> <a href="http://somosmugiwara.forumeiros.com/register"><img src="http://i.imgur.com/s6Rzeou.jpg" title="#nivoslider-125-caption-2" alt="" style="width: 700px; height: 250px;" /></a>   
            </div>
                 
         </div>
              
         <div id="nivoslider-125-caption-0" class="nivo-html-caption">
                Em breve One Piece Entrevista 
         </div>
              
         <div id="nivoslider-125-caption-1" class="nivo-html-caption">
                Crie seu personagem e entre neste mundo fantástico de One Piece.   
         </div>
              
         <div id="nivoslider-125-caption-2" class="nivo-html-caption">
                Venha se tornar um Mugiwara Também, se registre agora.   
         </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>   
         </p>
              
      </div>
          Equipe Somos Mugiwara Rpg   
      <p>
              
      </p>
           
      <li>
             One Piece é uma obra de Eiichido Oda e todos os direitos da obra são reservados ao mesmo.   
      </li>
           
      <li>
             Todo conteúdo deste fórum é destinado apenas a diversão, sem fins lucrativos.   
      </li>
           
      <li>
             © 2012 - 2013 Somos Mugiwara Rpg - Todos os direitos reservados.   
      </li>
           
      <p>
              
      </p>
           
   </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">
           
      <div class="frm_connexion" style="">
             <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>   
   </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 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">
       Somosmugiwara Todos os Direitos Reservados | Hospedada Por <a href="http://www.forumeiros.com" target="_blank">forumeiros.com</a> Editada por Daemon
</div>
   
<div class="buttons">
        
   <li>
          <a href="http://somosmugiwara.forumeiros.com/forum">Fórum</a>   
   </li>
        
   <li>
          <a href="http://somosmugiwara.forumeiros.com/portal">Portal</a>   
   </li>
        
   <li>
          <a href="http://somosmugiwara.forumeiros.com/f5-regras-gerais">Regras</a>   
   </li>
        
   <li>
          <a href="http://somosmugiwara.forumeiros.com/f105-parcerias-parceria-master">Parceria</a>   
   </li>
        
   <li>
          <a href="http://somosmugiwara.forumeiros.com/f106-eventos-do-forum">Eventos</a>   
   </li>
        
   <li>
          <a href="http://somosmugiwara.forumeiros.com/t1-vagas-para-staff">Staff</a>   
   </li>
        
   <li>
          <a href="http://somosmugiwara.forumeiros.com/t4-novos-e-atualizacoes-dos-sistemas">Atualizações</a>   
   </li>
        
   <li>
          <a href="/register">Cadastre-se</a>   
   </li>
</div>
 <embed style="opacity: 0; width: 1px; height: 1px;" src="http://www.youtube-nocookie.com/v/mnTZj-LuQws?fs=1&hl=pt_BR&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" /> <a rel="publisher" href="https://plus.google.com/113660682909876147667">Google+</a>  <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-57251312-1', 'auto');
  ga('send', 'pageview');

</script>

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml"><head></head><body><title>Vida de Aquarista</title>
            <link rel="stylesheet" type="text/css" href="estilo.css">
            <link rel="shortcut icon" href="imagens/icon.ico" type="image/x-icon">
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
            <style type="text/css">
               body {
                  background-color: #FFFFFF;
                  font-family: MS Sans-Serif; 
               }
               * {
                  padding: 0;
                  margin: 0;
               }
               a {
                  text-decoration: none;
                  color: #858585;
               }
               a:hover {
                  color: #000000;
               }
               .center {
                  margin: auto;
                  width: 1000px;
               }
               .header {
                  background-color: #353E4D;
                  height: 100px;
                  border-bottom: 6px solid #475667;
                  border-top: 4px solid #4E5766;
                  background-repeat: repeat-x;
               }
               .logo {
                  margin-left: 50px;
                  margin-top: 20px;
                  float: left;
               }
               .menu {
                  float: right;
                  margin-top: 40px;
                  margin-right: 200px;
               }
               .menu ul li {
                  display: inline;
                  margin-left: 10px;
                  margin-right: 10px;
               }
               .menu ul a {
                  color: #9EA9BA;
                  padding: 10px;
                  font-size: 16px;
                  display: inline;
               }
               .menu ul a:hover {
                  color: #D1DBEB;
                  background-color: #262D3A;
                  box-shadow: 0px 1px 1px #16191F;
                  text-shadow: -1px -1px 0px #000000;
                  border-radius: 5px;
                  -o-border-radius: 5px;
                  -moz-border-radius: 5px;
                  -webkit-border-radius: 5px;
               }
               .main {
                  background-image: url(http://i.imgur.com/bABqmbl.jpg);
                  background-repeat: repeat-x;
                  height: 999px;
                  border-top: 6px solid #ff9e00;
               }
               .button1 {
                  color: #FFFFFF;
                  margin-top: -6px;
                  float: right;
                  background-image: url(http://i.imgur.com/vQikfvK.png);
                  width: 138px;
                  height: 39px;
                  text-align: center;
                  text-transform: uppercase;
               }
               .button2 {
                  color: #FFFFFF;
                  margin-top: 0px;
                  margin-right: 10px;
                  float: right;
                  background-image: url(http://i.imgur.com/G29L7XV.png);
                  width: 90px;
                  height: 34px;
                  text-align: center;
                  text-transform: uppercase;
               }
               .button1:hover, .button2:hover {
                  color: #000000;
               }
               .play {
                  color: #FFFFFF;
                  position: absolute;
                  right: 200px;
                  background-color: #4E5766;
                  padding-top: 4px;
                  padding-left: 8px;
                  padding-right: 8px;
                  padding-bottom: 6px;
                  border-radius: 0px 0px 5px 5px;
                  -o-border-radius: 0px 0px 5px 5px;
                  -moz-border-radius: 0px 0px 5px 5px;
                  -webkit-border-radius: 0px 0px 5px 5px;
               }
               .play:hover {
                  color: #ADB9CC;
               }
               .left {
                  float: left;
                  width: 650px;
                  height: auto;
                  margin-top: 10px;
               }
               .right {
                  float: left;
                  width: 300px;
                  height: auto;
                  padding-left: 50px;
                  padding-top: 5px;
               }
               .widget {
                  width: 278px;
                  height: auto;
                  margin-bottom: 10px;
                  background-color:#F7F7F7;
                  border: 1px solid #CFCFCF;
                  padding: 10px;
                  color: #575757
               }
               .bgtitlewidget {
                  background-image: url(http://i.imgur.com/yjvmQCw.png);
                  width: 298px;
                  height: 38px;
                  margin-top: -10px;
                  margin-left: -10px;
                  font-size: 22px;
                  margin-bottom: 5px;
               }
               .titlewidget {
                  color: #B3B3B3;
                  position: relative;
                  left: 36px;
                  top: 6px
               }
               .loginForm #username, .loginForm #password {
                  border: 1px solid #CFCFCF;
                  height: 22px;
                  width: 250px;
                  padding: 4px;
                  padding-right: 24px;
               }
               .loginForm #username {
                  background: url(http://i.imgur.com/lfkXVld.png) no-repeat right center white;
               }
               .loginForm #password {
                  background: url(http://i.imgur.com/2XLfYRL.png) no-repeat right center white;
               }
               .loginForm label[for="username"], .loginForm label[for="password"] {
                  cursor: pointer;
                  font-family: MS Sans-Serif;
                  font-size: 14px;
                  color: #848484;
                  bottom: 22px;
               }
               .loginForm .formButton {
                  cursor: pointer;
                  width: 280px;
                  height: 40px;
                  background: url(http://i.imgur.com/fgFxXR8.png) center;
                  background-color: #1d9d24;
                  border: 1px solid #1d9d24;
                  margin-top: 8px;
                  opacity: 0.9;
               }
               .loginForm .formButton:hover {
                  opacity: 1;
               }
               .imgadmin {
                  width: 60px;
                  height: 60px;
                  float: left
               }
               .adminsoptions {
                  left: 10px;
                  position: relative;
                  padding-bottom: 5px;
               }
               .parceiros {
                  opacity: 0.8;
                  width: 90px;
               }
               .parceiros:hover {
                  opacity: 1;
               }
               .bannerimg {
                  opacity: 0.8;
                  width: 650px;
                  height: 250px;
                  border: 1px solid #000000;
                  box-shadow: 0px 3px 3px #3B3B3B;
                  display: block;
               }
               .bannerimg:hover {
                  opacity: 0.9;
               }
               .left h1 {
                  margin-top: 20px;
                  color: #545454;
                  border-bottom: 2px dotted #AAA;
                  font-size: 30px;
                  padding-bottom: 2px;
                  font-style: italic;
               }
               .left p {
                  margin-top: 2px;
                  color: #323942;
                  text-align: justify;
                  padding-bottom: 10px;
               }
               .footer {
                  float: left;
                  width: 100%;
                  height: 50px;
                  top: 10px;
                  bottom: 0px;
                  position: relative;
                  background-color: #C4C4C4; 
                  border-top: 1px solid #BABABA;
               }
               .footer .p1 {
                  line-height: 50px;
                  color: #3D3D3D;
                  float: left;
                  margin-left: 40px;
               }
               .footer .p2 {
                  line-height: 50px;
                  color: #3D3D3D;
                  float: right;
                  margin-right: 40px;
               }
               .footer .p2 a {
                  color: #292929;
               }
               .footer .p2 a:hover {
                  color: #000000;
               }
         #slidecblogger {
      background:#000;
      padding:5px;
      border:3px double #fff;
      box-shadow: 7px 7px 8px #818181;
      -webkit-box-shadow: 7px 7px 8px #818181;
      -moz-box-shadow: 7px 7px 8px #818181;
      filter: progid:DXImageTransform.Microsoft.dropShadow(color=#F8F8FF, offX=7, offY=7, positive=true);
      }

      .slidecblogger a:link {
      opacity:0.4;
      filter:alpha(opacity=40);
      }

      .slidecblogger a:hover {
      opacity:1;
      filter:alpha(opacity=100);
      }#alex{background-color: #fff;padding: 5px;
              }</style>
        
        
            <div class="header">
               <div class="center">
                  <img src="http://i.imgur.com/v5UsDBh.png" class="logo" title="Vida de Aquarista">
                  <div class="menu">
                     <ul>
                        <a href="/forum" title="Ir para o Fórum"><li>Fórum</li></a>
                        <a href="/portal" title="Ir para o Chat"><li>Chat</li></a>
                        <a href="/memberlist" title="Ir para a lista de membros"><li>Membros</li></a>
                        <a href="/search" title="Ir para busca avançada"><li>Buscar</li></a>
                        <a href="/groups" title="Ir para a lista de grupos"><li>Grupos</li></a>
                     </ul>
                  </div>
                  <!--- CASO QUERIA ATIVAR O MODO DE JOGO, APAGUE ESSA LINHA
                  <a href="/">
                     <div class="play" title="Entrar no servidor! - Requer autorização">
                        Jogar Agora!
                     </div>
                  </a>
                  E APAGUE ESSE LINNHA TAMBÉM-->
               </div>
            </div>
            <div class="main">
               <div class="center">
                  <a href="/register" title="Registre-se no fórum">
                     <div class="button1">
                        <span style="top: 6px; position: relative;">Registrar</span>
                     </div>
                  </a>
                  <a href="/login" title="Conecte-se no fórum">
                     <div class="button2">
                        <span style="top: 5px; position: relative;">Entrar</span>
                     </div>
                  </a> 
                  <div class="left">
                     <img src="http://i.imgur.com/h8apiLG.gif" class="bannerimg" title="Vida de Aquarista">
                       <div id="alex">
                     <h1>Vida de Aquarista</h1>
      
                    <p>O fórum Vida de Aquarista, como o próprio nome já diz, é um espaço reservado para os amantes do aquarismo, esse hobby fantástico que nos envolve e nos fascinam dia a dia, e por isso traçamos um objetivo de divulgar ainda mais esse hobby para todo o Brasil.
Aqui no fórum Vida de Aquarista o membro terá mais liberdade de si expressar, tira suas dúvidas, apresentar seus projetos orientar outros membros menos experientes. E com tudo isso o fórum  Vida de aquarista vem ganhando a confiança de seus membros e si tornando um dos fóruns mais ricos em conteúdo do Brasil.
.</p>
                    
                       </div>
                  </div>
                  <div class="right">
                     <div class="widget">
                        <div class="bgtitlewidget">
                           <span class="titlewidget">Conexão rápida</span>
                        </div>
                     <div class="loginForm">
                     <form action="/login" method="post" class="loginForm" name="form_login">
                         <dl>
                            <dt>
                               <label for="username">Usuário</label>
                            </dt>
                             <dd>
      
                               <input type="text" tabindex="1" name="username" id="username" size="30" maxlength="34" value="" class="inputfield" title="Digite seu usuário">
                             </dd>
                         </dl>
                         <dl>
                            <dt>
                               <label for="password">Senha</label>
                            </dt>
                             <dd>
      
                                <input type="password" tabindex="2" id="password" name="password" size="30" maxlength="30" class="inputfield" title="Digite sua senha">
                             </dd>
                         </dl>
                         <dd>
                             <input type="hidden" name="redirect" value="">
                             <input type="hidden" name="query" value="">
      
                            <input type="submit" name="login" tabindex="6" value="" class="formButton" title="Conectar no Fórum">
                
                  <a href="/profile?mode=sendpassword" style="font-size:
      12px;" title="Esqueceu sua senha?">Esqueceu sua senha?</a>
      
                            <a href="/register" style="font-size: 12px;
      float: right; margin-top: 4px;" title="Ainda não é registrado?">Ainda
       não é registrado?</a>
                         </dd>
                      
                      </form>
                   </div>
                   </div>
                   <div class="widget">
                     <div class="bgtitlewidget">
                        <span class="titlewidget">Com um Oferecimento</span>
                     </div>
                     <div>
                     <a href="http://vidadeaquarista.forumeiros.com/t481-anuncie-aqui-e-confira-os-beneficios#3849" target="_blank"><img style="width: 290px; height: 320px;" src="http://s20.postimg.org/4qfeq8719/T63t03w.png" "="" border="0" /></a>
                       </div>
                   </div>
                   <div class="widget">
                     <div class="bgtitlewidget">
                        <span class="titlewidget">Parceiros</span>
                     </div>
      
                  
            
    <center>
    <div role="button" class="webstore-Gf-wb webstore-A-B-C webstore-A-L-i-J-B-K webstore-A-B-Y-Z-ab-bb webstore-button webstore-button-hover" style="-webkit-user-select: none;" tabindex="0" id="abrir-parc">
    <div class="webstore-A-B-o">
    <div class="webstore-A-B-I webstore-A-B-eb-I webstore-A-B-I-O-P">
    </div>
    <div class="webstore-A-B-H webstore-test-button-label" id="abrir-parc">

    </div>
    </div>
    </div><br><br>
    <div id="parceiros" style="display: block; ">
    <marquee id="comments_scroll_container" direction="up" scrollamount="2" scrolldelay="90" style="width: 197px; height: 200px;">
    <a href="http://www.conectcheats.com.br/" target="_blank"><img src="http://i.imgur.com/ymTCSWq.jpg" style="width: 130px;"></a><br><br>
    <a href="http://mundodosaquarios.forumfacil.net/" target="_blank"><img src="http://www.servimg.com/u/f69/17/16/56/73/logopa12.png" style="width: 130px;"></a><br><br>
    <a href="http://www.nacaodospassaros.com/" target="_blank"><img src="http://i.imgur.com/pkPg3nT.png" style="width: 130px;"></a><br><br>
    <a href="http://vidadeaquarista.forumeiros.com/f19-publicidades-e-parceiros" target="_blank"><img src="http://werewolves.com.br/seja_nosso_parceiro.png" style="width: 130px;"></a><br></marquee>
    </div>
    </center><br>
                  </div>           
                  </div>
                  </div>
               </div>
          
            <div id="slidecblogger">
          
         <div class="slidecblogger">
              
             <marquee scrollamount="6" onmouseout="this.start();" onmouseover="this.stop();" direction="right">
                   <a href="http://vidadeaquarista.forumeiros.com/t785-1-concurso-aquapaisagismo-vda-2014-tema-livre" target="_blank"> <img style="width: 300px; height: 120px;" src="http://s13.postimg.org/4l0kqbsyv/DSCN0184.jpg" "="" border="0"></a><a href="http://vidadeaquarista.forumeiros.com/t785-1-concurso-aquapaisagismo-vda-2014-tema-livre" target="_blank"><img style="width: 300px; height: 120px;" src="http://s20.postimg.org/ucsiko6ql/20140115_201746.jpg" "="" border="0"></a><a href="http://vidadeaquarista.forumeiros.com/t785-1-concurso-aquapaisagismo-vda-2014-tema-livre" target="_blank"><img style="width: 300px; height: 120px;" src="https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-ash3/t1/1526634_686291121392221_2056411723_n.jpg" "="" border="0"></a><a href="Link aqui" target="_blank"><img style="width: 300px; height: 120px;" src="http://s20.postimg.org/kiwh78d5p/20140511_180253.jpg" "="" border="0"></a><a href="LINK DE DESTINO" target="_blank"><img style="width: 300px; height: 120px;" src="http://s20.postimg.org/84m5djnh9/10405667_659815874089241_5101516849375675463_n.jpg" "="" border="0"></a> 
             </marquee>
              
         </div>
      </div>

      <div class="footer">
               <span class="p1">© 2013-2014 Vida De Aquarista. Todos os Direitos Reservados</span>
      
              <span class="p2">Página desenvolvida por <a href="https://www.facebook.com/FirenandoBDF" target="_blank">Fernando</a></span>
    <span class="p2">Página editado por <a href="http://ajuda.forumeiros.com/u35476" target="_blank"> Alex Habilidade /</a><a href="http://vidadeaquarista.forumeiros.com/u1" target="_blank"> Uátyla </a></span>
            </div>
<a href="http://www.forumeiros.com" target="_blank">forumeiros.com</a>

      </body></html>

Sennior escreveu:Amigo, veja se gosta:

http://pastebin.com/hfSaEzVS
Até mais.

Código:

center><img src=" COLOQUE AQUI O LINK DA IMAGEM QUE QUER ">

uatyla escreveu:Opa conseguir... queria aproveitar, como que coloca o "Favicon" na página?

Código:

<style type="text/css">
        body {background-color: COR;}</style><title>NOME DA PAGINA</title><link rel="icon" href="IMAGEM DO FAVICON" type="image/x-icon" /><div align="center">
     <img src="IMAGEM LOGO" />
</div><br /><div align="center">