Pagina de Perfil Personalizada

3 participantes

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

Tópico resolvido Pagina de Perfil Personalizada

Mensagem por giancamposm 30.12.16 10:35

Detalhes da questão


Endereço do fórum: http://darkholerpg.forumeiros.com/
Versão do fórum: PhpBB3

Descrição


Olá, bom dia!
Em pesquisas feitas em diversos fóruns, encontrei um que tem um perfil personalidade e bem legal, gostaria de saber se é possível aplicar este tipo de personalização ao meu fórum.

Quero deixar a página de perfil como está no print abaixo:

Perfil - Pagina de Perfil Personalizada  9000b55b3b834f57907c35d4d20ed4a8

De ante mão deixo o link do fórum em que vi a personalização: http://onemillionlovers.crear-foros.com/u1

Qualquer coisa que precisarem é só pedir.
giancamposm

giancamposm
**

Membro desde : 11/11/2012
Mensagens : 81
Pontos : 127

http://darkholerpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina de Perfil Personalizada

Mensagem por giancamposm 31.12.16 11:23

Up
giancamposm

giancamposm
**

Membro desde : 11/11/2012
Mensagens : 81
Pontos : 127

http://darkholerpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina de Perfil Personalizada

Mensagem por giancamposm 01.01.17 11:47

Up
giancamposm

giancamposm
**

Membro desde : 11/11/2012
Mensagens : 81
Pontos : 127

http://darkholerpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina de Perfil Personalizada

Mensagem por Harleen 01.01.17 14:41

Olá, no Painel de Controle vá em Usuários & Grupos :seta2: Perfis :seta2: Opções gerais em Ativar o perfil avançado marque não depois adicione em sua folha CSS o seguine código

Código:
    /*titulos*/
    .h3 {
    background: #000;
    color: #fff;
    font-family: 'Verdana';
    font-size: 10px;
    font-variant: normal;
    font-weight: normal;
    text-transform: uppercase;
    padding: 35px 10px;
    text-align: center;
    letter-spacing: 2px;
    }
   
    .h3 a {
      text-decoration: none;
      color: #fff;
    }
   
    .h3 a:hover {
      text-decoration: none;
      color: #fff;
    }
   
    h1.page-title {
    background: #000;
    color: #fff;
    font-family: 'Verdana';
    font-size: 10px;
    font-variant: normal;
    font-weight: normal;
    text-transform: uppercase;
    padding: 35px 10px;
    text-align: center;
    letter-spacing: 2px;
    }
   
    h1.page-title a {
      text-decoration: none;
      color: #fff;
    }
   
    h1.page-title a:hover {
      text-decoration: none;
      color: #fff;
    }

Até mais e feliz 2017 Festa azul Lots Party
Harleen

Harleen
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina de Perfil Personalizada

Mensagem por giancamposm 01.01.17 15:18

Coloquei o code e nada funcionou e no Painel eu não achei a opção citada.

Perfil - Pagina de Perfil Personalizada  8d1aaef5c7d642b8a9968666af745abf
giancamposm

giancamposm
**

Membro desde : 11/11/2012
Mensagens : 81
Pontos : 127

http://darkholerpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina de Perfil Personalizada

Mensagem por Harleen 01.01.17 15:36

Como descrito acima a opção se encontra aqui,
Usuários & Grupos :seta2: Usuários :seta2: Perfis http://prntscr.com/dqbait.
Clicando em Perfis irá aparecer essas três abas http://prntscr.com/dqbb5w
Clique na aba Opções Gerais feito isso configure dessa forma http://prntscr.com/dqbbc1

Só irá funcionar com essa opção desativada, veja http://prntscr.com/dqbcem

Até mais
Harleen

Harleen
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina de Perfil Personalizada

Mensagem por giancamposm 01.01.17 16:12

Harleen, fiz exatamente o que você falou e re-adicionei o code na folha css, porém por algum motivo a pagina de perfil se encontra bugada, como mostra no print a seguir.

Perfil - Pagina de Perfil Personalizada  83bb19df91054904be83e8861e4ccac8
giancamposm

giancamposm
**

Membro desde : 11/11/2012
Mensagens : 81
Pontos : 127

http://darkholerpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina de Perfil Personalizada

Mensagem por Harleen 01.01.17 16:22

Me envie sua folha CSS para que eu possa ver o que está acontecendo?

Até mais
Harleen

Harleen
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina de Perfil Personalizada

Mensagem por giancamposm 01.01.17 16:30

Aqui está a os codes.

Código:
/*Fuentes*/
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(http://fonts.gstatic.com/s/oswald/v10/yg0glPPxXUISnKUejCX4qfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(http://fonts.gstatic.com/s/oswald/v10/pEobIV_lL25TKBpqVI_a2w.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
 
/****************** S K I N  D E L  F O R O *******************/

/*seleção de texto*/
::selection {
  background: #532d56 ;
  color: #fff;
}

/*Cuerpo del Foro*/
#wrap {
padding: 10px!important;
width: 1000px;
max-width: 1000px;
min-width: 1000px;
margin-top: 10px; /*altura para que entre bien el menu flotante*/
}

/*barra lateral*/
::-webkit-scrollbar-thumb {
  background-color: #532d56 ;
  border: 2px solid #000;
  height: auto;
  width: 5px;
}
 
::-webkit-scrollbar {
  background-color: #532d56 ;
  border: 4px solid #000;
  height: 10px;
  width: 10px;
}

/*mueve la imagen del logo para que cuadre con el foro*/
#logo img {
width: 1000px; !important;
margin-left: -10px;
margin-top: -5px;
margin-bottom: -16px;
}

/*Elimina la parte de los widgets*/
#content-container div#left {
background: trasnparent;
float: left;
height: 100%;
left: 0;
line-height: 100%;
margin-right: 0;
overflow-x: hidden;
overflow-y: auto;
position: fixed;
top: 0;
width: 0px;
}
 
#left {
position: fixed;
top: 0px;
left:0px;
height: 100%;
}

#content-container div#content { margin-right: 0px !important;}

/*elimina el buscar*/
#search-box {
display: none;
}

a.mainmenu[href="/faq"] {display: none;}
a.mainmenu[href="/calendar"] {display: none;}
a.mainmenu[href="/search"] {display: none;}

/*barra del menu*/
ul.navlinks {
margin-left: -10px;
width: 990px;
background: #4c4c4c;
font-family: 'verdana';
font-size: 6px;
text-align: center;
font-weight: lighter;
cursor: pointer;
padding: 5px;
}

