Sweet Darkness
Во втором окне (в самом низу) меняйте полностью "CS6 User profile" на это:
/* CS6 User profile -------------------------------------------------------------*/ .post-author li { padding-left: 15px !important; background: #f0ede5 url(http://forumupload.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 символов (максимальная), я думаю не составит особых трудностей дважды вписать название в скрипт и врисывать данные по образцу.