The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

I can not change 'post profile fields' colors

View previous topic View next topic Go down

Solved I can not change 'post profile fields' colors

Post by PrimaveraCero on June 18th 2015, 6:04 am

Spoiler:

Image: 
Forum: http://primaveracero.foro-activo.com/

Hello. I have a problem... I try with this tutorial (http://help.forumotion.com/t140294-post-profile-fields) by @Ange_Tuteur ... but do not understand why I can only change the color of ":" and not the "Posts" Sad

Thanks in advance!

Css

Code:
.titulo2{color:#e5e5e5;font-family:bignoodletitlingoblique;font-size:20px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:2px;margin-bottom:-20px;padding:8px;position:relative;text-align:left;text-shadow:1px 1px 1px #000;width:280px}.aviso{background:#000000;border-radius:15px;color:#d4d4df;font-family:calibri;font-size:9px;font-style:normal;font-variant:normal;font-weight:normal;height:10px;padding:10px;text-align:jusitfy;text-transform:uppercase;width:110px}.cajon{background:#000000;height:150px;margin-top:-30px;padding:20px;text-align:jusitfy;width:280px}.cajon2{background:#0a0a0a;height:120px;padding:10px;width:280px}.cajon2 a:active,.cajon2 a:link,.cajon2 a:visited{background-color:transparent;color:#fff;text-align:center}.enlaces{background:transparent;border-bottom:1px solid #333;padding:2px;text-align:justify}.enlaces:hover{background:#141414;text-align:center}.ciudad{border:2px solid #333;color:#fff;font-family:calibri;font-size:9.5px;font-style:normal;font-variant:normal;font-weight:normal;height:80px;padding:10px;text-transform:uppercase}.



/*Code, Spoiler y Quote*/
dl.codebox {
background-color: #000000;
border-left: 10px solid #ffffff;
border-top:none;
border-right: none;
border-bottom: none;
padding:5px;
}


dl.codebox dt {
display:block;
font-size:0.8em;
font-weight:700;
color:#000000;
text-align: center;
margin-bottom:3px;
text-transform:uppercase;
font-family:,Arial,Helvetica,sans-serif;
border-bottom:none;}

dl.codebox code {
color:#000000;
font-family:,Arial,Helvetica,sans-serif;
text-shadow:1px 1px 1px 141414;
font-size:11px;
border-bottom:none;
}


blockquote {
background-color: #000000;
background: url("url de la imagen")
border-left: 10px solid #ffffff;
border-top:none;
border-right: none;
border-bottom: none;
padding:5px;
}

blockquote blockquote {
background-color: #000000;
background: url("url de la imagen")
border-left: 10px solid #ffffff;
border-top:none;
border-right: none;
border-bottom: none;
padding: 5px;
}

.content blockquote {
color:#7a7a7a;
font-family:,Arial,Helvetica,sans-serif;
text-shadow:1px 1px 1px 141414;
font-size:11px;
border-bottom: none;
}


.module .h3 {
visibility:hidden;
}

#logo {
margin-left: -15px;
margin-top: -30px;
  
}

#wrap {
width: 1100px;
}

/****BARRA MENU****/

ul.navlinks {
border-bottom: none;
display: block;
width: 80%;
height: 25px;
margin-left: 100px;
margin-top: -30px;
}

/****LINKS MENU****/

a.mainmenu {
color: #4B4A54;
font-family: Economica;
text-transform: uppercase;
font-size: 15px;
font-weight: lighter;
margin: -5px;
padding: 1px;
background-color: #191919;
}

a.mainmenu:hover {
color: #1E1E24;
-moz-transition: all 0.8s linear 0s;
-webkit-transition: all 0.8s linear 0s;
}

/****PERFIL****/

.postprofile {
  width: 220px;
  background: #ec474f;
  height: 441px;
  overflow: hidden;
  border-left: transparent;
}
 
.fotoavatar img {
  margin-top: 10px;
  margin-left: 10px;
  max-height: 350px;
  max-width: 200px;
}
 
.postprofile dd {
  text-align: left;
  margin-left: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: Calibri;
  font-size: 10px;
}
 