ul.navlinks a {
color: #F3F2ED;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: lighter;
letter-spacing: 3px;
}

ul.navlinks a:hover {text-decoration: none; font-style: italic;}

/*titulo de los foros - subforos - ultimos mensajes*/
ul.topiclist li {
display: block;
margin: 0;
}

li.header {
background: #4c4c4c;
border-bottom: 10px solid #532D56;
font-size: 0;
text-align: center;
text-transform: none;
}

.table-title, .table-title h2 {
color: #f6f6f6;
font-family: 'Oswald';
font-size: 25px;
font-variant: normal;
font-weight: normal;
text-shadow: 1px 1px 1px #000;
text-transform: none;
line-height: 90px;
}

.table-title, .table-title h2:after {content: ","; }

/*centra el titulo de la categoria*/
.forabg li.header dd.dterm {
text-align: right;
width: 90%;
}

/*parte de los foros*/
ul.forums {
background: #0a0a0a;
border-bottom: 10px solid #131313;
padding-bottom: 10px;
}

/*pone a los foros en dos lineas*/
.forabg .row {
display: inline-block;
width: 50%;
}

/*titulo de los subforos*/
a.forumtitle {
width: 323px;
display: block;
padding: 10px;
background: #4c4c4c;
color: #f6f6f6;
font-family: 'Oswald';
font-size: 15px;
font-variant: normal;
font-weight: normal;
text-shadow: 1px 1px 1px #000;
text-transform: none;
line-height: 20px;
text-align: right;
margin-top: 10px;
margin-bottom: -12px;
margin-left: -48px;
}

a.forumtitle:after {content: ","; }
a.forumtitle:hover {text-decoration: none; color: #f6f6f6; }

/*descripción de los foros*/
#des1 {
width: 170px;
padding: 10px;
background: #000;
height: 105px;
font-size: 11px;
line-height: 12px;
text-align: justify;
margin-left: -49px;
}

#des1 img {width: 170px; height: 105px; }

#des1 a {
background: #131313;
color: #aaa;
display: inline-block;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 2px;
text-align: center;
width: 170px;
line-height: 16px;
transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
}

#des1 a:hover {
background: #532D56;
transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
}

#des2 {
width: 265px;
border: 10px solid #000;
background: #000;
height: 105px;
font-size: 13px;
line-height: 12px;
text-align: justify;
overflow: auto;
}

#des2 img {width: 265px; height: 105px; }

    /*desaparece la cabera*/
    .forabg li.header dd.lastpost {
    display:none;
    }
 
    .forabg li.header dd.posts {
    display:none;}
 
    .forabg li.header dd.topics {
    display:none;
    }

/*cantidad de temas*/
.forabg dd.topics {
width: 54px;
display: block;
padding: 5px;
background: #4c4c4c;
color: #f6f6f6;
text-shadow: 1px 1px 1px #000;
font-family: 'Oswald';
font-size: 15px;
font-variant: normal;
font-weight: normal;
text-transform: none;
line-height: 20px;
text-align: center;
margin-left: 45px;
margin-top: 14px;
}

.forabg li.row dd.topics:after {
content: "topics";
font-size: 8px;
line-height: 10px;
text-transform: uppercase;
letter-spacing: 2px;
display: block;
}

/*cantidad de post*/
.forabg dd.posts {
width: 54px;
display: block;
padding: 5px;
background: #4c4c4c;
color: #f6f6f6;
text-shadow: 1px 1px 1px #000;
font-family: 'Oswald';
font-size: 15px;
font-variant: normal;
font-weight: normal;
text-transform: none;
line-height: 20px;
text-align: center;
margin-top: 14px;
margin-left: 2px;
}

.forabg li.row dd.posts:after {
content: "post";
font-size: 8px;
line-height: 10px;
text-transform: uppercase;
letter-spacing: 2px;
display: block;
}

/*ultimo mensaje*/
.forabg dd.lastpost  {
width: 476px;
margin-left: 8px;
margin-top: -17px;
background: #000;
line-height: 20px;
text-transform: uppercase;
font-family: verdana;
font-size: 8px;
letter-spacing: 2px;
color: #aaa;
}

dd.lastpost a strong {
margin-left: 10px;
margin-right: 10px;
}

li dd.lastpost span a {
margin-right: 10px;
}

.forabg dd.lastpost a {
color: #fff;
}

.lastpost br { display:none;}

/*titulos*/
.h3 {
background: #4c4c4c;
border-bottom: 10px solid #532D56;
color: #f6f6f6;
font-family: 'Oswald';
font-size: 20px;
font-variant: normal;
font-weight: normal;
text-shadow: 1px 1px 1px #000;
text-transform: none;
line-height: 50px;
text-align: center;
}

.h3 a {color: #f6f6f6; }

h1.page-title {
background: #4c4c4c;
border-bottom: 10px solid #532D56;
color: #f6f6f6;
font-family: 'Oswald';
font-size: 20px;
font-variant: normal;
font-weight: normal;
text-shadow: 1px 1px 1px #000;
text-transform: none;
line-height: 50px;
text-align: center;
}
 
h1.page-title a {color: #f6f6f6; }

h1.page-title a:hover {
      text-decoration: none;
      color: #fff;
    }

/*titulo de los temas*/
.postbody .topic-title a {
width: 706px;
padding: 10px;
background: #4c4c4c;
color: #f6f6f6;
font-family: 'Oswald';
font-size: 15px;
font-variant: normal;
font-weight: normal;
line-height: 30px;
text-align: left;
display: block;
margin-left: 0px;
margin-top: 5px;
}

/*autor de los mensajes*/
p.author {
  background-color: #0d0d0d;
  position: relative;
  border-radius: 0px 6px 6px 6px;
  -moz-border-radius: 0px 6px 6px 6px;
  border-bottom: 2px solid #4c4c4c;
  color: #aaa;
  margin-top: 5px;
  padding: 4px !important;
  margin-bottom: 30px;
  margin-left: 0px;
  text-align: center;
  width: 508px;
}

/*editar-citar-borrar*/
.postbody ul.profile-icons {
  position: absolute;
  margin-top: 55px;
  margin-left: 520px;
}

/*cuerpo del mensaje*/
.postbody {
  width: 720px;
  text-align: justify;
  margin-left: 0px;
}

/*Quita el Edit*/
.edit{ display: none; }

/*CODIGOS, SPOILERS Y CITAS*/
dl.codebox {
background-color: #0d0d0d;
border-bottom: 4px solid #532D56;
border: 0px;
}

dl.codebox dt {
background-color: #0d0d0d;
border-bottom: 1px solid #4c4c4c;
weight:100%;
display:block;
font-size: 15px;
color:#4c4c4c;
text-align: center;
padding: 5px;
font-family: 'Oswald';
font-weight: lighter;
}

dl.codebox code {
color: #777;
display: block;
font-family: verdana;
font-size: 9px;
margin: 2px 0;
max-height: 200px;
overflow: auto;
padding-top: 5px;
}

blockquote {
background-color: #0d0d0d;
border-bottom: 4px solid #532D56;
border: 0px;
}

.content blockquote {
color: #555;
font-family: Verdana;
font-size: 10px;
text-align: justify;
}
 
blockquote cite {
display: block;
font-family: 'Oswald';
font-size:12px;
color: #4c4c4c;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
font-weight: lighter;
letter-spacing: 1px;
}

blockquote blockquote {background-color: #111; }

/*Color de las pestañas del Perfil*/
#tabs a span {
background-color: #4c4c4c;
border: medium none;
color: #aaa;
border-bottom: 4px solid #532D56;
border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
display: inline-block;
outline: medium none;
}
 
#tabs a span:hover {
background-position:center;
color: #fff;
}
 
#tabs .activetab a span {
background-color: #532D56;
border: medium none;
color: #fff;
border-bottom: 4px solid #4c4c4c;
border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
display: inline-block;
outline: medium none;
width: 95px;
}
 
#tabs .activetab a span:hover {
color: #aaa;
}
 
/*Efecto en la numeracion de paginas*/
.pagination span a, .pagination span a:active, .pagination span a:link, .pagination span a:visited {
background-color: #4c4c4c;
border:none;
color: #aaa;
font-size: 10px;
font-weight: 400;
line-height: 1.5em;
margin: 0 2px;
padding: 0 2px;
text-decoration: none;
}
 
.pagination span strong {
background-color: #532D56;
border:none;
color: #fff;
font-size: 10px;
margin: 0 2px;
padding: 0 2px;
}
 
.pagination span a:hover {
background-color: #532D56;
border:none;
color: #aaa;
font-size: 10px;
font-weight: 400;
line-height: 1.5em;
margin: 0 2px;
padding: 0 2px;
text-decoration: none;
}
 
/*Chatbox*/
#chatbox_header {
background-color: #0d0d0d;
border-bottom: 5px solid #532D56;
}
 
#chatbox_header a {color: #aaa}
 
#chatbox_footer {
background-color: #0d0d0d;
color: #aaa;
}
 
.chatbox-title {
color: #ffffff;
font-size: 20px;
font-family: 'Oswald';
text-transform:none;
line-height: 30px;
}
 
#chatbox_members {
border-right: 1px solid #131313;
bottom: 30px;
color: #616161;
overflow: auto;
position: absolute;
top: 38px;
width: 180px;
text-align: center;
}
 
body.chatbox {
background-image: none;
color: #555;
font-size: 11px;
line-height: 11px;
}
 
#chatbox {
bottom: 30px;
left: 181px;
line-height: 10px;
overflow: auto;
position: absolute;
right: 0;
top: 38px;
}
 
/*botones*/
a.button1, a.button2, button.button2, input.button1, input.button2, fieldset.submit-buttons input {
background: #532D56;
border: 0px;
color: #aaa;
display: inline-block;
font-family: arial;
font-size: 8px;
outline: medium none;
padding: 10px;
text-transform: uppercase;
letter-spacing: 3px;
}

input.button2:hover, fieldset.submit-buttons input:hover {
background: #532D56;
border: 0px;
color: #aaa;
display: inline-block;
font-family: arial;
font-size: 8px;
outline: medium none;
padding: 10px;
text-transform: uppercase;
letter-spacing: 3px;
}
 
/*formulario*/
.inputbox, select {
background-color: #0d0d0d;
border: 0px;
color: #555;
display: inline-block;
font-family: calibri;
font-size: 11px;
margin-top: 5px;
outline: medium none;
padding: 4px;
}
 
#cp-main h1 {
border-bottom: none;
color: #fff;
margin-left: 10px;
padding: 0;
}
 
/*rutas*/
.pathname-box a {
float: left;
padding: 2px;
color: #aaa;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 2px;
}

.pathname-box a:after {content: ", "}

/* T A B L O N  D E  A N U N C I O S */
#tab-nom {
width: 220px;
padding: 10px;
background: #4c4c4c;
border-bottom: 10px solid #532D56;
color: #f6f6f6;
font-family: 'Oswald';
font-size: 20px;
font-variant: normal;
font-weight: normal;
text-shadow: 1px 1px 1px #000;
text-transform: none;
line-height: 30px;
text-align: right;
}

#tab-nom:after {content: ", ";}

#tab-cont {
width: 220px;
padding: 10px;
background: #0d0d0d;
height: 105px;
overflow: auto;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 10px;
}

#tab-cont a {
font-size: 8px;
text-transform: uppercase;
letter-spacing: 2px;
}

#tab-amb, #tab-nov, #tab-staff {
width: 220px;
padding: 10px;
background: #0d0d0d;
height: 105px;
overflow: hidden;
font-size: 11px;
line-height: 12px;
text-align: justify;
}

#nov-fecha {
padding: 2px 6px;
background: #532D56;
border-radius: 6px;
-moz-border-radius: 6px;
color: #aaa;
display: inline-block;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 2px;
}

#tab-staff a {
background: #131313;
color: #aaa;
display: inline-block;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 2px;
text-align: center;
width: 220px;
line-height: 24.8px;
transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
}

#tab-staff a:hover {
background: #532D56;
transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
}

/* E S T A D I S T I C A S  D E L  F O R O */
#esta-nom {
width: 311px;
padding: 10px;
background: #4c4c4c;
border-bottom: 10px solid #532D56;
color: #f6f6f6;
font-family: 'Oswald';
font-size: 20px;
font-variant: normal;
font-weight: normal;
text-shadow: 1px 1px 1px #000;
text-transform: none;
line-height: 30px;
text-align: right;
}

#esta-nom:after {content: ", ";}

#esta-con, #esta-ult, #esta-ley {
width: 311px;
padding: 10px;
background: #0d0d0d;
height: 200px;
font-size: 11px;
line-height: 12px;
text-align: justify;
}

#esta-con, #esta-ult {overflow: auto;}

#esta-con a, #esta-ult a {
font-size: 15px;
text-transform: none;
letter-spacing: 2px;
font-family: 'Oswald';
font-weight: lighter;
}

#ley1 a, #ley2 a, #ley3 a, #ley4 a, #ley5 a, #ley6 a, #ley7 a, #ley8 a, #ley9 a, #ley10 a, #ley11 a, #ley12 a {
color: #fff;
border-bottom: 2px solid #0d0d0d;
display: inline-block;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 2px;
margin-right: 0px;
text-align: center;
width: 153px;
line-height: 31px;
}

#ley1 {background: #9a0000; } /*originais*/
#ley2 {background: #630E1C; } /*originais caçadores*/
#ley3 {background: #d10f0f; } /*vampiros*/
#ley4 {background: #512e3f; } /*bruxos*/
#ley5 {background: #660330; } /*herges*/
#ley6 {background: #4c03a7; } /*travelers*/
#ley7 {background: #844629; } /*lobos*/
#ley8 {background: #2f3d43; } /*hibridos*/
#ley9 {background: #ba7ac4; } /*cópias*/
#ley10 {background: #5ca2a1; } /*humanos*/
#ley11 {background: #9b9b9b; } /*fantasmas*/
#ley12 {background: #ffffff; } /*membros*/

.page-bottom {
background: #131313;
color: #555;
border-left: 2px solid #000;
display: inline-block;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 1px;
margin-right: 0px;
text-align: center;
width: 331px;
line-height: 20px;
}

/* P E R F I L  D E  L O S  P E R S O N A J E S */
#pr-cuerpo {
width: 250px;
height: 510px;
overflow: hidden;
margin-left: -25px;
margin-top: -5px;
}

#pr-name a {
width: 230px;
padding: 10px;
background: #0d0d0d;
border-bottom: 10px solid #4c4c4c;
font-family: 'Oswald';
font-size: 20px;
font-variant: normal;
font-weight: lighter;
text-shadow: 1px 1px 1px #000;
text-transform: none;
line-height: 35px;
text-align: right;
display: block;
}

#pr-name a:after {content: ", "; }
#pr-name a:hover {text-decoration: none; }

#pr-avatar {
width: 250px;
height: 400px;
transition: all 1.7s ease-in-out;
-moz-transition: all 1.7s ease-in-out;
-webkit-transition: all 1.7s ease-in-out;
}

#pr-info {
width: 230px;
height: 380px;
padding: 10px;
background: #0d0d0d;
margin-top: -425px;
margin-left: 250px;
transition: all 1.7s ease-in-out;
-moz-transition: all 1.7s ease-in-out;
-webkit-transition: all 1.7s ease-in-out;
}

#pr-cuerpo:hover #pr-avatar {
margin-left: -250px;
transition: all 1.7s ease-in-out;
-moz-transition: all 1.7s ease-in-out;
-webkit-transition: all 1.7s ease-in-out;
}

#pr-cuerpo:hover #pr-info {
margin-left: 0px;
transition: all 1.7s ease-in-out;
-moz-transition: all 1.7s ease-in-out;
-webkit-transition: all 1.7s ease-in-out;
}

#pr-conta {
width: 116px;
height: 66px;
display: inline-block;
}

#pr-conta a {
  margin-bottom: 2px;
  display: block;
}

#pr-tit {font-size: 0px; height: 0px; } /*elimina el titulo de los datos*/
#pr-sep {margin-bottom: -10px; } /*elimina el espacio entre dato y dato*/

#pr-dato {
background: #000;
color: #555;
display: inline-block;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 2px;
margin-right: 0px;
text-align: center;
width: 230px;
line-height: 20px;
}

#pr-dato img {width: 230px; }

/*caja de los mensajes modificada*/
.pr-campo:first-child #pr-dato {
width: 92px;
padding: 15px 10px;
background: #000;
font-family: 'Oswald';
font-size: 20px;
font-variant: normal;
font-weight: lighter;
text-transform: none;
line-height: 24px;
text-align: center;
display: inline-block;
margin-top: -66px;
margin-left: 118px;
}

/*escribe 'mensajes' sin usar el label*/
.pr-campo:first-child #pr-dato:after {
content: "Posts";
font-size: 8px;
line-height: 10px;
text-transform: uppercase;
letter-spacing: 2px;
display: block;
}

/* A F I L I A D O S  A L  P I E    D E L  F O R O */
.afi-mano {
  display: inline-block;
  width: 330px;
  margin-right: -4px;
}

#afi-nom, #afi-nom1, #afi-nom2 , #afi-nom3, #afi-nor a {
width: 308px;
padding: 10px;
background: #4c4c4c;
border-bottom: 10px solid #532D56;
color: #f6f6f6;
font-family: 'Oswald';
font-size: 20px;
font-variant: normal;
font-weight: normal;
text-shadow: 1px 1px 1px #000;
text-transform: none;
line-height: 30px;
text-align: right;
}

#afi-nom:after, #afi-nom1:after, #afi-nom2:after, #afi-nor a:after {content: ", ";}

#afi-nom1 {
  width: 650px;
  margin-top: 2px;
}

#afi-nor a {
  width: 302px;
  margin-left: 2px;
  border-bottom: 0px;
  display: block;
}

#afi-nom2 {
  width: 302px;
  margin-left: 2px;
}

#afi-cu1, #afi-cu2, #afi-cu3, #afi-cu4 {
width: 308px;
padding: 10px;
background: #0d0d0d;
height: 102px;
overflow: hidden;
}

#afi-nom3, #afi-cu4 {width: 320px; }

#afi-cu2 {
  width: 656px;
  height: auto;
  padding: 7px;
}

#afi-cu1 img {
  width: 100px;
  height: 50px;
  margin-bottom: 2px;
}

#afi-cu4 img {
  width: 50px;
  height: 50px;
  margin-bottom: 2px;
}

#afi-cu2 img {
  width: 40px;
  height: 40px;
  margin-bottom: 2px;
}

#afi-cu3 {
  margin-left: 2px;
  margin-bottom: 3px;
  width: 302px;
  height: 259px;
  overflow: auto;
  font-size: 11px;
  text-align: justify;
}

/*templates do forum*/
.genborder1 { width: 350px; padding: 5px; border: #696969 solid 1px; background-color: #532d56; }
.gencontent { padding: 30px; text-align: justify; font-size: 10px; background-color: #F5F5F5; margin-top: 3px; }
.gencontent a { text-align: justify; font-size: 7px; font-family: montserrat; letter-spacing: 1px; color: #0F0F0F; text-transform: uppercase; }
.sub { font-family: georgia;text-align: right; text-transform: uppercase; letter-spacing: 1px; color: #532d56; font-size: 12px; font-style: bold; border-bottom: #532d56 solid 1px; padding: 8px; }
.sub2 { font-family: georgia;text-align: right; text-transform: uppercase; letter-spacing: 1px; color: #532d56; font-size: 10px; font-style: bold; border-bottom: #532d56 solid 1px; padding: 8px; }
.appbg {    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background: url(http://i.imgur.com/UQgtpEx.jpg);
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover; padding: 30px;  }
.apptitle { background-color: #4c4c4c; padding: 20px; font-family: 'Oswald'; color: #fff; text-transform: none; font-size: 20px; text-align: right; }
.appfield1 { background-color: #0F0F0F; padding: 7px; font-family: montserrat; font-size: 7px; letter-spacing: 1px; text-transform: uppercase; color: #fff; display-style: block; text-align: center; }
.appfield2 { background-color: #0F0F0F; padding: 7px; font-family: montserrat; font-size: 7px; letter-spacing: 1px; text-transform: uppercase; color: #fff; display-style: block; text-align: center; margin-top: 2px; }

.gencontent shout, .gencontent shout a { font-size: 13px; font-family: montserrat; text-transform: uppercase; color: #1C1C1C; line-height: 16px; }

.fcborder1 { border: #0F0F0F solid 1px; padding: 10px; width: 400px; }
.fcborder2 { border: #0F0F0F solid 1px; padding: 10px; width: 150px; height: 250px; overflow: auto; text-align: center; font-family: Montserrat; text-transform: uppercase; font-size: 7px; }
.fcborder2 a { font-family: Montserrat; color: #C7C7C9; font-size: 7px; letter-spacing: 1px; text-transform: uppercase; }

.dlink { text-transform: none; color: #fff; font-family: montserrat; }
.jc1:first-line { color: #C7C7C9; }
/*fim dos templates*/


Consegui por em dois dos meus foruns, porém nesse que mande o print e o css por algum motivo não vai.
giancamposm

giancamposm
**

Membro desde : 11/11/2012
Mensagens : 81
Pontos : 127

http://darkholerpg.forumeiros.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Pagina de Perfil Personalizada

Mensagem por Harleen 01.01.17 16:52

Salve o atual e troque o CSS por esse
Código:
/*Fuentes*/
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(http://fonts.gstatic.com/s/oswald/v10/yg0glPPxXUISnKUejCX4qfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(http://fonts.gstatic.com/s/oswald/v10/pEobIV_lL25TKBpqVI_a2w.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
 
/****************** S K I N  D E L  F O R O *******************/

/*seleção de texto*/
::selection {
  background: #532d56 ;
  color: #fff;
}

/*Cuerpo del Foro*/
#wrap {
padding: 10px!important;
width: 1000px;
max-width: 1000px;
min-width: 1000px;
margin-top: 10px; /*altura para que entre bien el menu flotante*/
}

/*barra lateral*/
::-webkit-scrollbar-thumb {
  background-color: #532d56 ;
  border: 2px solid #000;
  height: auto;
  width: 5px;
}
 
::-webkit-scrollbar {
  background-color: #532d56 ;
  border: 4px solid #000;
  height: 10px;
  width: 10px;
}

/*mueve la imagen del logo para que cuadre con el foro*/
#logo img {
width: 1000px; !important;
margin-left: -10px;
margin-top: -5px;
margin-bottom: -16px;
}

/*Elimina la parte de los widgets*/
#content-container div#left {
background: trasnparent;
float: left;
height: 100%;
left: 0;
line-height: 100%;
margin-right: 0;
overflow-x: hidden;
overflow-y: auto;
position: fixed;
top: 0;
width: 0px;
}
 
#left {
position: fixed;
top: 0px;
left:0px;
height: 100%;
}

#content-container div#content { margin-right: 0px !important;}

/*elimina el buscar*/
#search-box {
display: none;
}

a.mainmenu[href="/faq"] {display: none;}
a.mainmenu[href="/calendar"] {display: none;}
a.mainmenu[href="/search"] {display: none;}

/*barra del menu*/
ul.navlinks {
margin-left: -10px;
width: 990px;
background: #4c4c4c;
font-family: 'verdana';
font-size: 6px;
text-align: center;
font-weight: lighter;
cursor: pointer;
padding: 5px;
}

ul.navlinks a {
color: #F3F2ED;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: lighter;
letter-spacing: 3px;
}

ul.navlinks a:hover {text-decoration: none; font-style: italic;}

/*titulo de los foros - subforos - ultimos mensajes*/
ul.topiclist li {
display: block;
margin: 0;
}

li.header {
background: #4c4c4c;
border-bottom: 10px solid #532D56;
font-size: 0;
text-align: center;
text-transform: none;
}

.table-title, .table-title h2 {
color: #f6f6f6;
font-family: 'Oswald';
font-size: 25px;
font-variant: normal;
font-weight: normal;
text-shadow: 1px 1px 1px #000;
text-transform: none;
line-height: 90px;
}

.table-title, .table-title h2:after {content: ","; }

/*centra el titulo de la categoria*/
.forabg li.header dd.dterm {
text-align: right;
width: 90%;
}

/*parte de los foros*/
ul.forums {
background: #0a0a0a;
border-bottom: 10px solid #131313;
padding-bottom: 10px;
}

/*pone a los foros en dos lineas*/
.forabg .row {
display: inline-block;
width: 50%;
}

/*titulo de los subforos*/
a.forumtitle {
width: 323px;
display: block;
padding: 10px;
background: #4c4c4c;
color: #f6f6f6;
font-family: 'Oswald';
font-size: 15px;
font-variant: normal;
font-weight: normal;
text-shadow: 1px 1px 1px #000;
text-transform: none;
line-height: 20px;
text-align: right;
margin-top: 10px;
margin-bottom: -12px;
margin-left: -48px;
}

a.forumtitle:after {content: ","; }
a.forumtitle:hover {text-decoration: none; color: #f6f6f6; }

/*descripción de los foros*/
#des1 {
width: 170px;
padding: 10px;
background: #000;
height: 105px;
font-size: 11px;
line-height: 12px;
text-align: justify;
margin-left: -49px;
}

#des1 img {width: 170px; height: 105px; }

#des1 a {
background: #131313;
color: #aaa;
display: inline-block;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 2px;
text-align: center;
width: 170px;
line-height: 16px;
transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
}

#des1 a:hover {
background: #532D56;
transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
}

#des2 {
width: 265px;
border: 10px solid #000;
background: #000;
height: 105px;
font-size: 13px;
line-height: 12px;
text-align: justify;
overflow: auto;
}

#des2 img {width: 265px; height: 105px; }

    /*desaparece la cabera*/
    .forabg li.header dd.lastpost {
    display:none;
    }
 
    .forabg li.header dd.posts {
    display:none;}
 
    .forabg li.header dd.topics {
    display:none;
    }

/*cantidad de temas*/
.forabg dd.topics {
width: 54px;
display: block;
padding: 5px;
background: #4c4c4c;
color: #f6f6f6;
text-shadow: 1px 1px 1px #000;
font-family: 'Oswald';
font-size: 15px;
font-variant: normal;
font-weight: normal;
text-transform: none;
line-height: 20px;
text-align: center;
margin-left: 45px;
margin-top: 14px;
}

.forabg li.row dd.topics:after {
content: "topics";
font-size: 8px;
line-height: 10px;
text-transform: uppercase;
letter-spacing: 2px;
display: block;
}

/*cantidad de post*/
.forabg dd.posts {
width: 54px;
display: block;
padding: 5px;
background: #4c4c4c;
color: #f6f6f6;
text-shadow: 1px 1px 1px #000;
font-family: 'Oswald';
font-size: 15px;
font-variant: normal;
font-weight: normal;
text-transform: none;
line-height: 20px;
text-align: center;
margin-top: 14px;
margin-left: 2px;
}

.forabg li.row dd.posts:after {
content: "post";
font-size: 8px;
line-height: 10px;
text-transform: uppercase;
letter-spacing: 2px;
display: block;
}

/*ultimo mensaje*/
.forabg dd.lastpost  {
width: 476px;
margin-left: 8px;
margin-top: -17px;
background: #000;
line-height: 20px;
text-transform: uppercase;
font-family: verdana;
font-size: 8px;
letter-spacing: 2px;
color: #aaa;
}

dd.lastpost a strong {
margin-left: 10px;
margin-right: 10px;
}

li dd.lastpost span a {
margin-right: 10px;
}

.forabg dd.lastpost a {
color: #fff;
}

.lastpost br { display:none;}

        /*titulos*/
        .h3 {
        background: #000;
        color: #fff;
        font-family: 'Oswald';
        font-size: 10px;
        font-variant: normal;
        font-weight: normal;
        text-transform: uppercase;
        padding: 35px 10px;
        text-align: center;
        letter-spacing: 2px;
        }
       
        .h3 a {
          text-decoration: none;
          color: #fff;
        }
       
        .h3 a:hover {
          text-decoration: none;
          color: #fff;
        }
       
        h1.page-title {
        background: #000;
        color: #fff;
        font-family: 'Oswald';
        font-size: 10px;
        font-variant: normal;
        font-weight: normal;
        text-transform: uppercase;
        padding: 35px 10px;
        text-align: center;
        letter-spacing: 2px;
        }
       
        h1.page-title a {
          text-decoration: none;
          color: #fff;
        }
       
        h1.page-title a:hover {
          text-decoration: none;
          color: #fff;
        }

/*titulo de los temas*/
.postbody .topic-title a {
width: 706px;
padding: 10px;
background: #4c4c4c;
color: #f6f6f6;
font-family: 'Oswald';
font-size: 15px;
font-variant: normal;
font-weight: normal;
line-height: 30px;
text-align: left;
display: block;
margin-left: 0px;
margin-top: 5px;
}

/*autor de los mensajes*/
p.author {
  background-color: #0d0d0d;
  position: relative;
  border-radius: 0px 6px 6px 6px;
  -moz-border-radius: 0px 6px 6px 6px;
  border-bottom: 2px solid #4c4c4c;
  color: #aaa;
  margin-top: 5px;
  padding: 4px !important;
  margin-bottom: 30px;
  margin-left: 0px;
  text-align: center;
  width: 508px;
}

/*editar-citar-borrar*/
.postbody ul.profile-icons {
  position: absolute;
  margin-top: 55px;
  margin-left: 520px;
}

/*cuerpo del mensaje*/
.postbody {
  width: 720px;
  text-align: justify;
  margin-left: 0px;
}

/*Quita el Edit*/
.edit{ display: none; }

/*CODIGOS, SPOILERS Y CITAS*/
dl.codebox {
background-color: #0d0d0d;
border-bottom: 4px solid #532D56;
border: 0px;
}

dl.codebox dt {
background-color: #0d0d0d;
border-bottom: 1px solid #4c4c4c;
weight:100%;
display:block;
font-size: 15px;
color:#4c4c4c;
text-align: center;
padding: 5px;
font-family: 'Oswald';
font-weight: lighter;
}

dl.codebox code {
color: #777;
display: block;
font-family: verdana;
font-size: 9px;
margin: 2px 0;
max-height: 200px;
overflow: auto;
padding-top: 5px;
}

blockquote {
background-color: #0d0d0d;
border-bottom: 4px solid #532D56;
border: 0px;
}

.content blockquote {
color: #555;
font-family: Verdana;
font-size: 10px;
text-align: justify;
}
 
blockquote cite {
display: block;
font-family: 'Oswald';
font-size:12px;
color: #4c4c4c;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
font-weight: lighter;
letter-spacing: 1px;
}

blockquote blockquote {background-color: #111; }

/*Color de las pestañas del Perfil*/
#tabs a span {
background-color: #4c4c4c;
border: medium none;
color: #aaa;
border-bottom: 4px solid #532D56;
border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
display: inline-block;
outline: medium none;
}
 
#tabs a span:hover {
background-position:center;
color: #fff;
}
 
#tabs .activetab a span {
background-color: #532D56;
border: medium none;
color: #fff;
border-bottom: 4px solid #4c4c4c;
border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
display: inline-block;
outline: medium none;
width: 95px;
}
 
#tabs .activetab a span:hover {
color: #aaa;
}
 
/*Efecto en la numeracion de paginas*/
.pagination span a, .pagination span a:active, .pagination span a:link, .pagination span a:visited {
background-color: #4c4c4c;
border:none;
color: #aaa;
font-size: 10px;
font-weight: 400;
line-height: 1.5em;
margin: 0 2px;
padding: 0 2px;
text-decoration: none;
}
 
.pagination span strong {
background-color: #532D56;
border:none;
color: #fff;
font-size: 10px;
margin: 0 2px;
padding: 0 2px;
}
 
.pagination span a:hover {
background-color: #532D56;
border:none;
color: #aaa;
font-size: 10px;
font-weight: 400;
line-height: 1.5em;
margin: 0 2px;
padding: 0 2px;
text-decoration: none;
}
 
/*Chatbox*/
#chatbox_header {
background-color: #0d0d0d;
border-bottom: 5px solid #532D56;
}
 
#chatbox_header a {color: #aaa}
 
#chatbox_footer {
background-color: #0d0d0d;
color: #aaa;
}
 
.chatbox-title {
color: #ffffff;
font-size: 20px;
font-family: 'Oswald';
text-transform:none;
line-height: 30px;
}
 
#chatbox_members {
border-right: 1px solid #131313;
bottom: 30px;
color: #616161;
overflow: auto;
position: absolute;
top: 38px;
width: 180px;
text-align: center;
}
 
body.chatbox {
background-image: none;
color: #555;
font-size: 11px;
line-height: 11px;
}
 
#chatbox {
bottom: 30px;
left: 181px;
line-height: 10px;
overflow: auto;
position: absolute;
right: 0;
top: 38px;
}
 
/*botones*/
a.button1, a.button2, button.button2, input.button1, input.button2, fieldset.submit-buttons input {
background: #532D56;
border: 0px;
color: #aaa;
display: inline-block;
font-family: arial;
font-size: 8px;
outline: medium none;
padding: 10px;
text-transform: uppercase;
letter-spacing: 3px;
}

input.button2:hover, fieldset.submit-buttons input:hover {
background: #532D56;
border: 0px;
color: #aaa;
display: inline-block;
font-family: arial;
font-size: 8px;
outline: medium none;
padding: 10px;
text-transform: uppercase;
letter-spacing: 3px;
}
 
/*formulario*/
.inputbox, select {
background-color: #0d0d0d;
border: 0px;
color: #555;
display: inline-block;
font-family: calibri;
font-size: 11px;
margin-top: 5px;
outline: medium none;
padding: 4px;
}
 
#cp-main h1 {
border-bottom: none;
color: #fff;
margin-left: 10px;
padding: 0;
}
 
/*rutas*/
.pathname-box a {
float: left;
padding: 2px;
color: #aaa;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 2px;
}

.pathname-box a:after {content: ", "}

/* T A B L O N  D E  A N U N C I O S */
#tab-nom {
width: 220px;
padding: 10px;
background: #4c4c4c;
border-bottom: 10px solid #532D56;
color: #f6f6f6;
font-family: 'Oswald';
font-size: 20px;
font-variant: normal;
font-weight: normal;
text-shadow: 1px 1px 1px #000;
text-transform: none;
line-height: 30px;
text-align: right;
}

#tab-nom:after {content: ", ";}

#tab-cont {
width: 220px;
padding: 10px;
background: #0d0d0d;
height: 105px;
overflow: auto;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 10px;
}

#tab-cont a {
font-size: 8px;
text-transform: uppercase;
letter-spacing: 2px;
}

#tab-amb, #tab-nov, #tab-staff {
width: 220px;
padding: 10px;
background: #0d0d0d;
height: 105px;
overflow: hidden;
font-size: 11px;
line-height: 12px;
text-align: justify;
}

#nov-fecha {
padding: 2px 6px;
background: #532D56;
border-radius: 6px;
-moz-border-radius: 6px;
color: #aaa;
display: inline-block;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 2px;
}

#tab-staff a {
background: #131313;
color: #aaa;
display: inline-block;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 2px;
text-align: center;
width: 220px;
line-height: 24.8px;
transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
}

#tab-staff a:hover {
background: #532D56;
transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
}

/* E S T A D I S T I C A S  D E L  F O R O */
#esta-nom {
width: 311px;
padding: 10px;
background: #4c4c4c;
border-bottom: 10px solid #532D56;
color: #f6f6f6;
font-family: 'Oswald';
font-size: 20px;
font-variant: normal;
font-weight: normal;
text-shadow: 1px 1px 1px #000;
text-transform: none;
line-height: 30px;
text-align: right;
}

#esta-nom:after {content: ", ";}

#esta-con, #esta-ult, #esta-ley {
width: 311px;
padding: 10px;
background: #0d0d0d;
height: 200px;
font-size: 11px;
line-height: 12px;
text-align: justify;
}

#esta-con, #esta-ult {overflow: auto;}

#esta-con a, #esta-ult a {
font-size: 15px;
text-transform: none;
letter-spacing: 2px;
font-family: 'Oswald';
font-weight: lighter;
}

#ley1 a, #ley2 a, #ley3 a, #ley4 a, #ley5 a, #ley6 a, #ley7 a, #ley8 a, #ley9 a, #ley10 a, #ley11 a, #ley12 a {
color: #fff;
border-bottom: 2px solid #0d0d0d;
display: inline-block;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 2px;
margin-right: 0px;
text-align: center;
width: 153px;
line-height: 31px;
}

#ley1 {background: #9a0000; } /*originais*/
#ley2 {background: #630E1C; } /*originais caçadores*/
#ley3 {background: #d10f0f; } /*vampiros*/
#ley4 {background: #512e3f; } /*bruxos*/
#ley5 {background: #660330; } /*herges*/
#ley6 {background: #4c03a7; } /*travelers*/
#ley7 {background: #844629; } /*lobos*/
#ley8 {background: #2f3d43; } /*hibridos*/
#ley9 {background: #ba7ac4; } /*cópias*/
#ley10 {background: #5ca2a1; } /*humanos*/
#ley11 {background: #9b9b9b; } /*fantasmas*/
#ley12 {background: #ffffff; } /*membros*/

.page-bottom {
background: #131313;
color: #555;
border-left: 2px solid #000;
display: inline-block;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 1px;
margin-right: 0px;
text-align: center;
width: 331px;
line-height: 20px;
}

/* P E R F I L  D E  L O S  P E R S O N A J E S */
#pr-cuerpo {
width: 250px;
height: 510px;
overflow: hidden;
margin-left: -25px;
margin-top: -5px;
}

#pr-name a {
width: 230px;
padding: 10px;
background: #0d0d0d;
border-bottom: 10px solid #4c4c4c;
font-family: 'Oswald';
font-size: 20px;
font-variant: normal;
font-weight: lighter;
text-shadow: 1px 1px 1px #000;
text-transform: none;
line-height: 35px;
text-align: right;
display: block;
}

#pr-name a:after {content: ", "; }
#pr-name a:hover {text-decoration: none; }

#pr-avatar {
width: 250px;
height: 400px;
transition: all 1.7s ease-in-out;
-moz-transition: all 1.7s ease-in-out;
-webkit-transition: all 1.7s ease-in-out;
}

#pr-info {
width: 230px;
height: 380px;
padding: 10px;
background: #0d0d0d;
margin-top: -425px;
margin-left: 250px;
transition: all 1.7s ease-in-out;
-moz-transition: all 1.7s ease-in-out;
-webkit-transition: all 1.7s ease-in-out;
}

#pr-cuerpo:hover #pr-avatar {
margin-left: -250px;
transition: all 1.7s ease-in-out;
-moz-transition: all 1.7s ease-in-out;
-webkit-transition: all 1.7s ease-in-out;
}

#pr-cuerpo:hover #pr-info {
margin-left: 0px;
transition: all 1.7s ease-in-out;
-moz-transition: all 1.7s ease-in-out;
-webkit-transition: all 1.7s ease-in-out;
}

#pr-conta {
width: 116px;
height: 66px;
display: inline-block;
}

#pr-conta a {
  margin-bottom: 2px;
  display: block;
}

#pr-tit {font-size: 0px; height: 0px; } /*elimina el titulo de los datos*/
#pr-sep {margin-bottom: -10px; } /*elimina el espacio entre dato y dato*/

#pr-dato {
background: #000;
color: #555;
display: inline-block;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 2px;
margin-right: 0px;
text-align: center;
width: 230px;
line-height: 20px;
}

#pr-dato img {width: 230px; }

/*caja de los mensajes modificada*/
.pr-campo:first-child #pr-dato {
width: 92px;
padding: 15px 10px;
background: #000;
font-family: 'Oswald';
font-size: 20px;
font-variant: normal;
font-weight: lighter;
text-transform: none;
line-height: 24px;
text-align: center;
display: inline-block;
margin-top: -66px;
margin-left: 118px;
}

/*escribe 'mensajes' sin usar el label*/
.pr-campo:first-child #pr-dato:after {
content: "Posts";
font-size: 8px;
line-height: 10px;
text-transform: uppercase;
letter-spacing: 2px;
display: block;
}

/* A F I L I A D O S  A L  P I E    D E L  F O R O */
.afi-mano {
  display: inline-block;
  width: 330px;
  margin-right: -4px;
}

#afi-nom, #afi-nom1, #afi-nom2 , #afi-nom3, #afi-nor a {
width: 308px;
padding: 10px;
background: #4c4c4c;
border-bottom: 10px solid #532D56;
color: #f6f6f6;
font-family: 'Oswald';
font-size: 20px;
font-variant: normal;
font-weight: normal;
text-shadow: 1px 1px 1px #000;
text-transform: none;
line-height: 30px;
text-align: right;
}

#afi-nom:after, #afi-nom1:after, #afi-nom2:after, #afi-nor a:after {content: ", ";}

#afi-nom1 {
  width: 650px;
  margin-top: 2px;
}

#afi-nor a {
  width: 302px;
  margin-left: 2px;
  border-bottom: 0px;
  display: block;
}

#afi-nom2 {
  width: 302px;
  margin-left: 2px;
}

#afi-cu1, #afi-cu2, #afi-cu3, #afi-cu4 {
width: 308px;
padding: 10px;
background: #0d0d0d;
height: 102px;
overflow: hidden;
}

#afi-nom3, #afi-cu4 {width: 320px; }

#afi-cu2 {
  width: 656px;
  height: auto;
  padding: 7px;
}

#afi-cu1 img {
  width: 100px;
  height: 50px;
  margin-bottom: 2px;
}

#afi-cu4 img {
  width: 50px;
  height: 50px;
  margin-bottom: 2px;
}

#afi-cu2 img {
  width: 40px;
  height: 40px;
  margin-bottom: 2px;
}

#afi-cu3 {
  margin-left: 2px;
  margin-bottom: 3px;
  width: 302px;
  height: 259px;
  overflow: auto;
  font-size: 11px;
  text-align: justify;
}

/*templates do forum*/
.genborder1 { width: 350px; padding: 5px; border: #696969 solid 1px; background-color: #532d56; }
.gencontent { padding: 30px; text-align: justify; font-size: 10px; background-color: #F5F5F5; margin-top: 3px; }
.gencontent a { text-align: justify; font-size: 7px; font-family: montserrat; letter-spacing: 1px; color: #0F0F0F; text-transform: uppercase; }
.sub { font-family: georgia;text-align: right; text-transform: uppercase; letter-spacing: 1px; color: #532d56; font-size: 12px; font-style: bold; border-bottom: #532d56 solid 1px; padding: 8px; }
.sub2 { font-family: georgia;text-align: right; text-transform: uppercase; letter-spacing: 1px; color: #532d56; font-size: 10px; font-style: bold; border-bottom: #532d56 solid 1px; padding: 8px; }
.appbg {    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background: url(http://i.imgur.com/UQgtpEx.jpg);
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover; padding: 30px;  }
.apptitle { background-color: #4c4c4c; padding: 20px; font-family: 'Oswald'; color: #fff; text-transform: none; font-size: 20px; text-align: right; }
.appfield1 { background-color: #0F0F0F; padding: 7px; font-family: montserrat; font-size: 7px; letter-spacing: 1px; text-transform: uppercase; color: #fff; display-style: block; text-align: center; }
.appfield2 { background-color: #0F0F0F; padding: 7px; font-family: montserrat; font-size: 7px; letter-spacing: 1px; text-transform: uppercase; color: #fff; display-style: block; text-align: center; margin-top: 2px; }

.gencontent shout, .gencontent shout a { font-size: 13px; font-family: montserrat; text-transform: uppercase; color: #1C1C1C; line-height: 16px; }

.fcborder1 { border: #0F0F0F solid 1px; padding: 10px; width: 400px; }
.fcborder2 { border: #0F0F0F solid 1px; padding: 10px; width: 150px; height: 250px; overflow: auto; text-align: center; font-family: Montserrat; text-transform: uppercase; font-size: 7px; }
.fcborder2 a { font-family: Montserrat; color: #C7C7C9; font-size: 7px; letter-spacing: 1px; text-transform: uppercase; }

.dlink { text-transform: none; color: #fff; font-family: montserrat; }
.jc1:first-line { color: #C7C7C9; }
/*fim dos templates*/

Eu testei o CSS que você me mandou e está funcionando veja
http://prntscr.com/dqbyiv
http://prntscr.com/dqbyu6

Até mais
Harleen

Harleen
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina de Perfil Personalizada

Mensagem por giancamposm 01.01.17 17:17

Alterado, porém sem de fato mudar o perfil. Te enviei uma MP.

Edição as: 18:02:37

Após investigações junto a Harleen, declaro este tema resolvido.
giancamposm

giancamposm
**

Membro desde : 11/11/2012
Mensagens : 81
Pontos : 127

http://darkholerpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina de Perfil Personalizada

Mensagem por Kyo Panda 02.01.17 10:29

Perfil - Pagina de Perfil Personalizada  Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

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

- Tópicos semelhantes

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