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 02/11/16, 08:25 pm

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
avatar

Tupac
Usuário avançado

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

Ver perfil do usuário http://forum-larp.forumeiros.com https://www.facebook.com/LSAGTAV/ https://twitter.com/@WKhalifaBWR
  • 0

Resolvido Re: Personalizar página html

Mensagem por Gaaratsu em 03/11/16, 05:40 am

Saudações!

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

Ficarei no aguarde!

Contente


Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Gaaratsu — Ajudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Personalizar página html

Mensagem por Tupac em 03/11/16, 11:43 am

Mandei lá Feliz
avatar

Tupac
Usuário avançado

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

Ver perfil do usuário http://forum-larp.forumeiros.com https://www.facebook.com/LSAGTAV/ https://twitter.com/@WKhalifaBWR
  • 0

Resolvido Re: Personalizar página html

Mensagem por Gaaratsu em 04/11/16, 02:55 am

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
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Personalizar página html

Mensagem por Shek em 04/11/16, 08:14 am

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 CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17161
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Personalizar página html

Mensagem por Tupac em 05/11/16, 12:30 pm

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
avatar

Tupac
Usuário avançado

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

Ver perfil do usuário http://forum-larp.forumeiros.com https://www.facebook.com/LSAGTAV/ https://twitter.com/@WKhalifaBWR
  • 0

Resolvido Re: Personalizar página html

Mensagem por Gaaratsu em 05/11/16, 06:33 pm

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


Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Gaaratsu — Ajudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Personalizar página html

Mensagem por Tupac em 05/11/16, 07:11 pm

Muito Obrigado Hakuoki Feliz
avatar

Tupac
Usuário avançado

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

Ver perfil do usuário http://forum-larp.forumeiros.com https://www.facebook.com/LSAGTAV/ https://twitter.com/@WKhalifaBWR

Resolvido Re: Personalizar página html

Mensagem por Kyo Panda em 06/11/16, 08:35 pm

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

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário 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