#nombreusuario {
  width: 200px;
  padding-top: 7px;
  padding-bottom: 7px;
  text-transform: uppercase;
  font-family: Oswald;
  text-align: center;
  background: #f1f1f1;
  margin-left: 10px;
  margin-top: 10px;
  font-size: 11px;
}
 

 
/*Pestańas del perfil*/
#pestanas {
list-style: none;
width: 201px;
margin-top: 10px;
margin-left: 9px;
background-color: transparent;
}
#pestanas li a {
font-family: Calibri;
margin-left: 1px;
margin-right: 1px;
font-size: 9px;
text-transform: uppercase;
line-height: 100%;
display: inline-block;
color: #fff;
padding-top: 3px;
padding-bottom: 3px;
text-decoration: none;
width: 48px;
text-align: center;
background: #000;
transition: 0.8s;
}
#pestanas li {display: inline-block;}
#pestanas:hover li a {
  transition: 0.8s;
  box-shadow: inset 0 0 0 #000000;
}
 
.tab_content {
display: none;
width: 220px;
margin: 0px;
background: #000;
height: 370px;
}


.field-posts { color:red }
.field-posts .label { color:blue }

#TAB2 img {width: 200px; height: 80px; margin-top: 10px; margin-bottom: 10px;}
 
#TAB3 img {margin-top: 10px;}
 
#tabs_content_container {
width: 220px;
height: 370px;
overflow:hidden;
background: #000;
}

 
/* 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;
}

/****BOTONES REMOVIDOS DE LA BARRA MENU****/

#search-box {
visibility: hidden;
}

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


/****ICONOS LEYENDA****/

ul.forums .icon {
background-position: 25px 55% !important;
}

/****TITULO CABECERA CATEGORIA****/

.table-title h2 {
font-weight: bold;
color: #353535;
letter-spacing: 3px;
font-size: 12px;
text-transform: uppercase;
font-family: calibri;
}

#main-content {
margin-left: 30px;
}


/****FONDO CABECERA CATEGORIA****/

.forabg li.header {
width: 85%;
height: 60px;
padding-top: 10px;
padding-bottom: 10px;
background-color: #000000;
border-right: 102px solid #000000;
}

.forabg li.header dd.dterm {
text-align: center;
width: 75%;
height: 10px;
padding-top: 35px;
padding-bottom: 35px;
margin-top: -10px;
background-color: #000000;
}

.forabg li.row {
width: 97%;
}

.forabg {
padding: 0px;
}

ul.forums {
width: 97%;
background-color: #191919;
}
  
/****POST, MENSAJES  Y ULTIMOS TEMAS****/

.forabg li.row dd.lastpost {
width: 299px;
height: 10px;
float: left;
position: relative;
color: #4B4A54;
font-family: calibri;
font-size: 10px;
text-align: center;
margin-top: 109px;
letter-spacing: 2px;
margin-left: -10px;
background-color: #191919;
}

dd.lastpost span.color-groups {
float: none;
display: inline-block;
}

dd.lastpost br {
display: none;
}

.forabg li.row dd.topics {
width: 100px;
height: 15px;
top: 5px;
float: right;
position: relative;
color: #ffffff;
font-size: 11px;
margin-right: 65px;
font-family: calibri;
text-transform: uppercase;
background-color: #191919;
}

.forabg li.row dd.posts {
width: 100px;
height: 15px;
top: 5px;
float: right;
position: relative;
margin-right: 0px;
color: #ffffff;
font-size: 11px;
font-family: calibri;
text-transform: uppercase;
background-color: #191919;
}

.forabg li.header dd.posts, .forabg li.header dd.topics, .forabg li.header dd.lastpost {
display: none;
}

.forabg li.row dd.posts:after {
content: "MENSAJES";
}

.forabg li.row dd.topics:after {
content: "TEMAS";
}

/****SUB CATEGORIAS****/

.forumbg .header .icon {
width: 85%;
height: 60px;
color: #4B4A54;
text-align: right;
font-size: 15px;
text-transform: uppercase;
padding-top: 10px;
padding-bottom: 10px;
background-color: #191919;
border-right: 102px solid #191919;
}

ul.topiclist li.header dd.views, ul.topiclist li.header dd.posts, ul.topiclist li.header dd.lastpost {
font-size: 0px;
}

#info_open {
width: 230px;
height: 170px;
padding: 5px;
font-family:  calibri;
color: #ffffff;
border: 3px solid #191919;
background-color: #191919;
}

#info_open+.h3 {
display: none;
}

#info_open+.h3+.clearfix {
width: 540px;
height: 170px;
float: right;
position: relative;
padding: 5px;
color: #ffffff;
font-family: calibri;
margin-top: -185px;
margin-right: 30px;
display: inline-block;
border: 3px solid #191919;
background-color: #191919;
}

/****DESCRIPCION 1 DE LOS FOROS****/

#desc1 {
width: 700px;
height: 150px;
display: block;
padding: 4px;
margin-top: -40px;
margin-left: -30px;
background-color: #000000;
}

#texto1 {
width: 386px;
height: 112px;
overflow: auto;
padding: 5px;
margin-top: 26px;
line-height: 15px;
color: #504F52;
font-size: 10px;
text-align: justify;
margin-right: 304px;
font-family: arial;
background-color: #000000;
}

#desc1 img {
width: 300px;
height: 148px;
float: right;
position: relative;
}

/****DESCRIPCION 2 DE LOS FOROS CON SUBFOROS****/

#desc2 {
width: 700px;
height: 150px;
display: block;
padding: 4px;
margin-top: -40px;
margin-left: -30px;
background-color: #000000;
}

#desc2 img {
width: 300px;
height: 148px;
float: right;
position: relative;
}

#texto2 {
width: 386px;
height: 112px;
overflow: auto;
padding: 5px;
margin-top: 26px;
line-height: 15px;
color: #504F52;
font-size: 10px;
text-align: justify;
margin-right: 304px;
font-family: arial;
background-color: #000000;
}

#subforos2 {  
width: 250px;
height: 89px;
float: right;
position: relative;
overflow: hidden;
font-size: 10px;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 2px;
background-color: #000000;
top: -148px;
opacity: 0.9;
}

#subforos2 a {
display: block;
text-align: center;
padding: 1px;
}

#subforos2 a:hover {
color: #4B4A54;
font-family: calibri;
letter-spacing: 5px;
background-color: #191919;
-moz-transition: all 0.6s linear 0s;
-webkit-transition: all 0.6s linear 0s;
}

#cajasub1 {
width: 300px;
height: 148px;
float: right;
position: relative;
}

#cajasub2 {
width: 250px;
height: 90px;
position: relative;
top: 30px;
opacity: 0;
transition: ease-in-out 0.6s;
-webkit-transition:ease-in-out 0.6s;
-ms-transition:ease-in-out 0.6s;
-moz-transition:ease-in-out 0.6s;
transform: rotate(150deg);
-ms-transform: rotate(150deg);
-webkit-transform: rotate(150deg);
-moz-transform: rotate(150deg);
}

#cajasub1:hover #cajasub2 {
opacity:1;
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}

/****LINKS DEL FORO****/

a.forumtitle {
display: block;
width: 392px;
font-size: 15px;
color: #ffffff;
position: relative;
margin-left: -24px;
text-align: center;
font-family: Economica;
text-transform: uppercase;
border-bottom: 4px solid #504F52;
}

a.forumtitle:hover {
text-decoration: none;
-moz-transition: all 0.6s linear 0s;
-webkit-transition: all 0.6s linear 0s;
}

/****LINKS SUBFOROS****/

a.topictitle:hover{
text-decoration: none;
color: #9D99A3;
text-shadow: 1px 2px 1px #000000;
letter-spacing: 1px;
-moz-transition: all 0.6s linear 0s;
-webkit-transition: all 0.6s linear 0s;
}

/****TITULOS, LINKS SUBFOROS Y BUSCAR****/

h1.page-title {
width: 85%;
height: 55px;
padding-top: 12px;
font-weight: bold;
color: #4B4A54;
letter-spacing: 3px;
font-size: 27px;
text-align: center;
font-family: Economica;
text-transform: uppercase;
padding-top: 10px;
padding-bottom: 10px;
background-color: #191919;
border-right: 102px solid #191919;
}

.topic-actions {
color: #4B4A54;
font-size: 12px;
text-align: center;
font-family: calibri;
}

.search-box {
visibility: hidden;
}
  
/****CAJA DEL MENSAJE****/

div.post {
width: 94%;
background-color: #191919;
}

.content {
width: 97%;
color: #504F52;
padding: 5px;
}

/****TITULO, AUTOR E ICONOS****/
.postbody .topic-title {
font-size: 13px;
font-family: calibri;
margin-left: 60px;
}

p.author {
border-bottom: 4px solid #4B4A54;
width: 97%;
height: 15px;
margin-top: -1px;
}

ul.profile-icons {
margin-top: 9px;
}



/****MODULOS/WIDGETS****/

.module .h3 {
visibility: hidden;
}

.module {
background-color: #191919;
}

#left {
width: 220px;
}

#content-container div#left {
left: -10px;
background-color: #191919;
}

#comments_scroll_container {
width: 200px;
padding: 2px;
font-family: calibri;
background-color: #252525;
border-top: 4px solid #818181;
margin-top: -35px;
}

/****WIDGET STAFF****/

#staff1 {
width: 100px;
height: 80px;
margin-left: 5px;
display: inline-block;
}

#staff2 {
width: 100px;
height: 80px;
top: -80px;
position: relative;
color: #504F52;
font-size: 10px;
text-align: center;
font-family: calibri;
background-color: #000000;
opacity: 0;
transition: ease-in-out 0.6s;
-webkit-transition: ease-in-out 0.6s;
-ms-transition: ease-in-out 0.6s;
-moz-transition: ease-in-out 0.6s;
transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
}

#staff1:hover #staff2 {
opacity: 1;
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}

/****FONDO ONLINE****/

#stats {
width: 97% !important;
height: 300px !important;
background-image: url('http://i.imgur.com/bPLW45F.png');
}

/****ONLINE****/

.enlinea .h3, .estadisticas .h3 {
display: none;
}

.enlinea {
width: 770px !important;
height: 200px !important;
overflow: auto !important;
text-align: center;
font-size: 11px;
font-family: calibri;
color: #9D99A3;
padding: 4px;
}

#i_whosonline {
width: 300px;
height: 200px;
float: right;
position: relative;
}

/****ESTADISTICAS****/

.estas {
width: 120px !important;
height: 200px !important;
overflow: auto !important;
text-align: center;
font-size: 10px;
font-family: calibri;
color: #9D99A3;
padding: 4px;
}

/****LEYENDAS****/

.leyendas {
color: transparent;
font-size: 0;
width: 95% !important;
height: 100px !important;
}

.leyendas em a {
font-size: 13px;
text-transform: uppercase;
display: inline-block;
text-align: center;
letter-spacing: 2px;
font-family: calibri;
margin-left: 2px;
}

/****CABECERA CHATBOX****/

div.page-bottom, #chatbox_popup, .h3 a[target="ChatBox"]{
display: none;
}

p.page-bottom + div.h3{
border: none;
}

/****LEYENDA****/

ul#picture_legend {
display: none;
}


/****SCROLL****/

::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
display: none;
}

::-webkit-scrollbar{
background-color: #COLOR;
width: 3px;
height: 5px;
}

::-webkit-scrollbar-track-piece {
background-color: #191919;
}

::-webkit-scrollbar-thumb:vertical {
width: 3px;
height: 5px;
background-color: #4B4A54;
}

/****FONTS SKIN****/

@font-face {
font-family: 'Trade Winds';
font-style: normal;
font-weight: 400;
src: local('Trade Winds'), local('TradeWinds'), url(http://themes.googleusercontent.com/static/fonts/tradewinds/v2/P7L1H4TWVDNJivDGg_--QIbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

@font-face {
font-family: 'Andika';
font-style: normal;
font-weight: 400;
src: local('Andika'), url(http://themes.googleusercontent.com/static/fonts/andika/v3/7oCWhqd1EPSqB7_cG3_eAA.woff) format('woff');
}

@font-face {
font-family: 'Denk One';
font-style: normal;
font-weight: 400;
src: local('Denk One'), local('DenkOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/denkone/v1/ahLepySZXU_KFQaVZ6XDvPesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

@font-face {
font-family: 'Neucha';
font-style: normal;
font-weight: 400;
src: local('Neucha'), url(http://themes.googleusercontent.com/static/fonts/neucha/v4/Z14xx5NkAnXABtaPytVZVA.woff) format('woff');
}

@font-face {
  font-family: 'Economica';
  font-style: normal;
  font-weight: 400;
  src: local('Economica'), local('Economica-Regular'), url(http://themes.googleusercontent.com/static/fonts/economica/v1/jObgDQiPUtmACAaaK3pMGz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Economica';
  font-style: normal;
  font-weight: 700;
  src: local('Economica Bold'), local('Economica-Bold'), url(http://themes.googleusercontent.com/static/fonts/economica/v1/UK4l2VEpwjv3gdcwbwXE9HhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

#login_popup_background{
background-color:transparent;border: 0px;border-style: none;
}

#login_popup_background .box-content {
background-color:transparent;border: 0px;border-style: none;
}

#login_popup_title{
visibility:hidden;background-color:transparent;border: 0px;border-style: none;
}

#login_popup_content{
background-color:transparent;border: 0px;border-style: none;
}
#login_popup{
background-color:transparent;border: 0px;border-style: none;
}

#login_popup_buttons{
visibility:hidden;
}

/*Cursor*/

body, a:hover {cursor: url(http://i.imgur.com/vl6y9.jpg), progress !important;}

@font-face{
font-family: "bignoodletitlingoblique";
src: url('http://fontsforweb.com/public/fonts/2556/bignoodletitlingoblique.eot');
src: local("BigNoodleTitling Oblique"), url('http://fontsforweb.com/public/fonts/2556/bignoodletitlingoblique.woff') format("woff"), url('http://fontsforweb.com/public/fonts/2556/bignoodletitlingoblique.ttf') format("truetype");
}

/*Efecto para los afiliados*/

#afiliados {
position: relative;
display: inline-block;
}

#afiliados1 {
display: none;
background: #151515;
border-bottom: 4px solid #0f0f0f;
border-top: 4px solid #0f0f0f;
color: #4d4d4d;
position: absolute;
top: -30px;
left: -20px;  
text-align: center;
padding: 3px;
font-family: calibri;
font-size: 8px;
text-transform: uppercase;
width: 85px;
line-height: 100%;
letter-spacing: 1px;
}

#afiliados:hover #afiliados1 {
display: block;
}

.titulo {
padding: 8px;
width: 210px;
text-align: center;
color: #353535;
font: 30px 'bignoodletitlingoblique';
letter-spacing: 2px;
text-shadow: 1px 1px 1px #000000;
margin-bottom: -20px;
margin-top: -30px;
position: relative;
}

.bocadillo {
background-color: #000000;
 border-top: 8px solid #353535;
margin-left:0px;
width: 220px;
height: 140px;
padding:4px;
margin-bottom: -20px;
}
.bocadillotexto {
color: #d4d4df;
font: 9px Corbel;
overflow-y:auto;
text-transform : uppercase;
width: 210px;
height: 130px;
text-align: center;
padding:2px;
}

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(http://themes.googleusercontent.com/static/fonts/oswald/v8/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff');
}

* div.postprofile dl dd{
display: none;
}
* div.postprofile dl dt{
padding-bottom: 40px;
background: url("AQUI URL DEL BOTON") no-repeat scroll bottom center;
}
* div.postprofile dl:hover dd{
display: block;
}
* div.postprofile dl:hover dt{
padding-bottom: 0px;
background: none;
}

.titulo5 {
padding: 8px;
width: 210px;
text-align: center;
color: #353535;
font: 30px 'bignoodletitlingoblique';
letter-spacing: 2px;
text-shadow: 1px 1px 1px #000000;
margin-bottom: -20px;
position: relative;
}

.bocadillo5 {
background-color: #000000;
 border-top: 8px solid #353535;
margin-left:0px;
width: 220px;
height: 140px;
padding:4px;
margin-bottom: -20px;
}
.bocadillotexto5 {
color: #d4d4df;
font: 9px Corbel;
overflow-y:auto;
text-transform : uppercase;
width: 210px;
height: 130px;
text-align: center;
padding:2px;
}

viewtopic_body

Code:
<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };


$(function(){

    if(typeof(_atc) == "undefined") {
        _atc = {  };
    }

    _atc.cwait = 0;
    $('.addthis_button').mouseup(function(){
        if ($('#at15s').css('display') == 'block') {
            addthis_close();
        }
    });
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }

        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
         {
            if( $(this).is(":visible") )
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
            }
            else
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
            }
         });
        }
    }
    catch(e) { }

   return false;
};

//]]>
</script>

<h1 class="page-title">
   <a href="{TOPIC_URL}">{TOPIC_TITLE}</a>
</h1>
<div class="topic-actions">
   <div class="buttons">

      <!-- BEGIN switch_user_authpost -->
      <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>&nbsp;&nbsp;&nbsp;
      <!-- END switch_user_authpost -->

      <!-- BEGIN switch_user_authreply -->
      <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
      <!-- END switch_user_authreply -->
   </div>

   <div class="pathname-box">
      <p itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
            <a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>
            <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->
            {NAV_CAT_DESC}
        </p>
   </div>

   <p class="right">
        <!-- BEGIN switch_twitter_btn -->
        <span>
            <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
        </span>
        <!-- END switch_twitter_btn -->
      <!-- BEGIN switch_fb_likebtn -->
      <script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));</script>
      <span class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></span>
      <!-- END switch_fb_likebtn -->
   </p>

   <div class="pagination">
      {PAGE_NUMBER}
      &nbsp;&bull;&nbsp;
      <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pub=forumotion">{L_SHARE}</a>
      <!-- BEGIN switch_plus_menu -->
      &nbsp;&bull;&nbsp;
      <script type="text/javascript">//<![CDATA[
         var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
         var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
         var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
         var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
         var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
         var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
         insert_plus_menu_new('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
      //]]>
      </script>
      <!-- END switch_plus_menu -->
   </div>
   <div class="clear"></div>
</div>

<!-- BEGIN topicpagination -->
<p class="pagination">{PAGINATION}</p>
<!-- END topicpagination -->
<p class="left-box"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a></p>
<div class="clear"></div>
{POLL_DISPLAY}

<!-- BEGIN postrow -->
   <!-- BEGIN hidden -->
      <div class="post {postrow.hidden.ROW_COUNT}">
         <div class="inner">
            <span class="corners-top"><span></span></span>
            <p style="text-align:center">{postrow.hidden.MESSAGE}</p>
            <div class="clear"></div>
            <span class="corners-bottom"><span></span></span>
         </div>
      </div>
   <!-- END hidden -->
   <!-- BEGIN displayed -->
      <div id="p{postrow.displayed.U_POST_ID}" class="post {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
         <div class="inner"><span class="corners-top"><span></span></span>
            <div style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>
         <div class="postbody">

            <ul class="profile-icons">
               <li>{postrow.displayed.THANK_IMG}</li>
               <li>{postrow.displayed.MULTIQUOTE_IMG}</li>
               <li>{postrow.displayed.QUOTE_IMG}</li>
               <li>{postrow.displayed.EDIT_IMG}</li>
               <li>{postrow.displayed.DELETE_IMG}</li>
               <li>{postrow.displayed.IP_IMG}</li>
               <li>{postrow.displayed.REPORT_IMG_NEW}</li>
            </ul>

            <h2 class="topic-title">{postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a></h2>
            <p class="author"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" />&nbsp;{L_TOPIC_BY}&nbsp;{postrow.displayed.POSTER_NAME} {postrow.displayed.POST_DATE_NEW}</p>
            <div class="clearfix"></div>

            <!-- BEGIN switch_vote_active -->
            <div class="vote gensmall">
               <!-- BEGIN switch_vote -->
               <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
               <!-- END switch_vote -->

               <!-- BEGIN switch_bar -->
               <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                  <!-- BEGIN switch_vote_plus -->
                  <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                  <!-- END switch_vote_plus -->

                  <!-- BEGIN switch_vote_minus -->
                  <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                  <!-- END switch_vote_minus -->
               </div>
               <!-- END switch_bar -->

               <!-- BEGIN switch_no_bar -->
               <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
               <!-- END switch_no_bar -->

               <!-- BEGIN switch_vote -->
               <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
               <!-- END switch_vote -->
            </div>
            <!-- END switch_vote_active -->

            <div style="display:none"></div>
            <div class="content clearfix">
               <div>{postrow.displayed.MESSAGE}</div>
                  <!-- BEGIN switch_attachments -->
                  <dl class="attachbox">
                     <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                     <dd class="attachments">
                        <!-- BEGIN switch_post_attachments -->
                        <dl class="file clearfix">
                           <dt>
                              <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt=""/>
                           </dt>
                           <dd>
                              <!-- BEGIN switch_dl_att -->
                              <span><a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}</span>
                              <!-- END switch_dl_att -->

                              <!-- BEGIN switch_no_dl_att -->
                              <span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}</span>
                              <!-- END switch_no_dl_att -->

                              <!-- BEGIN switch_no_comment -->
                              <span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</span>
                              <!-- END switch_no_comment -->

                              <!-- BEGIN switch_no_dl_att -->
                              <span><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></span>
                              <!-- END switch_no_dl_att -->

                              <span>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</span>
                           </dd>
                        </dl>
                        <!-- END switch_post_attachments -->
                     </dd>
                  </dl>
                  <!-- END switch_attachments -->
            </div>
            {postrow.displayed.EDITED_MESSAGE}
            <!-- BEGIN switch_signature -->
            <div class="signature_div" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>
            <!-- END switch_signature -->
         </div>

<div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
  
  
<div id="nombreusuario"><strong style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong></div>
  
<ul id='pestanas'>
<li class='active'>
<a href='#TAB1'>Avatar</a></li>
<li><a href='#TAB2'>Datos</a></li>
<li><a href='#TAB3'>Gamer</a></li>
<li><a href='#TAB4'>Logros</a></li>
</ul>

<div id='tabs_content_container'>
<div id='TAB1' class='tab_content' style="display: block;">
<div class="fotoavatar">{postrow.displayed.POSTER_AVATAR}
</div></div>
  
<div id='TAB2' class='tab_content' style="display: block;"><dd>
<!-- BEGIN profile_field -->
<span class="profileField">
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</span>
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}
</dd></div>
  
<div id='TAB4' class='tab_content' style="display: block;"><dd>
<!-- BEGIN profile_field -->
  <span class="profileField">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</span>
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}
</dd></div>
  
<div id='TAB3' class='tab_content' style="display: block;">
<dd>{postrow.displayed.RANK_IMAGE}</dd> <div class="campocontacto">{postrow.displayed.PROFILE} {postrow.displayed.PM} {postrow.displayed.EMAIL}</div> <!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT} <!-- END contact_field -->
</div></div>
</div>
                          
                      
                          
                          
<div class="clear"></div>
<p class="right"><a href="#top">{L_BACK_TO_TOP}</a>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a></p>
         <span class="corners-bottom"><span></span></span></div>
      </div>
      <!-- BEGIN first_post_br -->
      <hr id="first-post-br" />
      <!-- END first_post_br -->
   <!-- END displayed -->
<!-- END postrow -->

<a name="bottomtitle"></a>

<!-- BEGIN topicpagination -->
<p class="pagination">{PAGINATION}</p>
<!-- END topicpagination -->

<p class="left-box"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#top">{L_BACK_TO_TOP}</a></p>

<div class="clear"></div>

<div class="noprint">
<!-- BEGIN switch_user_logged_in -->
<!-- BEGIN watchtopic -->
<p class="right">{S_WATCH_TOPIC}</p>
<!-- END watchtopic -->
<!-- END switch_user_logged_in -->
</div>

<!-- BEGIN promot_trafic -->
<div class="post row2" id="ptrafic_close" style="display:none;font-size:1.3em;line-height:1.4em">
   <span class="corners-top"><span></span></span>
   <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></span>
   <span class="ptrafic">&nbsp;{PROMOT_TRAFIC_TITLE}</span>
   <span class="corners-bottom"><span></span></span>
</div>
<div class="post row2" id="ptrafic_open" style="display:'';font-size:1.3em;line-height:1.4em">
   <span class="corners-top"><span></span></span>
   <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></span>
   <span class="ptrafic">&nbsp;{PROMOT_TRAFIC_TITLE}</span>
   <div class="clear"></div>
   <div>
      <!-- BEGIN link -->
      »&nbsp;<a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
      <!-- END link -->
   </div>
   <span class="corners-bottom"><span></span></span>
</div>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<div class="post row1" id="forum_rules">
   <span class="corners-top"><span></span></span>
   <div class="h3">&nbsp;{L_FORUM_RULES}</div>
   <div class="clear"></div>
   <table class="postbody">
      <tr>
         <!-- BEGIN switch_forum_rule_image -->
         <td class="logo">
            <img src="{RULE_IMG_URL}" alt="" />
         </td>
         <!-- END switch_forum_rule_image -->
         <td class="rules content">
            {RULE_MSG}
         </td>
      </tr>
   </table>
   <span class="corners-bottom"><span></span></span>
</div>
<!-- END switch_forum_rules -->

<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->

<hr />

<div class="topic-actions">
   <div class="buttons">
      <!-- BEGIN switch_user_authpost -->
      <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>&nbsp;&nbsp;&nbsp;
      <!-- END switch_user_authpost -->

      <!-- BEGIN switch_user_authreply -->
      <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
      <!-- END switch_user_authreply -->
   </div>

   <div class="pathname-box">
      <p><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC}</p>
   </div>

   <div class="pagination">
      {PAGE_NUMBER}
   </div>
</div>
<div class="clear"></div>

<!-- BEGIN viewtopic_bottom -->
<form action="{S_JUMPBOX_ACTION}" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<fieldset class="jumpbox">
   <label>{L_JUMP_TO}:&nbsp;</label>
   {S_JUMPBOX_SELECT}&nbsp;
   <input class="button2" type="submit" value="{L_GO}" />
</fieldset>
</form>
<!-- END viewtopic_bottom -->

<!-- BEGIN viewtopic_bottom -->
<form method="get" action="{S_FORM_MOD_ACTION}">
<fieldset class="quickmod">
   <input type="hidden" name="t" value="{TOPIC_ID}" />

   <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
   <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
   <label>{L_MOD_TOOLS}:&nbsp;</label>
   {S_SELECT_MOD}&nbsp;
   <input class="button2" type="submit" value="{L_GO}" />
</fieldset>
</form>
<div class="clear"></div>
<p class="right">{S_TOPIC_ADMIN}</p>
<!-- END viewtopic_bottom -->

<!-- BEGIN show_permissions -->
   <div class="h3">{L_TABS_PERMISSIONS}</div>
   {S_AUTH_LIST}
<!-- END show_permissions -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody .content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>


Java

Code:
$(function() {
  for (var a = document.getElementsByTagName('SPAN'), i = 0, j = a.length, label; i<j; i++) {
    
    if (/profileField/.test(a[i].className)) {
      label = a[i].innerHTML.replace(/<.*?>/g,'').replace(/:.*$/,'').replace(/^\s+|\s+$/g,'');
      
      switch (label) {
        
        case 'Posts' :
          a[i].className += ' field-posts';
          break;
          
        case 'Reputation' :
          a[i].className += ' field-reputation';
          break;
          
      }
      
    }
    
  }
});


Last edited by PrimaveraCero on June 19th 2015, 2:03 am; edited 1 time in total

PrimaveraCero
New Member

Posts : 2
Reputation : 1
Language : Spanish, English

http://primaveracero.foro-activo.com/

Back to top Go down

Solved Re: I can not change 'post profile fields' colors

Post by SLGray on June 18th 2015, 7:51 pm

You can change the colors here:  AP > Users & Groups > Users > Profiles
Modify the ones you want to change.  The color changer is right of the title box.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36701
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: I can not change 'post profile fields' colors

Post by PrimaveraCero on June 19th 2015, 2:02 am

Yes! Thanks!  Smile

PrimaveraCero
New Member

Posts : 2
Reputation : 1
Language : Spanish, English

http://primaveracero.foro-activo.com/

Back to top Go down

Solved Re: I can not change 'post profile fields' colors

Post by SLGray on June 19th 2015, 8:21 am

Topic solved and archived


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36701
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum