Sweet Darkness
Во втором окне (в самом низу) меняйте полностью "CS6 User profile" на это:
/* CS6 User profile
-------------------------------------------------------------*/
.post-author li {
padding-left: 15px !important;
background: #f0ede5 url(http://upforme.ru/uploads/000d/ff/eb/203-1.png) no-repeat 5px 4px;
border-left-style: solid;
border-left-width: 1px;
border-color: #c8c5bb;
border-right-style: solid;
border-right-width: 1px;
}
.pa-title {
font-size: 1.1em;
font-family: "Segoe script";
color: #8f8f8f;
font-weight: normal;
border-color: #C8C5BB;
background: #f0ede5 !important;
border-left-style: solid;
border-left-width: 1px;
border-right-style: solid;
border-right-width: 1px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-top-style: solid;
border-top-width: 1px;
padding: 1.5em 0 0.5em 0 !important;
text-align: center;
}
.pa-positive a, .pa-positive a:hover {
color: #74b638 !important;
}
.pa-positive {
background: #e6fdd1 !important;
display: block;
width: 85%;
margin: 3px auto !important;
padding: 2px 1px 2px 10px !important;
position: relative;
z-index: 1000;
border-style: none !important;
padding-left: 0 !important;
}
.pa-respect a, .pa-respect a:hover {
color: #df5a72 !important;
}
.pa-respect {
background: #ffd8df !important;
display: block;
width: 85%;
margin: 3px auto !important;
padding: 2px 1px 2px 10px !important;
position: relative;
z-index: 1000;
border-style: none !important;
padding-left: 0 !important;
}
.pa-invites a, .pa-invites a:hover {
color: #6b6dce !important;
}
.pa-invites {
background: #dcd8ff !important;
display: block;
width: 85%;
margin: 3px auto !important;
padding: 2px 1px 2px 10px !important;
position: relative;
z-index: 1000;
border-style: none !important;
padding-left: 0 !important;
}
.pa-avatar {
background: #f0ede5 !important;
text-align: center;
border-left-style: solid;
border-left-width: 1px;
border-color: #c8c5bb;
border-right-style: solid;
border-right-width: 1px;
}
.pa-author a {
margin-left: -15px !important;
}
.pa-inform {
background: #f0ede5 !important;
text-align: center;
border-left-style: solid;
border-left-width: 1px;
border-color: #c8c5bb;
border-right-style: solid;
border-right-width: 1px;
padding-top: 65px !important;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-style: solid;
border-bottom-width: 1px;
position: relative;
top: -75px;
padding-left: 0 !important;
}
.pa-inform strong {
font-family: "Segoe print";
font-size: 1.1em;
padding: 5px 2px !important;
position: relative;
top: 18px;
left: -10px;
background: #d1cec6 !important;
border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
-moz-border-radius: 15px;
-o-border-radius: 15px;
text-align: center;
display: block;
width: 13em;
margin: 0 auto !important;
}
.pa-posts {
padding-top: 15px !important;
border-color: #C8C5BB;
border-left-style: solid;
border-left-width: 1px;
border-right-style: solid;
border-right-width: 1px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-top-style: solid;
border-top-width: 1px;
margin-top: -70px !important;
background-position: 5px 20px !important;
}
.pa-author {
font-family: "Segoe print";
font-size: 1.1em;
padding: 5px 2px !important;
position: relative;
top: 15px;
background: #d1cec6 !important;
border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
-moz-border-radius: 15px;
-o-border-radius: 15px;
text-align: center;
display: block;
width: 10em;
margin: 0 auto !important;
padding-left: 0 !important;
}
.pa-time-visit {
border-left-style: solid;
border-left-width: 1px;
border-color: #c8c5bb;
border-right-style: solid;
border-right-width: 1px;
padding-bottom: 15px !important;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-style: solid;
border-bottom-width: 1px;
}
.pa-online {
background: transparent none !important;
border-style: none !important;
}
.pa-online strong {
padding: 5px 10px !important;
position: relative;
display: block;
width: 13em;
left: -10px;
top: -15px;
margin: 0 auto !important;
background-color: #d1cec6;
border-color: #9b988e;
border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
-moz-border-radius: 15px;
-o-border-radius: 15px;
text-align: center;
}
#f1 {
padding: 0.2em 0.4em;
background-color: rgb(182, 140, 146);
}
.pa-fld1 {
background-position: 5px 6px !important;
}
#fc_1 {
padding: 0.10em 0.4em;
background-color: #abcdef;
width: 12em;
display: inline-block;
margin-left: -4px;
}Там в самом конце #f1 отвечает за оформление названия дополнительного поля, а #fc_1 за содержимое.
Далее, в ХТМЛ-низ, вместо старого кода нужно поставить такой:
<script type="text/javascript">
$(".pa-posts").before('<li class="pa-inform"><strong class="info">Информация:</strong></li>')
function UniverСhange(selektor,changed,substitute){
$(selektor).each(function(){if ($(this).parent().html()!=null){if($(this).parent().html().indexOf(changed)!=-1){
$(this).parent().html($(this).parent().html().replace(changed,substitute));};};});}
UniverСhange(".pa-fld1","Раса:","<span id='f1'>Раса:</span>");
</script>
Выделенное красным (дважды) - название поле. Впишите своё, сохраняя двоеточие.
Наконец, когда будете вписывать пользователям в поле нужное содержимое, придерживайтесь такой схемы:
<span id="fc_1">Здесь содержимое поля</span>
Можно конечно всё это и автоматизировать, но я отказался от этого, чтобы не загружать лишним скриптом страницу: длина поля теперь 999 символов (максимальная), я думаю не составит особых трудностей дважды вписать название в скрипт и врисывать данные по образцу.