Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Shek Crowley
 
Kyo Panda
 
Yeshua
 
Fou-Lu
 
Kyou
 
Smoke.xX
 
Holkis
 
CharlesIE1H
 
TZero
 
kakakoro
 

Quem está conectado
251 usuários online :: 9 usuários cadastrados, Nenhum Invisível e 242 Visitantes :: 1 Motor de busca

Connor R., Daemon, Draconian, Hidan HZ, Luiz~, Shek Crowley, TZero, vitorsali, xBreninho_.

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Personalizar página html

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

Resolvido Personalizar página html

Mensagem por Tupac em Qua 2 Nov 2016 - 22:25

Detalhes da questão


Endereço do fórum: forum-larp.forumeiros.com
Versão do fórum: PunBB

Descrição


Queria uma ajudinha para fazer minha página HTML, eu queria uma parte para postar algumas atualizações e etc.
Como está:
Como queria:
Resumindo, seria só a parte preta com algumas coisas escritas e imagens, pensei que era só criar uma BOX, mais é muito difícil, se alguém puder me ajudar, ficarei muito Grato!
PS: A segunda imagem fiz no PhotoScape

Tupac
Usuário avançado

Masculino
Inscrito dia : 21/12/2014
Mensagens : 341
Pontos Ativos : 1296

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

Resolvido Re: Personalizar página html

Mensagem por Gaaratsu em Qui 3 Nov 2016 - 7:40

Saudações!

O senhor poderia me passar o código da sua atual página HTML? Assim poderei edita-lá.

Ficarei no aguarde!

Contente

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5541
Pontos Ativos : 9324

http://narutongo.forumeiros.com/

Resolvido Re: Personalizar página html

Mensagem por Tupac em Qui 3 Nov 2016 - 13:43

Mandei lá Feliz

Tupac
Usuário avançado

Masculino
Inscrito dia : 21/12/2014
Mensagens : 341
Pontos Ativos : 1296

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

Resolvido Re: Personalizar página html

Mensagem por Gaaratsu em Sex 4 Nov 2016 - 4:55

Olá novamente!

Peço perdão pela demora em vir atendê-lo! Rosa
A pedido do autor que me mandou a página HTML via MP, fiz o mesmo já que ele mesmo pediu para enviar o código por lá.

@Tupac - O senhor deve ter evitado postar o código aqui com o receio de plagiarem mas, pessoas com conhecimento básico conseguem copiar a página HTML do teu fórum com facilidade e sem problemas algum. Todavia, entendo o motivo pelo qual o senhor não quis postar aqui e nem que eu postasse via tópico.

Spoiler:
Equipe FdF, me corrijam se eu estiver errado em passar o código via MP à pedido do autor.

Qualquer dúvida não se acanhe em voltar neste tópico. Veja se ficou como queria! Pensativo

Até!

Contente

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5541
Pontos Ativos : 9324

http://narutongo.forumeiros.com/

Resolvido Re: Personalizar página html

Mensagem por Shek Crowley em Sex 4 Nov 2016 - 10:14

Bom dia!
Hakuouki escreveu:Equipe FdF, me corrijam se eu estiver errado em passar o código via MP à pedido do autor.
O ideal é pedir que poste aqui, pois, se ele enviar por Mensagem Privada, outros membros que poderiam ajudá-lo a sanar a dúvida não vão saber o código a ser modificado.



Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15558
Pontos Ativos : 22968

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Personalizar página html

Mensagem por Tupac em Sab 5 Nov 2016 - 14:30

Me desculpe o ocorrido, a culpa é minha, não sabia mesmo, Rosa
Ele está mexendo no código, qualquer coisa sem problemas, eu posto o código para alguém poder me ajudar Rindo
@EDIT
Se alguém quiser ajudar o código está embaixo
http://pastebin.com/JW0TgR2p
Thanks Feliz

Tupac
Usuário avançado

Masculino
Inscrito dia : 21/12/2014
Mensagens : 341
Pontos Ativos : 1296

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

Resolvido Re: Personalizar página html

Mensagem por Gaaratsu em Sab 5 Nov 2016 - 20:33

Olá amigo!

Tente este:
Código:

<br><meta http-equiv="content-type" content="text/html; charset=utf-8"><link rel="icon" href=" " type="image/x-icon"><script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script><script>
    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/nn5xoY4.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: 185px;
    margin-top: -253px;
    right: 100px;
}
.buttons {
    background: rgb(1, 1, 1);
    height: 25px;
    width: 850;
-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: 75em; 
    font-family: "Segoe UI Web Semibold", "Segoe UI Web    Regular", "Segoe UI", "Helvetica Neue", Arial;  font-size: 120%;    color: rgb(33, 33, 33); 
    border: 100px;
    border-top: 10px solid #000000;
    border-bottom: 6px solid #000000;
    margin-top: -32px;
    color: white;
    bottom: 3px;
    left: -120px;
    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;
}
.boxblack {
    background: black;
    color: white;
    font-size: 14px;
    height: 800px;
    width: 600px;
    max-height: 800px;
    max-width: 600px;
    border: 10px solid black;
    margin-left: 820px;
    box-shadow: rgba(0,0,0,0.6) 0px 1px 6px;
    text-align: center;
}
.content {
  position: absolute;
  top: 90px;
  left: 90px;
  margin: 15px;
}
.info div {
    width: 1700px;
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(https://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(https://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 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="  ">

                                       
 <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>
                             
 <p>
                                   
 </p>
 <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="buttons">
                           
 <li>
                <a href="http://forum-larp.forumeiros.com//forum">FÓRUM</a>             
 </li>
                           
 <li>
                <a href="http://forum-larp.forumeiros.com/f1-noticias">NEWSWIRE</a>             
 </li>
                           
 <li>
                <a href="http://forum-larp.forumeiros.com/crews">CREWS</a>             
 </li>
                                               
 <li>
                <a href="http://forum-larp.forumeiros.com/downloads">DOWNLOADS</a>           
 </li>

 <li>
                <a href="http://socialclubcarp.hol.es/">SOCIAL CLUB</a>             
 </li>

 <li>
                <a href="http://forum-larp.forumeiros.com/h5-">WAREHOUSE</a>             
 </li>

 <li>
                <a href="http://forum-larp.forumeiros.com/suporte">SUPORTE</a>             
 </li>
                           
 <li>
                <a href="/register">JUNTAR-SE AO SOCIAL CLUB</a>             
 </li>
   
 </div>
 <div class="boxblack">
<img src="LINK_DA_IMAGEM"><br><strong>teste</strong><br><br>
<img src="LINK_DA_IMAGEM"><br><strong>teste</strong>
    <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?">
   
</html>

Procure por "boxblack" e edite as linhas:
height;
width;
max-height;
max-width.

Até ficar ao teu gosto! Muito feliz

Contente

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5541
Pontos Ativos : 9324

http://narutongo.forumeiros.com/

Resolvido Re: Personalizar página html

Mensagem por Tupac em Sab 5 Nov 2016 - 21:11

Muito Obrigado Hakuoki Feliz

Tupac
Usuário avançado

Masculino
Inscrito dia : 21/12/2014
Mensagens : 341
Pontos Ativos : 1296

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

Resolvido Re: Personalizar página html

Mensagem por Kyo Panda em Dom 6 Nov 2016 - 22:35

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

Kyo Panda
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 2247
Pontos Ativos : 5150

http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum