Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Perfil Personalizado

3 participantes

Closer Closer  • Ter 14 Jan 2014 - 17:02

Perfil Personalizado Empty Perfil Personalizado Ter 14 Jan 2014 - 17:02

Qual é minha questão:
Queria saber se vocês tem o codigo para o fundo do perfil seja personalizado ?

Endereço do meu fórum:
entinitygaming.forumeiros.com

Versão:
PunBB

~Rafra ~Rafra  • Ter 14 Jan 2014 - 17:57

Perfil Personalizado Empty Re: Perfil Personalizado Ter 14 Jan 2014 - 17:57

Olá,

Não entendi oque você deseja,
Poderia me explicar melhor ?

Closer Closer  • Ter 14 Jan 2014 - 17:58

Perfil Personalizado Empty Re: Perfil Personalizado Ter 14 Jan 2014 - 17:58

Queria saber se tem algum código CSS, ou JS.
#Fundo Personalizado = Fundo do perfil, da para trocar o back ground

~Rafra ~Rafra  • Ter 14 Jan 2014 - 18:10

Perfil Personalizado Empty Re: Perfil Personalizado Ter 14 Jan 2014 - 18:10

Olá,

Código:
var CopyrightNotice = " Background Selector para forumeiros - Editado por ©  ~Rafra a remoção dos créditos poderá levar a um futuro fechamento do seu fórum por remoção de copyright!.";
$(function () {
    $("#changebgapp, .headerbar, div#logostrip, .bodylinewidth").prepend('<img src="http://i.imgur.com/kVvD7JL.png" alt="Mudar Background" title="Mudar Background" id="nav_background" />');

    $("#content, div#page-body").prepend('<div id="toggle_background" style="display: none;"><div id="custom_background"><span id="bg1"></span><span id="bg2"></span><span id="bg3"></span><span id="bg4"></span><span id="bg5"></span><span id="bg6"></span><span id="bg7"></span><span id="bg8"></span></div></div>');
    $("#custom_background span").click(function () {
        $(".pun-intro-main ,#pun-foot ,.main .main-foot, .main .main-head").removeClass("bg1 bg2 bg3 bg4 bg5 bg6 bg7 bg8 bg_custom").addClass($(this).attr("id"));
        my_setcookie("custom_background", $(this).attr("id"), true)
    });
    $("#custom_submit").click(function () {
        var b = $("#custom_input").val();
        $(".pun-intro-main ,#pun-foot ,.main .main-foot, .main .main-head").removeClass("bg1 bg2 bg3 bg4 bg5 bg6 bg7 bg8 bg_custom").addClass("bg_custom").css("background-image", "url('" + b + "')");
        my_setcookie("custom_background", b, true)
    });
    $("#nav_background").click(function () {
        $("#toggle_background").slideToggle()
    });
    if (my_getcookie("custom_background") != "") {
        if (my_getcookie("custom_background").length > 4) {
            $(".pun-intro-main ,#pun-foot ,.main .main-foot, .main .main-head").addClass("bg_custom").css("background-image", "url(" + my_getcookie("custom_background") + ")")
        } else {
            $(".pun-intro-main ,#pun-foot ,.main .main-foot, .main .main-head").addClass(my_getcookie("custom_background"))
        }
    }
});

Criar Estilo Javascript,
Insvestimento em  Todas as Paginas.

Em seguida adicione no seu CSS :

Código:
#custom_background span:hover {
filter: alpha(opacity=0.5);
  background: url(http://www.tomchristian.co.uk/development/ipb/public/style_images/tctc91_glare/_custom/sprite_icons.png) no-repeat;
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}
#nav_background {cursor: pointer;}
#toggle_background {
margin-bottom: 20px;
}
/* Miniaturas (Vista Previa) */
#bg1 {background: url(http://i.imgur.com/wa5siQH.jpg) no-repeat -1006px -250px!important;}
#bg2 {background: url(http://i.imgur.com/sdi00up.jpg) no-repeat -625px -450px!important;}
#bg3 {background: url(http://i.imgur.com/yhhf7Rt.jpg) no-repeat 0 0!important;}
#bg4 {background: url(http://i.imgur.com/0RcFxB5.jpg) no-repeat -655px -450px!important;}
#bg5 {background: url(http://i.imgur.com/SKOXqoO.jpg) no-repeat -792px -142px!important;}
#bg6 {background: url(http://i.imgur.com/EYGZIPq.jpg) no-repeat -655px -450px!important;}
#bg7 {background: url(http://i.imgur.com/g75ZMGV.jpg) no-repeat 0 0!important;}
#bg8 {background: url(http://i.imgur.com/SurCBhb.jpg) no-repeat 0 0!important;}

/* Backgrounds */
.bg1 {background: white url(http://i.imgur.com/wa5siQH.jpg)!important;}
.bg2 {background: white url(http://i.imgur.com/sdi00up.jpg)!important;}
.bg3 {background: white url(http://i.imgur.com/yhhf7Rt.jpg)!important;}
.bg4 {background: white url(http://i.imgur.com/0RcFxB5.jpg)!important;}
.bg5 {background: white url(http://i.imgur.com/SKOXqoO.jpg)!important;}
.bg6 {background: white url(http://i.imgur.com/EYGZIPq.jpg)!important;}
.bg7 {background: white url(http://i.imgur.com/g75ZMGV.jpg)!important;}
.bg8 {background: white url(http://i.imgur.com/SurCBhb.jpg)!important;}
/* -----------------Background Selector-----------------*/

Closer Closer  • Ter 14 Jan 2014 - 18:41

Perfil Personalizado Empty Re: Perfil Personalizado Ter 14 Jan 2014 - 18:41

Ta coloquei tudo certinho, mais como eu troco no perfil não tem nenhum negocio de trocar

Daemon Daemon  • Ter 14 Jan 2014 - 19:12

Perfil Personalizado Empty Re: Perfil Personalizado Ter 14 Jan 2014 - 19:12

Queira checar o nosso tutorial: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Até mais!

Conteúdo patrocinado  • 

Perfil Personalizado Empty Re: Perfil Personalizado

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