Plano de fundo no portal

4 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Plano de fundo no portal

Mensagem por Tupac 07.03.15 15:51

Detalhes da dúvida

Versão do fórum : phpBB3
Nível de acesso : Fundador
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://dpi-nwd.forumeiros.com/

Descrição do problema

Olá, eu criei um tópico sobre esse assunto, porém ele foi movido para a lixeira, pois não houve como eu responder, então eu queria saber como colocar uma imagem no portal.
Um portal de exemplo que eu quero é esse : http://www.bplaystories.com/
Eu quero que fique apenas a imagem cobrindo o portal, até.
Tupac

Tupac
****

Membro desde : 21/12/2014
Mensagens : 341
Pontos : 507

http://forum-larp.forumeiros.com https://www.facebook.com/LSAGTAV/ https://twitter.com/@WKhalifaBWR

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Plano de fundo no portal

Mensagem por First 07.03.15 16:20

Olá,

Você quer adicionar um fundo especifico apenas no /portal do vosso fórum? É isso? Seja mais especifico por gentileza.


Atenciosamente. Piscada
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Plano de fundo no portal

Mensagem por Tupac 07.03.15 16:34

Sim, quero apenas no portal!
Como disse no tópico anterior, quero que apenas uma imagem, cubra todo o portal!
Um exemplo é este portal acima que eu passei, que fique apenas a imagem no portal e a caixa para Login e o botão para direcionar ao fórum!
Tupac

Tupac
****

Membro desde : 21/12/2014
Mensagens : 341
Pontos : 507

http://forum-larp.forumeiros.com https://www.facebook.com/LSAGTAV/ https://twitter.com/@WKhalifaBWR

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Plano de fundo no portal

Mensagem por Sennior 07.03.15 16:50

Saudações,

Vá no painel administrativo de teus Templates:
Painel de Controle Seta Visualização Seta Templates Seta Portal
Procure pelo Template portal_body e altere ele pelo abaixo:
Código:
<style>body {background: #f4f4f4 url(http://i.imgur.com/gFTAVy1.jpg);font-family: "Segoe UI", "Segoe UI Web Regular", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";}</style>
<!-- BEGIN out_giefmod0 -->
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center"><tr><td colspan="3" width="100%">
<!-- BEGIN saut -->
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td height="{SPACE_ROW}"></td></tr></table>
<!-- END saut -->
{out_giefmod0.MODVAR}</td></tr></table>
<!-- END out_giefmod0 -->
<!-- BEGIN simple_header -->
<table width="100%" class="bodyline"><tr><td>
<!-- END simple_header -->
<table width="100%" cellspacing="1" cellpadding="{SPACE_COL}" border="0" align="center"><tr><td height="1" width="{C1SIZE}" class="column"></td><td width="{C2SIZE}"></td><td width="{C3SIZE}" class="column"></td></tr><tr><td colspan="3" width="100%">
<!-- BEGIN giefmod0 -->   
<!-- BEGIN saut -->
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td height="{SPACE_ROW}"></td></tr></table>
<!-- END saut -->
{giefmod0.MODVAR}
<!-- END giefmod0 -->   
</td></tr></table><table width="100%" cellspacing="{SPACE_COL}" border="0" align="center" class="portal"><tr><td valign="top" width="{C1SIZE}" class="column">
<!-- BEGIN giefmod1 -->
{giefmod1.MODVAR}
<!-- BEGIN saut -->
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td height="{SPACE_ROW}"></td></tr></table>   
<!-- END saut -->
<!-- END giefmod1 -->   
</td><td valign="top" width="{C2SIZE}">
<!-- BEGIN giefmod2 -->
{giefmod2.MODVAR}
<!-- BEGIN saut -->
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td height="{SPACE_ROW}"></td></tr></table>   
<!-- END saut -->
<!-- END giefmod2 -->   
</td><td valign="top" width="{C3SIZE}" class="column">
<!-- BEGIN giefmod3 -->
{giefmod3.MODVAR}
<!-- BEGIN saut -->   
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td height="{SPACE_ROW}"></td></tr></table>   
<!-- END saut -->
<!-- END giefmod3 -->   
</td></tr></table><table width="100%" cellspacing="1" cellpadding="{SPACE_COL}" border="0" align="center"><tr><td height="1" width="{C1SIZE}" class="column"></td><td width="{C2SIZE}"></td><td width="{C3SIZE}" class="column"></td></tr><tr><td colspan="3" width="100%">
<!-- BEGIN giefmod4 -->   
<!-- BEGIN saut -->
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td height="{SPACE_ROW}"></td></tr></table>
<!-- END saut -->
{giefmod4.MODVAR}
<!-- END giefmod4 -->   
</td></tr></table>
<!-- BEGIN simple_header -->
</td></tr></table>
<!-- END simple_header -->
<!-- BEGIN out_giefmod4 -->
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center"><tr><td colspan="3" width="100%">
<!-- BEGIN saut -->
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td height="{SPACE_ROW}"></td></tr></table>
<!-- END saut -->
{out_giefmod4.MODVAR}</td></tr></table>
<!-- END out_giefmod4 -->
<!-- BEGIN simple_footer -->
<br />{ADMIN_LINK}<br />
<!-- END simple_footer -->

Até mais.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Plano de fundo no portal

Mensagem por Tupac 07.03.15 16:58

Coloquei este código acima, aí sumiu tudo do portal.
Agora, eu queria saber como colocar a imagem no portal...
Agradecido.
Tupac

Tupac
****

Membro desde : 21/12/2014
Mensagens : 341
Pontos : 507

http://forum-larp.forumeiros.com https://www.facebook.com/LSAGTAV/ https://twitter.com/@WKhalifaBWR

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Plano de fundo no portal

Mensagem por Sennior 07.03.15 17:00

Saudações,

Vá no painel administrativo de teus Templates:
Painel de Controle Seta Visualização Seta Templates Seta Portal
Copie o Template padrão de teu fórum e mande-me.

Até mais.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Plano de fundo no portal

Mensagem por Tupac 07.03.15 18:55

Fui em Templates > Portal > Portal body ,o valor padrão que está, é este código

Código:
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center"><tr><td colspan="3" width="100%">

<!-- BEGIN giefmod0 -->
{giefmod0.MODVAR}
<!-- BEGIN saut -->
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td height="{SPACE_ROW}"></td></tr></table>
<!-- END saut -->
<!-- END giefmod0 -->

</td></tr></table><table width="100%" cellspacing="{SPACE_COL}" border="0" align="center" class="portal"><tr><td valign="top" width="{C1SIZE}" class="column">

<!-- BEGIN giefmod1 -->
{giefmod1.MODVAR}
<!-- BEGIN saut -->
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td height="{SPACE_ROW}"></td></tr></table>
<!-- END saut -->
<!-- END giefmod1 -->

</td><td valign="top" width="{C2SIZE}">

<!-- BEGIN giefmod2 -->
{giefmod2.MODVAR}
<!-- BEGIN saut -->
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td height="{SPACE_ROW}"></td></tr></table>
<!-- END saut -->
<!-- END giefmod2 -->

</td><td valign="top" width="{C3SIZE}" class="column">

<!-- BEGIN giefmod3 -->
{giefmod3.MODVAR}
<!-- BEGIN saut -->
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td height="{SPACE_ROW}"></td></tr></table>
<!-- END saut -->
<!-- END giefmod3 -->

</td></tr></table><table width="100%" cellspacing="0" cellpadding="0" border="0" align="center"><tr><td colspan="3" width="100%">

<!-- BEGIN giefmod4 -->
{giefmod4.MODVAR}
<!-- BEGIN saut -->
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td height="{SPACE_ROW}"></td></tr></table>
<!-- END saut -->
<!-- END giefmod4 -->

</td></tr></table>
Tupac

Tupac
****

Membro desde : 21/12/2014
Mensagens : 341
Pontos : 507

http://forum-larp.forumeiros.com https://www.facebook.com/LSAGTAV/ https://twitter.com/@WKhalifaBWR

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Plano de fundo no portal

Mensagem por Konai 07.03.15 19:04

Saudações amigo!

O código deste "portal" que você diz, na verdade é uma página HTML inicial.

Cá está o código:
Código:
<html><head></head><body><a href="http://ajuda.forumeiros.com/" target="_blank">Fórum dos Fóruns</a>
<br><meta http-equiv="content-type" content="text/html; charset=utf-8"><title>Brasil PlaySTorieS - RPG</title><link rel="icon" href="http://i.imgur.com/4tNRezb.jpg" 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://i.imgur.com/GZSiRM6.jpg); 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: 90px;
  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">

                  <img src=" http://i.imgur.com/RCwKj8Q.png ">
  <br><br> <script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> 
 <div style="width:500px;padding: 10px;margin-top: -10px;">
                                       
 <div class="slider-wrapper theme-default">
                                             
 <div class="ribbon">
                                               
 </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>
                Bem vindo ao Fórum Brasil Play STorieS               
 <p>
                                   
 </p>
                                 
 <li>
          Nova Versão 2.2! Cheia de novidades Sistemas únicos e muito mais!                 
 </li>
                                 
 <li>
          Brasil Play SToieS sempre inovando!                             
 </li>
   
 <li>
        Não fique de fora! venha agora ip: EM BREVE               
 </li>
                                 
 <p>
                                   
 </p>
                             
 </div>
   
 </div>
           
 <div class="campos">
                   
 <center>
      <script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>     
 </center>
        <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 no Fórum BPS? <a href="/register">Registre-se</a></span><br><span class="reg1"> Já posssui uma conta ? <a href="/forum">Acesse já !</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">
              Fórum Brasil PlaySTorieS - RPG| Hospedada Por <a href="http://www.forumeiros.com" target="_blank">forumeiros.com</a> 
 </div>
           
 <div class="buttons">
                           
 <li>
                <a href="http://www.bplaystories.com/forum">Fórum</a>             
 </li>
                           
 <li>
                <a href="http://www.bplaystories.com/portal">Portal</a>             
 </li>
                           
 <li>
                <a href="http://www.bplaystories.com/f2-regras-do-brasil-play-stories">Regras</a>             
 </li>
                                               
 <li>
                <a href="http://www.bplaystories.com/f1-noticias-e-novidadesserve-forum">Atualizações</a>             
 </li>
                           
 <li>
                <a href="/register">Cadastre-se</a>             
 </li>
   
 </div>
    <embed pluginspage="http://microsoft.com/Windows/MediaPlayer/download/default.asp" uimode="mini" align="absmiddle" loop="0" autostart="5" showstatusbar="1" type="application/x-mplayer2" height="1" showdisplay="no" width="1" showcontrols="1" src="http://cdn-redir.terra.com/sscdn/10f/8/a/f/7/Estilodimik-dj-ciclo-boy-mike-will-made-it-ft-wiz-khalifa-juicy-j-miley-cyrus-461845.mp3?">
   
</div></body><iframe allowtransparency="true" frameborder="0" id="abs-top-frame" src="chrome-extension://flliilndjeohchalpbbcdekjklbdgfkk/html/top.html?1425754876950#minimized" style="position: fixed; z-index: 4294967295; overflow: hidden; top: 0px; left: 0px; right: 0px; width: 138px; height: 13px; max-height: none; min-height: 0px; margin: 0px auto; padding: 0px; border: 0px; display: block; background-color: transparent;"></iframe></html>
Para mais informações, queira checar por gentileza: seta1 [FAQ] Criar uma página inicial HTML personalizada

Se for realmente isto, me avise para que eu possa mudar todos os links desta página para os links do teu. Positivo

Atenciosamente,
Hakuouki Muito feliz
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Plano de fundo no portal

Mensagem por Tupac 07.03.15 19:37

Hakuouki, eu coloquei este código que você me passou em Módulos > HTML & JAVASCRIPT > Gestão das Páginas HTML > Criar modo Avançado HTML.
Se for neste local citado acima, ainda não aparece nada.
Os links para ir ao fórum/regras e Etc, eu consigo colocar, o único problema mesmo é essa questão da imagem.
Tupac

Tupac
****

Membro desde : 21/12/2014
Mensagens : 341
Pontos : 507

http://forum-larp.forumeiros.com https://www.facebook.com/LSAGTAV/ https://twitter.com/@WKhalifaBWR

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Plano de fundo no portal

Mensagem por Konai 07.03.15 19:39

Claro que aparece! Você só precisa deixa-la como inicial querido e para fazer isto volte nesta página HTML, e procure pela opção correspondente à isto. Positivo

Ela está neste link: seta1 http://dpi-nwd.forumeiros.com/h1-

Até! Muito feliz
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Plano de fundo no portal

Mensagem por Tupac 07.03.15 19:47

Poderia explicar como eu faço para deixar como página inicial ?
Exemplo, o Membro coloca lá , http://dpi-nwd.forumeiros.com e apareça esta página HTML !

Poderia dizer como altera o nome lá em cima ex: Brasil PlayStorieS - RPG, já alterei porém não obtive resultado!
Tupac

Tupac
****

Membro desde : 21/12/2014
Mensagens : 341
Pontos : 507

http://forum-larp.forumeiros.com https://www.facebook.com/LSAGTAV/ https://twitter.com/@WKhalifaBWR

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Plano de fundo no portal

Mensagem por Konai 07.03.15 19:54

Basta aceder à: Painel de Controle -> Módulos -> HTML & JavaScript -> Gestão das Páginas HTML

Procure pela opção " Usar esta página como página inicial?" e marque sim.

Depois de coloca-la como inicial, alteramos nomes e links para o do teu fórum! Positivo

Até! Muito feliz
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Plano de fundo no portal

Mensagem por Tupac 07.03.15 20:01

É para glorificar de pé, consegui.
Agora, queria saber como alterar aquele nome lá Brasil PlayStories que ainda não saiu, já alterei ele, procurei por este nome no script e não achei nada escrito playstories, e eu queria mudar..
E aquela barra preta ali também, queria saber se tem como diminui-lá, pois está tampando a parte de " Usuário ".
Tupac

Tupac
****

Membro desde : 21/12/2014
Mensagens : 341
Pontos : 507

http://forum-larp.forumeiros.com https://www.facebook.com/LSAGTAV/ https://twitter.com/@WKhalifaBWR

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Plano de fundo no portal

Mensagem por Konai 07.03.15 20:07

Certo!

Substitua por este código:
Código:
<html><head></head><body><a href="http://ajuda.forumeiros.com/" target="_blank">Fórum dos Fóruns</a>
<br><meta http-equiv="content-type" content="text/html; charset=utf-8"><title>Departament Police Investigation - NWD</title><link rel="icon" href="http://i.imgur.com/4tNRezb.jpg" 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://i.imgur.com/GZSiRM6.jpg); 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: 90px;
  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">

                  <img src=" http://i.imgur.com/RCwKj8Q.png ">
  <br><br> <script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> 
 <div style="width:500px;padding: 10px;margin-top: -10px;">
                                       
 <div class="slider-wrapper theme-default">
                                             
 <div class="ribbon">
                                               
 </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>
                Bem vindo ao Fórum Departament Police Investigation - NWD             
 <p>
                                   
 </p>
                                 
 <li>
          Em breve... descrição desejada aqui!               
 </li>
                                 
 <li>
          Departament Police Investigation(NWD) - Slogan desejado aqui!                             
 </li>
   
 <li>
        Não fique de fora! venha agora ip: EM BREVE               
 </li>
                                 
 <p>
                                   
 </p>
                             
 </div>
   
 </div>
           
 <div class="campos">
                   
 <center>
      <script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>     
 </center>
        <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 no Fórum DPI? <a href="/register">Registre-se</a></span><br><span class="reg1"> Já posssui uma conta ? <a href="/forum">Acesse já !</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">
              Fórum Brasil PlaySTorieS - RPG| Hospedada Por <a href="http://www.forumeiros.com" target="_blank">forumeiros.com</a> 
 </div>
           
 <div class="buttons">
                           
 <li>
                <a href="http://dpi-nwd.forumeiros.com/forum">Fórum</a>             
 </li>
                           
 <li>
                <a href="http://dpi-nwd.forumeiros.com/portall">Portal</a>             
 </li>
                           
 <li>
                <a href="LINK_DO_MENU">NOME DESEJADO</a>             
 </li>
                                               
 <li>
                <a href="LINK_DO_MENU">NOME DESEJADO</a>             
 </li>
                           
 <li>
                <a href="/register">Cadastre-se</a>             
 </li>
   
 </div>
    <embed pluginspage="http://microsoft.com/Windows/MediaPlayer/download/default.asp" uimode="mini" align="absmiddle" loop="0" autostart="5" showstatusbar="1" type="application/x-mplayer2" height="1" showdisplay="no" width="1" showcontrols="1" src="http://cdn-redir.terra.com/sscdn/10f/8/a/f/7/Estilodimik-dj-ciclo-boy-mike-will-made-it-ft-wiz-khalifa-juicy-j-miley-cyrus-461845.mp3?">
   
</div></body><iframe allowtransparency="true" frameborder="0" id="abs-top-frame" src="chrome-extension://flliilndjeohchalpbbcdekjklbdgfkk/html/top.html?1425754876950#minimized" style="position: fixed; z-index: 4294967295; overflow: hidden; top: 0px; left: 0px; right: 0px; width: 138px; height: 13px; max-height: none; min-height: 0px; margin: 0px auto; padding: 0px; border: 0px; display: block; background-color: transparent;"></iframe></html>

Atenciosamente,
Hakuouki Muito feliz
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Plano de fundo no portal

Mensagem por Tupac 07.03.15 20:25

A caixa como disse está tampando o " Usuário " .
Eu queria assim como está no exemplo abaixo.
https://2img.net/h/oi59.tinypic.com/1iy1yg.png
Tupac

Tupac
****

Membro desde : 21/12/2014
Mensagens : 341
Pontos : 507

http://forum-larp.forumeiros.com https://www.facebook.com/LSAGTAV/ https://twitter.com/@WKhalifaBWR

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Plano de fundo no portal

Mensagem por Konai 07.03.15 20:28

Substitua por este:
Código:
<html><head></head><body><a href="http://ajuda.forumeiros.com/" target="_blank">Fórum dos Fóruns</a>
<br><meta http-equiv="content-type" content="text/html; charset=utf-8"><title>Brasil PlaySTorieS - RPG</title><link rel="icon" href="http://i.imgur.com/4tNRezb.jpg" 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://i.imgur.com/GZSiRM6.jpg); 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: 800;
-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: 90px;
  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">

                  <img src=" http://i.imgur.com/RCwKj8Q.png ">
  <br><br> <script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> 
 <div style="width:500px;padding: 10px;margin-top: -10px;">
                                       
 <div class="slider-wrapper theme-default">
                                             
 <div class="ribbon">
                                               
 </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>
                Bem vindo ao Fórum Brasil Play STorieS               
 <p>
                                   
 </p>
                                 
 <li>
          Nova Versão 2.2! Cheia de novidades Sistemas únicos e muito mais!                 
 </li>
                                 
 <li>
          Brasil Play SToieS sempre inovando!                             
 </li>
   
 <li>
        Não fique de fora! venha agora ip: EM BREVE               
 </li>
                                 
 <p>
                                   
 </p>
                             
 </div>
   
 </div>
           
 <div class="campos">
                   
 <center>
      <script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>     
 </center>
        <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 no Fórum BPS? <a href="/register">Registre-se</a></span><br><span class="reg1"> Já posssui uma conta ? <a href="/forum">Acesse já !</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">
              Fórum Brasil PlaySTorieS - RPG| Hospedada Por <a href="http://www.forumeiros.com" target="_blank">forumeiros.com</a> 
 </div>
           
 <div class="buttons">
                           
 <li>
                <a href="http://www.bplaystories.com/forum">Fórum</a>             
 </li>
                           
 <li>
                <a href="http://www.bplaystories.com/portal">Portal</a>             
 </li>
                           
 <li>
                <a href="http://www.bplaystories.com/f2-regras-do-brasil-play-stories">Regras</a>             
 </li>
                                               
 <li>
                <a href="http://www.bplaystories.com/f1-noticias-e-novidadesserve-forum">Atualizações</a>             
 </li>
                           
 <li>
                <a href="/register">Cadastre-se</a>             
 </li>
   
 </div>
    <embed pluginspage="http://microsoft.com/Windows/MediaPlayer/download/default.asp" uimode="mini" align="absmiddle" loop="0" autostart="5" showstatusbar="1" type="application/x-mplayer2" height="1" showdisplay="no" width="1" showcontrols="1" src="http://cdn-redir.terra.com/sscdn/10f/8/a/f/7/Estilodimik-dj-ciclo-boy-mike-will-made-it-ft-wiz-khalifa-juicy-j-miley-cyrus-461845.mp3?">
   
</div></body><iframe allowtransparency="true" frameborder="0" id="abs-top-frame" src="chrome-extension://flliilndjeohchalpbbcdekjklbdgfkk/html/top.html?1425754876950#minimized" style="position: fixed; z-index: 4294967295; overflow: hidden; top: 0px; left: 0px; right: 0px; width: 138px; height: 13px; max-height: none; min-height: 0px; margin: 0px auto; padding: 0px; border: 0px; display: block; background-color: transparent;"></iframe></html>
Caso ainda não esteja ao teu gosto, procure por isto no código acima:
Código:
.buttons {
E logo verá "width: 800", diminua este valor até ficar ao teu gosto amigão! Positivo

Até! Piscada
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Plano de fundo no portal

Mensagem por Tupac 07.03.15 20:39

Muito Obrigado!
Agora deu certo, agradeço pela atenção à todos que responderam..
Tupac

Tupac
****

Membro desde : 21/12/2014
Mensagens : 341
Pontos : 507

http://forum-larp.forumeiros.com https://www.facebook.com/LSAGTAV/ https://twitter.com/@WKhalifaBWR

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Plano de fundo no portal

Mensagem por Konai 07.03.15 20:55

Sempre que precisar estamos ao teu dispor amigo! Tive uma idéia!

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.

Atenciosamente,
Hakuouki e Equipe Fórum dos Fóruns/Forumeiros Piscada
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos