Personalização do perfil

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

Resolvido Personalização do perfil

Mensagem por Michelangelo em 09/08/13, 02:01 pm

Qual é minha questão:
Gostaria de um perfil neste estilo em meu fórum.



Visto em:
http://mastertestes.forumeiros.com/forum


Atualmente ele se encontra assim:




Endereço do meu fórum:
http://publicidadenaweb.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por Michelangelo em 10/08/13, 02:56 pm, editado 1 vez(es)
avatar

Michelangelo
Nível 8

Masculino
Inscrito dia : 05/08/2013
Mensagens : 142
Pontos Ativos : 251

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

Resolvido Re: Personalização do perfil

Mensagem por MateusA em 09/08/13, 03:10 pm

Olá!

Não podemos lhe fornecer todo o perfil, somente uma parte por tópico.
Deseja o rank, os campos de perfil, a borda de todo o perfil.

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Personalização do perfil

Mensagem por Michelangelo em 09/08/13, 03:35 pm

Tá certo, Me fornece a borda.
avatar

Michelangelo
Nível 8

Masculino
Inscrito dia : 05/08/2013
Mensagens : 142
Pontos Ativos : 251

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

Resolvido Re: Personalização do perfil

Mensagem por MateusA em 09/08/13, 03:40 pm

Olá!

Poderia me fornecer a sua Folha de Estilos CSS?
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilos CSS

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Personalização do perfil

Mensagem por Michelangelo em 09/08/13, 03:55 pm

Código:
.postprofile {
            border-radius: 4px;
            background: white;
            border: 1px solid #DDD;
        }

/* EFEITOS NO NICK */
/* FIM EFEITO NICK */

        /*ESTATÍSTICAS */
        #page-body p.page-bottom {
                border: 1px solid #ccc;
                padding:5px;
              -webkit-border-radius: 6px;
              -moz-border-radius: 6px;
                border-radius: 6px;
                font-family: Trebuchet MS,Arial,Tahoma;
                display:inline-block;
          margin-left:3px;
                margin-right:auto;
                height: 14px;
                font-weight : normal;
          font-size: 1.2em;
                text-align:left;
          }

        /* VER NOVAS MENSAGENS */
        #main-content ul.linklist li a[href="/search?search_id=unanswered"],#main-content ul.linklist li a[href="/search?search_id=egosearch"]{display:none}
        #main-content ul.linklist li a[href="/search?search_id=newposts"] {
            background: url("http://www.chinavasion.com/themes/bluecat/images/flaming-hot.gif") no-repeat scroll 10px 0 transparent;
            color: steelblue;
            font-size: 14px;
            font-weight: bold;
            margin-left: 15px;
            padding-left: 25px;
            text-shadow: 0 0 7px;
        }

        /* ICONE LINHA DE TOPICOS */
        dl.icon dd.dterm, dl.icon dt {
            background-position: 80% 80%;
        }
        /* PAGINATION */
        .pagination span strong {
            background: url("http://i48.servimg.com/u/f48/15/98/03/89/th/pagena11.png") no-repeat scroll 0 0 #0567AD !important;
            border: 1px solid #00487A !important;
            border-radius: 3px 3px 3px 3px;
            color: #FFFFFF !important;
            font-size: 12px;
            font-weight: 400 !important;
            margin-left: -1px !important;
            padding: 2px 5px !important;
            text-shadow: 0 1px 0 #000000;
            visibility: visible;
        }
        .row .pagination {
            background: none repeat scroll 0 0 transparent;
        }
        .pagination span a, .pagination span a:active, .pagination span a:link, .pagination span a:visited {
            background: url("http://i48.servimg.com/u/f48/15/98/03/89/highli10.png") repeat-x scroll 0 0 #E5E5E5;
            border: 1px solid #D6D6D6;
            border-radius: 3px 3px 3px 3px;
            color: #0960A5 !important;
            font-size: 0.9em;
            font-weight: 400;
            line-height: 0;
            margin: 2px;
            padding: 2px 5px;
            text-shadow: 0 1px 0 #FFFFFF;
        }
        .pagination span a:hover {
            background-color: #EFEFEF;
            color: #FFFFFF;
        }
        /* LASPOST IMAGEM AVATAR */
        .avatar-index img {
            background: none repeat scroll 0 0 #FFFFFF;
            border: 1px solid #D5D5D5;
            box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
            float: left;
            height: 40px;
            margin: 0 5px;
            padding: 1px;
            width: 40px;
        }
        .avatar-index img:hover {
            border-color: #A1A1A1;
            box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
        }
        /* Fim do avatar em lastpost */
        /* ----------------LOGIN USER IMAGEM------------------- */
            .user_login_form input[type="password"], .user_login_form input[type="text"] {
            border: 1px solid #DDD;
            padding: 5px;
            border-radius: 0px!important;
            cursor: text;
            top: 0px;
            }
            .user_login_form input[type="text"] {
            background: url(http://i.imgur.com/rzOu1.png)no-repeat;
            padding-left: 20px;
            }
            .user_login_form input[type="password"] {
            background: white url(http://i.imgur.com/dlS8w.png)no-repeat;
            padding-left: 20px;
            }
            #username {
            border: 1px solid #DDD;
            padding: 5px;
            border-radius: 0px!important;
            cursor: text;
            top: 0px;
            padding-left: 20px;
            background: white url(http://i.imgur.com/rzOu1.png)no-repeat;
            }
            #password {
            border: 1px solid #DDD;
            padding: 5px;
            border-radius: 0px!important;
            cursor: text;
            top: 0px;
            background: white url(http://i.imgur.com/dlS8w.png)no-repeat;
            padding-left: 20px;
            }
        /*------------------------------------------------*/
        /*-------------[Tamanho Tema & Logo]------------*/
        /*------------------------------------------------*/
        body#phpbb {
            background: url("http://i.imgur.com/Z8huIpB.png") repeat-x scroll center top #FFFFFF;
            margin-top: 5%;
        }
        body {
            text-shadow: 1px 1px white;
        }
        .select{
        margin-top:-190px!important;
        }

        #wrap {
        font: normal 11px helvetica,arial,sans-serif;
        -moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
        -webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
        background: #fff;
        box-shadow: 0 5px 9px rgba(0,0,0,0.1);
        line-height: 120%;
        padding: 10px;
        width: 85%;
        top: 100px;
        margin-top: -52px;
        }

        #logo {
            margin-left: 15px;
            position: absolute;
            top: -185px;
        }

        #site-title h1 {display: none;}
        #site-title, #site-title h1{display: none;}
        #logo-desc p {display: none;}
        /*------------------------------------------------*/
        /*-------------[Navbar]------------*/
        /*------------------------------------------------*/
        div#page-header div.navbar ul.linklist li a {
        margin-left: -6px;
        padding: 6px 15px 8px;
        }
        .mainmenu {
        position: relative !important;
        left: -14px !Important;
        }
        #page-header .navbar .navlinks a {
        background: none repeat scroll 0 0 #B2B3B3;
        box-shadow: 0 3px 0 #BABABA inset;
        color: #EAF2F2;
        font: normal 13px helvetica,arial,sans-serif;
        text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
        }
        #page-header .navbar .navlinks{
        border-bottom: 1px solid transparent;
        font-weight: 700;
        text-align: left;
        top: -80px;
        position: absolute;
        }
        #page-header .navbar .navlinks a:hover {
            background: none repeat scroll 0 0 #62CE51;
            box-shadow: 0 3px 0 inset;
            transition: all 0.5s linear 0s;
        }
        #page-header .navbar .navlinks li a[href="/"]{background:#fff;
        color: #62CE51;
        font-weight: bold;
        text-shadow: none;
        padding-bottom: 10px;}

        /*------------------------------------------------*/
        /*------------------[FORUNS]----------------------*/
        /*------------------------------------------------*/
        ul.topiclist dd.dterm, ul.topiclist dt {
            display: block;
            float: left;
            font-size: 1.1em;
            padding-right: 5px;
            width: 55% !important;
        }
        .forumbg {
            background-image: none;
            border-radius: 7px 7px 0 0;
            box-shadow: 0 33px #8BE17E inset;
        }
        .forabg {
            background: none repeat scroll 0 0 #F6F6F6;
            border: 2px solid #EDEDED;
            border-radius: 7px 7px 0 0;
            box-shadow: 0 33px #009DD6 inset;
            margin-bottom: 3px;
            padding: 2px;
        }
        .table-title, .table-title h2 {
            color: white;
            font-family: Arial;
            font-size: 1.05em;
            font-weight: bold;
            line-height: 1.2em;
            text-shadow: 0 1px 0 #FFFFFF, 0 -1px 0 #656565;
        }
        h1.page-title {
            color: #225985;
            font-family: fantasy,arial,verdana,times new roman,sans-serif;
            font-size: 2em;
            font-style: italic;
            font-weight: bold;
            margin: 0.8em 0 0.2em;
        }
        li.header dd, li.header dt {
            color: white;
            font-family: Arial;
            font-size: 1.05em;
            font-weight: bold;
            line-height: 1.2em;
            text-shadow: 0 1px 0 #FFFFFF, 0 -1px 0 #707070;
        }
        a.forumtitle {
            color: #578BB7;
            font-family: arial,helvetica,sans-serif;
            font-size: 1.2em;
            font-weight: 700;
            text-decoration: none;
        }
        a.forumtitle:hover {
            color: mediumturquoise;
        }
        li.row {
            background: none repeat scroll 0 0 #F6F6F6;
            border-bottom: 1px solid #E0E0E0;
            border-top: 1px solid transparent;
        }
        li.row:hover {
            background: none repeat scroll 0 0 #FFFFFF;
            border-bottom: 1px solid #CCCCCC;
        }
        /*------------------------QUEM ESTÁ ON----------*/

        /*------------------------------------------------*/
        /*-------------[FAQ]------------*/
        /*------------------------------------------------*/


        dl.faq {
            border: 3px double #E9E9E9;
            border-radius: 7px 7px 7px 7px;
        }
        dl.faq dd p {
            background-color: #F0F0F0;
            border: 1px solid #009DD6;
            border-radius: 2px 7px 7px 7px;
            box-shadow: 2px 2px #009DD6 inset;
            color: #454545;
            font-size: 1em;
            margin: 5px;
            padding: 5px;
            text-align: justify;
            text-shadow: 1px 1px white, 1px 1px #717171;
        }
        /*------------------------------------------------*/
        /*-------------[search incorporado con algunos codigos importantes]------------*/
        /*------------------------------------------------*/
        #search-box input.button2 {
            background-color: #F5F5F5;
            border: 1px solid rgba(0, 0, 0, 0.1);
            border-radius: 2px 2px 2px 2px;
            color: #666666;
            cursor: pointer;
            font-size: 11px;
            font-weight: 700;
            height: 29px;
            line-height: 27px;
            margin: -7px 6px 11px;
            min-width: 54px;
            padding: 0 8px;
            text-align: center;
        }
        #search-box {
            float: right;
            margin-right: 5px;
            margin-top: -20px;
            white-space: nowrap;
        }
        #search #keywords:focus {
            width: 290px;
        }
        #search #keywords {
            transition: all 1s ease-in-out 0s;
            width: 150px;
        }
        #search-box #keywords {
            background-color: #FFFFFF;
            width: 95px;
        }
        #search-box input {
            -moz-box-sizing: content-box;
            background: none repeat scroll 0 0 #FFFFFF;
            border: 1px solid #D9D9D9;
            border-radius: 4px 4px 4px 4px;
            color: #000000;
            height: 23px;
        }

        .conteneur_container_IE{position: relative;bottom: -3px;margin-top: -2px;padding: 1px;}

        /*------------------------------------------------*/
        /*-------------[Borrar el subrayado de los enlaces]------------*/
        /*------------------------------------------------*/
        a {text-decoration: none;}
        a:link {text-decoration: none;}
        a:hover {text-decoration: none!important;}
        a.forumtitle {text-decoration: none;}
        a.forumtitle:hover {text-decoration: none!important;}
        a.topictitle {text-decoration: none;}
        a.topictitle:hover {text-decoration: none!important;}
        /*------------------------------------------------*/
        /*-------------[Botoes]------------*/
        /*------------------------------------------------*/
        input.button1, input.button2, button.button2, #main-content a.cgu-buttons {
        background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        padding: 2px;}



        ul.profile-icons li a:hover {
            background: none repeat scroll 0 0 transparent;
            box-shadow: 0 0 2px #CFCFCF;
        }
        /*------------------------------------------------*/
        /*-------------[Codigos para solucionar futuros erros]------------*/
        /*------------------------------------------------*/
        #plus_menu {
        background: #ffffff;
        }
        .user_login_form input[type="text"], .user_login_form input[type="password"]{
        position:relative;
        top:7px;
        }
        .postbody .topic-title {
        font-size:1.2em;}
        fieldset.fields1 div {
        margin-bottom: 0px;
        }
        /*----------------------------------------------*/
        /*----------------[PERFIL]------------------*/
        /*---------------------------------------------*/
        #cp-main .panel.sig {
            background-color: lightsteelblue;
            border-radius: 10px 10px 10px 10px;
        }
        #cp-main .panel p {
            background-color: #E3F0E3;
            border-bottom: 1px dashed #98C29B;
            border-top: 2px solid #2FA41E;
            border-width: 2px 0 1px;
            color: #2FA41E;
            font-family: "Century Gothic",Arial,sans-serif;
            font-size: 1.85em;
            font-style: normal;
            font-variant: normal;
            font-weight: normal;
            line-height: 1.2em;
        }
        fieldset dd {
            margin-left: 30%;
        }
        fieldset dt {
            width: 30%;
        }
        input{
            -moz-border-bottom-colors: none;
            -moz-border-left-colors: none;
            -moz-border-right-colors: none;
            -moz-border-top-colors: none;
            background-image: url("http://i.imgur.com/Qt4G6.png");
            border-color: #CCCCCC #CCCCCC #BBBBBB;
            border-image: none;
            border-radius: 4px 4px 4px 4px;
            border-style: solid;
            border-width: 1px;
            box-shadow: 0 1px 2px #CCCCCC;
            color: #333333;
            cursor: pointer;
            margin: 0 2px 16px;
            padding: 7px 22px;
        }

        .inputbox{
            background-color: #FFFFFF;
            border: 1px solid #CCCCCC;
            border-radius: 3px 3px 3px 3px;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
            color: #515151;
            cursor: text;
            display: inline-block;
            font-size: 13px;
            line-height: 18px;
            outline: 0 none;
            padding: 4px;
        }
        .inputbox:focus{
              border-color: rgba(82, 168, 236, 0.8);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(82, 168, 236, 0.6);
        }

        #tabs a:hover {
            background: none repeat scroll 0 0 lavender;
            border-radius: 2px 5px 5px 2px;
        }

        #tabs a span {
            border-left: 5px solid lightsteelblue;
        }
        fieldset.submit-buttons input {
            -moz-border-bottom-colors: none;
            -moz-border-left-colors: none;
            -moz-border-right-colors: none;
            -moz-border-top-colors: none;
            background-image: url("http://i.imgur.com/Qt4G6.png");
            border-color: #CCCCCC #CCCCCC #BBBBBB;
            border-image: none;
            border-radius: 4px 4px 4px 4px;
            border-style: solid;
            border-width: 1px;
            box-shadow: 0 1px 2px #CCCCCC;
            color: #333333;
            cursor: pointer;
            margin: 10px 2px 16px;
            padding: 7px 22px;
        }

        #cp-main h1 {
            background: none repeat scroll 0 0 #EEEEEE;
            border-bottom: medium none;
            color: #777777;
            margin-left: -3.4%;
            margin-right: -2%;
            padding: 10px;
        }
        /* MENSAGENS DE VISITANTES */
            .#profile-advanced-details .avatar { margin-top: 50px; margin-right: 30px; -webkit-box-shadow: 0px 0px 6px #4ed3bf; -moz-box-shadow: 0px 0px 6px #4ed3bf; box-shadow: 0px 0px 6px #4ed3bf; border: 15px solid #ffffff;  -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -khtml-border-radius:10px;}


            #profile-advanced-details .avatar:hover { -webkit-box-shadow: 0px 0px 6px #99a511; -moz-box-shadow: 0px 0px 6px #99a511; box-shadow: 0px 0px 6px #99a511; }

        #profile-advanced-details .message-block {
            background: none repeat scroll 0 0 #EEEEEE;
            border: 5px solid #FFFFFF;
            border-radius: 0 20px 20px 20px;
            box-shadow: 0 0 6px lightskyblue;
        }

            #profile-advanced-details .message-footer {
            text-color: transparent;
            display: none;
            }
        /* PERFIL NA ESQUERDA */
            #profile-advanced-right {
            float: left;
            width: 300px;
            }
            #profile-advanced-layout {
            float: right;
            margin-left: -300px;
            width: 100%;
            margin-right: 0px;
            }
            #profile-advanced-left {
            margin-left: 305px;
            margin-right: 0px;
            }
            #profile-advanced-layout #new-message {
            clear: both;
            margin-top: -0.5em;
            position: relative;
            }


        #profile-advanced-add {
            background: none repeat scroll 0 0 #EEEEEE;
            border-bottom: 5px solid lightsteelblue;
            border-radius: 5px 5px 0 0;
            color: black;
            margin-right: 4px;
            padding: 8px 10px 8px 0;
            text-align: right;
            }
        /* FINAL DA PÁGINA */
        .h3, h3 {
            border-bottom: 1px solid #595959;
            color: #595959;
            font-family: Verdana,Arial,Helvetica,sans-serif;
            font-size: 1.05em;
            margin-bottom: 3px;
            margin-top: 20px;
            padding-bottom: 2px;
            text-transform: uppercase;
        }
        /*----------------------------------------------*/
        /*----------------[TOPICOS]------------------*/
        /*-------------[Perfil Post]------------*/
        /*------------------------------------------------*/
        .postbody .content {
            font-size: 1.2em;
        }
        p.author {
            background: none repeat scroll 0 0 #FFFFFF;
            border: 1px solid #D5D5D5;
            border-radius: 0 5px 5px 0;
            font-family: Verdana,Arial,Helvetica,sans-serif;
            font-size: 1em;
            font-style: italic;
            line-height: 1.2em;
            margin: 0 45% 0.6em -2.5%;
            padding: 0 0 5px;
        }
        .online .postprofile dt strong a::after {
            content: url(http://i43.servimg.com/u/f43/17/13/12/28/user-o10.png);
        }
        .postprofile {
        text-align: center;
        border-right: 3px double #DDDDDD;
        padding-top: 20px;
        }
        .postprofile dt img {
            background: none repeat scroll 0 0 #FFFFFF;
            border-radius: 4px 4px 4px 4px;
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            margin-bottom: 0;
            max-height: 300px !important;
            max-width: 150px !important;
            padding: 10px 9px;
        }
        .postprofile dt img:hover {
            background-color: #E8FFFF;
            box-shadow: 0 0 3px #AAAAAA inset;
            cursor: pointer;
            text-decoration: none;
        }
        .post {
            background-color: #EEEEEE;
            border: 1px solid #E5E5E5;
            border-radius: 5px 5px 5px 5px;
            box-shadow: 1px 1px 2px #D5D5D5, 0 0 0 1px #FFFFFF inset, 0 0 0 2px #E6E6E6 inset;
        }
       
            .postprofile dd + dd {
            display: none;
            }
            .postprofile dd + dd + dd {
            display: block;
            text-shadow: none;
            font-size: 12px;
            text-align:left;
            font-weight: normal;
            }
            .postprofile dd + dd + dd + dd {
            display: none;
            }
            .postprofile dd + dd + dd + dd + dd {
            display: block;
            }

        /*----------------------------------------------*/
        /*----------------[Legendas em foruns]------------------*/
        /*---------------------------------------------*/
            ul.ul-icons {
            float: left;
            margin: 2px 10px;
            background: #F7F7F7;
            padding: 10px;
            border: 3px double #CAC8C8;
            border-radius: 5px;
            min-height: 90px;
            min-width: 200px;
        }

            ul.ul-icons:hover {
            background: #FAFFD7;
            padding: 10px;
            border: 3px double #009DD6;
            border-radius: 5px;
            -webkit-transition: 0.8s;
        }
            #info_open{
            background: #F7F7F7;
            border: 3px double #CAC8C8;
            border-radius: 5px;
            float: right;
            margin: 2px 10px;
            min-height: 90px;
            padding: 10px;
            margin-top: 42px;
            margin-right: 30px;
        }
            #info_open:hover{
            background: #FAFFD7;
            padding: 10px;
            border: 3px double rgba(150, 163, 2, 0.53);
            border-radius: 5px;
            -webkit-transition: 0.8s;
        }

        /*----------------------------------------------*/
        /*----------------[CODE SPOILER QUOTE]------------------*/
        /*---------------------------------------------*/
        dl.codebox code {
            color: #5CA241;
        }

        dl.codebox {
            background-color: #FFFFFF;
            border: 1px solid rgba(0, 0, 0, 0.1);
            border-radius: 3px 3px 3px 3px;
            box-shadow: 0 1px 3px #FFFFFF, 0 1px 7px rgba(0, 0, 0, 0.11) inset;
        }
        blockquote {
            border: 1px solid #009DD6;
            border-radius: 3px 3px 3px 3px;
        }

        .content blockquote {
            background: none repeat scroll 0 0 #FAFAFA;
            color: #005D8C;
            font-family: tahoma,arial,sans-serif,monospace;
            font-style: normal;
        }


        /* ALERTAS */
        .alert1 {
            background-color: #C6D8F0;
            background-image: url("http://i43.servimg.com/u/f43/16/93/80/74/inform10.png");
            background-position: 10px center;
            background-repeat: no-repeat;
            border: 1px solid #63A0EC;
            border-radius: 3px 3px 3px 3px;
            box-shadow: 0 1px 0 #FFFFFF inset;
            color: #4381CC;
            margin: 10px 0;
            padding: 15px 10px 15px 60px;
        }
        .alert2 {
            background-color: #FAA73D;
            background-image: url("http://i43.servimg.com/u/f43/16/93/80/74/error11.png");
            background-position: 10px center;
            background-repeat: no-repeat;
            border: 1px solid #AA7221;
            border-radius: 4px 4px 4px 4px;
            box-shadow: 0 1px 0 #FFFFFF inset;
            color: #925616;
            margin: 10px 0;
            padding: 15px 10px 15px 60px;
        }
        .alert3 {
            background-color: #CF4242;
            background-image: url("http://i43.servimg.com/u/f43/16/93/80/74/lock10.png");
            background-position: 10px center;
            background-repeat: no-repeat;
            border: 1px solid #AD3F30;
            border-radius: 4px 4px 4px 4px;
            box-shadow: 0 1px 0 #FFFFFF inset;
            color: #FFCECE;
            margin: 10px 0;
            padding: 15px 10px 15px 60px;
            text-shadow: 1px 1px #D71212;
        }
        .alert4 {
            background-color: #5DE356;
            background-image: url("http://i43.servimg.com/u/f43/16/93/80/74/tick10.png");
            background-position: 10px center;
            background-repeat: no-repeat;
            border: 1px solid #1A9417;
            border-radius: 4px 4px 4px 4px;
            box-shadow: 0 1px 0 #FFFFFF inset;
            color: #1A9417;
            margin: 10px 0;
            padding: 15px 10px 15px 60px;
        }
        /* FIM ALERTAS */
        /* CODIGOS PARA TUTORIAIS E INFORMATIVOS*/
        .tutorial1 {
            background: none repeat scroll 0 0 #FFD2D2;
            border-bottom: 2px solid #FF5555;
            border-top: 2px solid #FF5555;
            padding: 5px 20px;
            text-align: center;
            text-shadow: 1px 1px #FFFFFF;
        }
        .tutorial2 {
            background: none repeat scroll 0 0 lightblue;
            border-bottom: 2px solid #009DD6;
            border-top: 2px solid #009DD6;
            padding: 5px 20px;
            text-align: center;
            text-shadow: 1px 1px #FFFFFF;
        }
        /* FIM TUTORIAIS */
        /* PORTAL QUADROS */
        .module {
            border-color: #009DD6;
            border-radius: 5px 5px 5px 5px;
            border-style: solid solid dotted;
            border-width: 1px;
            box-shadow: 0 2px #009DD6 inset;
            color: #595959;
            font-family: fantasy,arial,verdana,times new roman,sans-serif;
            font-style: italic;
            margin-bottom: 4px;
            overflow: hidden;
            padding: 0 10px;
        }
        /*FIM PORTAL QUADROS */
        /* CAIXA SELEÇÃO DE COR */

                .colorpicker {
                                  width: 356px;
                                  height: 176px;
                                  overflow: hidden;
                                  position: absolute;
                                  background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
                                  font-family: Arial, Helvetica, sans-serif;
                                  display: none;
                                }
                                .colorpicker_color {
                                  width: 150px;
                                  height: 150px;
                                  left: 14px;
                                  top: 13px;
                                  position: absolute;
                                  background: #f00;
                                  overflow: hidden;
                                  cursor: crosshair;
                                }
                                .colorpicker_color div {
                                  position: absolute;
                                  top: 0;
                                  left: 0;
                                  width: 150px;
                                  height: 150px;
                                  background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
                                }
                                .colorpicker_color div div {
                                  position: absolute;
                                  top: 0;
                                  left: 0;
                                  width: 11px;
                                  height: 11px;
                                  overflow: hidden;
                                  background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);
                                  margin: -5px 0 0 -5px;
                                }
                                .colorpicker_hue {
                                  position: absolute;
                                  top: 13px;
                                  left: 171px;
                                  width: 35px;
                                  height: 150px;
                                  cursor: n-resize;
                                }
                                .colorpicker_hue div {
                                  position: absolute;
                                  width: 35px;
                                  height: 9px;
                                  overflow: hidden;
                                  background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
                                  margin: -4px 0 0 0;
                                  left: 0px;
                                }
                                .colorpicker_new_color {
                                  position: absolute;
                                  width: 60px;
                                  height: 30px;
                                  left: 213px;
                                  top: 13px;
                                  background: #f00;
                                }
                                .colorpicker_current_color {
                                  position: absolute;
                                  width: 60px;
                                  height: 30px;
                                  left: 283px;
                                  top: 13px;
                                  background: #f00;
                                }
                                .colorpicker input {
                                  background-color: transparent;
                                  border: 1px solid transparent;
                                  position: absolute;
                                  font-size: 10px;
                                  font-family: Arial, Helvetica, sans-serif;
                                  color: #898989;
                                  top: 4px;
                                  right: 11px;
                                  text-align: right;
                                  margin: 0;
                                  padding: 0;
                                  height: 11px;
                                }
                                .colorpicker_hex {
                                  position: absolute;
                                  width: 72px;
                                  height: 22px;
                                  background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;
                                  left: 212px;
                                  top: 142px;
                                }
                                .colorpicker_hex input {
                                  right: 6px;
                                }
                                .colorpicker_field {
                                  height: 22px;
                                  width: 62px;
                                  background-position: top;
                                  position: absolute;
                                }
                                .colorpicker_field span {
                                  position: absolute;
                                  width: 12px;
                                  height: 22px;
                                  overflow: hidden;
                                  top: 0;
                                  right: 0;
                                  cursor: n-resize;
                                }
                                .colorpicker_rgb_r {
                                  background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
                                  top: 52px;
                                  left: 212px;
                                }
                                .colorpicker_rgb_g {
                                  background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
                                  top: 82px;
                                  left: 212px;
                                }
                                .colorpicker_rgb_b {
                                  background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
                                  top: 112px;
                                  left: 212px;
                                }
                                .colorpicker_hsb_h {
                                  background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
                                  top: 52px;
                                  left: 282px;
                                }
                                .colorpicker_hsb_s {
                                  background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
                                  top: 82px;
                                  left: 282px;
                                }
                                .colorpicker_hsb_b {
                                  background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
                                  top: 112px;
                                  left: 282px;
                                }
                                .colorpicker_submit {
                                  position: absolute;
                                  width: 22px;
                                  height: 22px;
                                  background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
                                  left: 322px;
                                  top: 142px;
                                  overflow: hidden;
                                }
                                .colorpicker_focus {
                                  background-position: center;
                                }
                                .colorpicker_hex.colorpicker_focus {
                                  background-position: bottom;
                                }
                                .colorpicker_submit.colorpicker_focus {
                                  background-position: bottom;
                                }
                                .colorpicker_slider {
                                  background-position: bottom;
                                }
        /* FIM SELETOR DE CORES */
        /* CAIXA DE DIÁLOGO */

        .panel div.mes-txt, .panel p {
            border-color: #009DD6;
            border-radius: 8px 8px 8px 8px;
            border-style: solid;
            border-width: 1px;
            box-shadow: 1px 1px 2px #D5D5D5, 0 0 0 1px #FFFFFF inset, 0 0 0 2px #E6E6E6 inset;
            font-family: Verdana;
            font-size: 1.3em;
            font-style: italic;
            line-height: 1.4em;
            margin-bottom: 1em;
            padding: 20px;
        }
/* Tabela Fórum e Fonte */
.table-title h2, ul.topiclist li.header dl dd{color:#201F1F;font-weight:normal}
.forabg{box-shadow:0 33px #8BE17E inset}

.right, #main-content > p:nth-child(2), ul.linklist:nth-child(6) > li:nth-child(1) > a:nth-child(1), .linklist {
 display: none !important;
}
/* Fim Tabela Forum e Fonte */

.module {
color: #595959;
font-family: verdana;
}
#right .module .h3 { position: relative; height: 34px; width: 203px; margin-left: -11px; padding: 0 10px; text-align: center; border-radius: 6px 6px 0 0; border-style: solid; border-width: 3px 1px 1px 1px; border-color: #62CE51 #e8e8e8 #dbdbdb #e8e8e8; color: #62CE51; line-height: 28px; font-size: 12px; top: -13px; } .module { position: relative; z-index: 0; border: solid #e8e8e8; border-width: 0 1px 1px 1px; background: url('http://i.imgur.com/qkP7uxk.png') 0 -1311px repeat-x; border-color: #DBDBDB; }
avatar

Michelangelo
Nível 8

Masculino
Inscrito dia : 05/08/2013
Mensagens : 142
Pontos Ativos : 251

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

Resolvido Re: Personalização do perfil

Mensagem por Sennior em 09/08/13, 09:26 pm

Boa noite,

O senhor deseja à separação por quadro, ou o Designer do perfil? No mais aqui esta o da separação por quadro no perfil:

<li> http://ajuda.forumeiros.com/t70703-

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalização do perfil

Mensagem por Neimasinho em 09/08/13, 09:36 pm

Do tutorial que o Sheldon passou eu retirei o código para vc.

Aceda à:
Painel de controle -> Módulos -> HTML & JavaScript -> Gestão dos códigos JavaScripts

Código:
jQuery(document).ready(function(){
jQuery(".pun .post .user, .post .postprofile dl").each(function(){
jQuery(this).html(jQuery(this).html().replace(/<span class="label/g,'<dd><div class="field"><span class="label'));
});
jQuery("td.row2 span,td.row1 span").each(function(){
jQuery(this).html(jQuery(this).html().replace(/<span class="label/g,'<div class="field"><span class="label'));
});
jQuery("td.row2 span,td.row1 span").each(function(){
jQuery(this).html(jQuery(this).html().replace(/<br/g,'</div><br'));
});
jQuery(".field").css({"background-color":"white","margin-bottom":"3px","margin-right":"11px","height":"24px","padding":"5px 5px 5px 5px","text-align":"center","border":"1px solid #ccc"});
jQuery("td.row2 span").css({"max-width":"300px"});
});
avatar

Neimasinho
Membro do Fórum

Masculino
Inscrito dia : 10/06/2013
Mensagens : 1528
Pontos Ativos : 2163

Ver perfil do usuário http://dw-animes.forumeiros.com/ https://www.facebook.com/williamberg.cassimiro

Resolvido Re: Personalização do perfil

Mensagem por Michelangelo em 09/08/13, 10:10 pm

Funcionou certinho, agora eu queria apenas retirar essa parte branca que fica em volta do perfil.
avatar

Michelangelo
Nível 8

Masculino
Inscrito dia : 05/08/2013
Mensagens : 142
Pontos Ativos : 251

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

Resolvido Re: Personalização do perfil

Mensagem por Sennior em 09/08/13, 10:40 pm

Boa noite,

Link do seu fórum para á retirada.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalização do perfil

Mensagem por Neimasinho em 09/08/13, 10:47 pm

Endereço do meu fórum:
http://publicidadenaweb.forumeiros.com

Esse e o fórum dele.

Atenciosamente
avatar

Neimasinho
Membro do Fórum

Masculino
Inscrito dia : 10/06/2013
Mensagens : 1528
Pontos Ativos : 2163

Ver perfil do usuário http://dw-animes.forumeiros.com/ https://www.facebook.com/williamberg.cassimiro

Resolvido Re: Personalização do perfil

Mensagem por Sennior em 09/08/13, 10:58 pm

Saudações cordial membro! Muito feliz

Aceda a:
Painel de controleVisualização  Imagens e CoresCoresAba Folha CSS.
Código:
.postprofile {
border-right: transparent !important;
}
<li> Coloque o código no inicio de teu CSS. Piscada

Valide e veja o resultado.

Abraços,
Sheldon! De bem com a vida
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalização do perfil

Mensagem por Michelangelo em 10/08/13, 07:39 am

Não teve mudança com este código sheldon.
avatar

Michelangelo
Nível 8

Masculino
Inscrito dia : 05/08/2013
Mensagens : 142
Pontos Ativos : 251

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

Resolvido Re: Personalização do perfil

Mensagem por Sennior em 10/08/13, 01:21 pm

Saudações cordial membro! Muito feliz

Aceda a:
Painel de controleVisualização  Imagens e CoresCoresAba Folha CSS.
<li> Coloque o código no inicio de teu CSS. Piscada

Código:
.postprofile {
border-right: none !important;
border-right: transparent !Important;
}

Valide e veja o resultado.

Abraços,
Sheldon! De bem com a vida
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalização do perfil

Mensagem por Michelangelo em 10/08/13, 02:17 pm

Também não. Ainda ta branco em volta do perfil.
avatar

Michelangelo
Nível 8

Masculino
Inscrito dia : 05/08/2013
Mensagens : 142
Pontos Ativos : 251

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

Resolvido Re: Personalização do perfil

Mensagem por Sennior em 10/08/13, 02:25 pm

Olá,

O senhor esta colocando no inicio de teu CSS? Outra coisa, o senhor deseja retirar é a borda do perfil, ou o fundo branco? Desculpe-me mas estou com esta dúvida...

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalização do perfil

Mensagem por Michelangelo em 10/08/13, 02:38 pm

É o fundo branco.
avatar

Michelangelo
Nível 8

Masculino
Inscrito dia : 05/08/2013
Mensagens : 142
Pontos Ativos : 251

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

Resolvido Re: Personalização do perfil

Mensagem por Sennior em 10/08/13, 02:41 pm

Saudações cordial membro! Muito feliz

Aceda a:
Painel de controleVisualização  Imagens e CoresCoresAba Folha CSS.
<li> Coloque o código no inicio de teu CSS. Piscada

Código:
.postprofile {
background: rgba(255, 255, 255, 0.17) !important;
}

Valide e veja o resultado.

Abraços,
Sheldon! De bem com a vida
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalização do perfil

Mensagem por Michelangelo em 10/08/13, 02:46 pm

Resolveu só que a borda ainda continuou, há como retira-la?

avatar

Michelangelo
Nível 8

Masculino
Inscrito dia : 05/08/2013
Mensagens : 142
Pontos Ativos : 251

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

Resolvido Re: Personalização do perfil

Mensagem por Sennior em 10/08/13, 02:47 pm

Boa tarde,

Agora adicione este no inicio de teu CSS:

Código:
.postprofile {
border: transparent !important;
}
Abraços.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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