Окантовка информации под аватаром

lena1

クリエイター
LV
0
 
<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;&nbsp;&nbsp; // это если вы хотите сделать закруглённые рамки, но смотрится не красиво на самом деле
-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 {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;width: 38%;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text-align: right;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font-weight: bold;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;padding: 0 0 0 8px;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.author_info ul.user_fields li span.fc {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;padding: 0 8px 0 8px;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;max-width: 50%;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;word-wrap: break-word;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<!--c2--></div><!--ec2-->

и заменяем на:

<!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1-->.author_info ul.user_fields li span.ft {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/*width: 38%;*/
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text-align: left;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font-weight: bold;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;padding: 0 0 0 8px;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.author_info ul.user_fields li span.fc {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text-align: left;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;padding: 0 8px 0 8px;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;max-width: 50%;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;word-wrap: break-word;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<!--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--><div align='center'> ...инфа... </div><!--c2--></div><!--ec2-->

если не поможет... убери из кода:
<!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1-->text-align:left;<!--c2--></div><!--ec2-->
 
<!--quoteo(post=95281:date=14.04.2010, 13:29:name=«$EGUR@»)--><div class='quotetop'>Цитата(«$EGUR@» @ 14.04.2010, 13:29) [snapback]95281[/snapback]</div><div class='quotemain'><!--quotec-->заключи всю инфу нужную:

<!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1--><div align='center'> ...инфа... </div><!--c2--></div><!--ec2--><!--QuoteEnd--></div><!--QuoteEEnd-->

спасибо,вот этот кож поставил и все стало по центру
 
А как сделать на темном скине, делаю все правильно но не видно через темноту скина, мой скин <a href="http://cs.franyk.net/forum/" target="_blank">тут</a> , спасибо.
 
Сверху