<b>Админка -> Внешний Вид -> Ваш шаблон -> Управление шаблонами и CSS -> вкладка CSS -> ipb_styles.css</b>
В самый вниз добавляем:
<!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1-->.fonramk
{
background: #fafcfe;
border: 1px solid #cdd6e2;
border-bottom-width: 2px;
border-right-width: 2px;
padding: 2px 2px 2px 2px;
margin: 3px 1px 3px 1px;
/*-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:20px; // это если вы хотите сделать закруглённые рамки, но смотрится не красиво на самом деле
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;*/
text-align:left;
width:90%
}<!--c2--></div><!--ec2-->
В этом же файле находим:
<!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1-->.author_info ul.user_fields li span.ft {
width: 38%;
text-align: right;
font-weight: bold;
padding: 0 0 0 8px;
}
.author_info ul.user_fields li span.fc {
padding: 0 8px 0 8px;
max-width: 50%;
word-wrap: break-word;
}<!--c2--></div><!--ec2-->
и заменяем на:
<!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1-->.author_info ul.user_fields li span.ft {
/*width: 38%;*/
text-align: left;
font-weight: bold;
padding: 0 0 0 8px;
}
.author_info ul.user_fields li span.fc {
text-align: left;
padding: 0 8px 0 8px;
max-width: 50%;
word-wrap: break-word;
}<!--c2--></div><!--ec2-->
Переходим на вкладку <b>Шаблоны - Глобальные - userInfoPane</b>
Находим:
<!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1--><ul class='user_fields'><!--c2--></div><!--ec2-->
Заменяем нужные:
<!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1--><li><!--c2--></div><!--ec2-->
на:
<!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1--><li class="fonramk"><!--c2--></div><!--ec2-->
В самый вниз добавляем:
<!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1-->.fonramk
{
background: #fafcfe;
border: 1px solid #cdd6e2;
border-bottom-width: 2px;
border-right-width: 2px;
padding: 2px 2px 2px 2px;
margin: 3px 1px 3px 1px;
/*-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:20px; // это если вы хотите сделать закруглённые рамки, но смотрится не красиво на самом деле
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;*/
text-align:left;
width:90%
}<!--c2--></div><!--ec2-->
В этом же файле находим:
<!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1-->.author_info ul.user_fields li span.ft {
width: 38%;
text-align: right;
font-weight: bold;
padding: 0 0 0 8px;
}
.author_info ul.user_fields li span.fc {
padding: 0 8px 0 8px;
max-width: 50%;
word-wrap: break-word;
}<!--c2--></div><!--ec2-->
и заменяем на:
<!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1-->.author_info ul.user_fields li span.ft {
/*width: 38%;*/
text-align: left;
font-weight: bold;
padding: 0 0 0 8px;
}
.author_info ul.user_fields li span.fc {
text-align: left;
padding: 0 8px 0 8px;
max-width: 50%;
word-wrap: break-word;
}<!--c2--></div><!--ec2-->
Переходим на вкладку <b>Шаблоны - Глобальные - userInfoPane</b>
Находим:
<!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1--><ul class='user_fields'><!--c2--></div><!--ec2-->
Заменяем нужные:
<!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1--><li><!--c2--></div><!--ec2-->
на:
<!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1--><li class="fonramk"><!--c2--></div><!--ec2-->