Профиль или рамка аватара

Была такая тема,только там скрипт для PphBB3
А мне надо на второй,давно уже прошу скрипт в css или куда он,точно не пойму.С сайта http://www.poltergeist-legacy.com/
Именно как оформлен профиль.

https://help.forum2x2.ru/t12018-topic - смотри тут =)

ShMaster Спасибо,но я знаю эту тему.И это не то.

Для phpBB2

Профиль в рамке, при наведении меняется фон.



В шаблоне viewtopic_body (Показ темы) находим фрагмент:

Код:

<span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span>

            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}

            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}


            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->

и меняем на

Код:

<div class="profill"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}

</strong></span>
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}
            {postrow.displayed.RANK_IMAGE}
{postrow.displayed.POSTER_AVATAR}</div>
            <!-- BEGIN profile_field -->
            <div class="profill">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}</div>
            <!-- END profile_field -->

Измененный шаблон сохранить и опубликовать.

В Каскадная таблица стилей CSS вставляем код:

/*Обрамление профиля*/
.profill{
background-color: #FBFBDB;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius:4px;
border: 2px double #BEA168;
display:block;
margin:1px 5px;
padding: 2px;
font-size:0.7em;
text-align:center;
}
.profill:hover {
background: url(http://www.imghost.in/images/ywlngk8fh8s47rjzwdd2.jpg);
}

цвет фона ячеек
закругление углов рамки
толщина, стиль и цвет рамки
фон ячеек при наведении курсора

Вот такой получился результат адаптации профиля с моего форума на BB2:

Единственное, что не стала встраивать - это разворачивающуюся панель рангов.

1. В шаблоне viewtopic_body (Показ темы) Удалите исходные фрагменты к кнопкам профиля и быстрого перемещения по странице:

Код:

{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}

и

Код:

<a href="#top">{L_BACK_TO_TOP}</a>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a>

Кроме этого, найдите фрагмент

Код:

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr align="right">
      <td class="catHead" colspan="3" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint">&nbsp;</td>
               <td align="center" class="t-title">
                  <h1 class="cattitle">&nbsp;{TOPIC_TITLE}</h1>

и в первой строке

Код:

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

обнулите cellspacing

Код:

<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">

2. В том же шаблоне замените фрагмент

Код:

         <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span>

            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}

            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}


            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
         </span>

         <img src="http://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />

на:

Код:

<div class="user"><div class="user-basic-info"><div class="username"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></div>            

<div class="aviva">
<div class="user-contact">
{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
</div>
<div class="avvv">{postrow.displayed.POSTER_AVATAR}</div>
</div>

<span class="prfav">{postrow.displayed.ONLINE_IMG}</span>

<div class="prfc">{postrow.displayed.POSTER_RANK}
{postrow.displayed.RANK_IMAGE}</div>

<div class="user-info">
<!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}

<div class="imgtop"><a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a></div>

Сохраните и опубликуйте шаблон.

3. Добавьте в CSS:

Код:

.post td.row1, .post td.row2 {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}

.user {
background-color: #F4F4F4;
padding: 0;
border: 2px solid #d4d6d5;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
margin-bottom:20px;
width: 190px;
}

.user-info {
color: #666;
line-height: 1.5 em;
font-size: 10px;
margin-left: 5px;
}

.aviva {
display:block;
margin: 10px 5px 0 5px;
background-color: #eee;
border: 1px solid #DDDDDD;
padding: 5px 5px 10px;
overflow:hidden;
}

.aviva img {
border: 2px solid #DDDDDD;
}

.aviva .user-contact img {
border: none;
}

.username {
background-color: transparent;
border-bottom: 1px solid #DDDDDD;
padding: 5px 1px;
font-size: 13px;
width: 100%;
text-align:center;
}

.user-basic-info .user-contact a {
display:block;
padding-bottom: 2px;
}

.user-basic-info .user-contact {
display:block;
float: right;
}

.prfav {
display:block;
position: relative;
width: 87px;
height: 13px;
background: transparent url("http://i27.servimg.com/u/f27/14/67/67/89/kg13-515.png") no-repeat;
margin: -7px auto 0;
}

.prfav img {
display:block;
position: relative;
}

.prfc {
text-align:center;
}

.imgtop {
position: relative;
margin: 0 auto;
width: 70px;
top: 13px;
border: 2px solid #d4d6d5;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
background-color: #F8F8FF;
padding: 1px 0 2px;
text-align: center;
}


и сохраните.

4. Поставьте в настройках ПА > Оформление > Аватары > Галерея аватар - Личные аватары: максимальную ширину 120px.
Вообще максимальная ширина аватара зависит от размеров кнопок профиля и ширины блока .user - если поставить width больше 190px, то и максимальную ширину аватар можно увеличить.

Dana Domirani Большое спасибо
Один тогда вопрос.Как изменить поле,цвет
Это поле не видно на сайте,как изменить на черный сайт.
Количество сообщений: 10220
Возраст: 17
Географическое положение: во мраке пустоты..

Чтобы изменить цвет заголовков

Количество сообщений: 10220
Возраст: 17
Географическое положение: во мраке пустоты..

надо настроить цвета в ПА > Пользователи > Профили > справа от каждого поля.

А для цвета содержимого

Количество сообщений: 10220
Возраст: 17
Географическое положение: во мраке пустоты..

измените значение color в этом фрагменте:

Код:

.user-info {
color: #666;
line-height: 1.5 em;
font-size: 10px;
margin-left: 5px;
}

Спасибо.Проблема решена
Дана спасибо еще раз за такую работу.

Пожалуйста! Рада, когда могу помочь.