Как красиво оформить рамку в профиле ?

Доброго времени суток
У меня появились 3 вопросика, насчёт рамки в профиле, которые сейчас задам



№1 - Мне бы хотелось сделать фон картинкой внутри рамки

№2 - Также хочу закруглить углы рамки

№3 - И самое важное, мне бы хотелось опустить этот блок чуть ниже, например на 30 пикселей

Пожалуйста уважаемые специалисты помогите с решением этих трёх вопросов
Заранее огромное спасибо, всем кто окажет помощь

В шаблоне profile_view_body
найдите фрагменты и добавьте в указанные места соответствующие теги:

<!-- END switch_auth_user -->
</table>
</td>
<td class="row1" rowspan="2" valign="top">
<div class="profff"><table width="100%" border="0" cellspacing="1" cellpadding="0">

<td width="60%" width="100%"><b><span class="gen">{USER_ONLINE}</span></b></td>
</tr>
</table></div>

Код действителен только для Вашего редактированного шаблона.

А в CSS добавьте:

Код:

.profff {
background: #666 url(http://i70.servimg.com/u/f70/17/37/83/89/2vadi_10.jpg) center right no-repeat;
border-radius: 5px;
margin: 30px 10px 10px;
}

Dana Domirani пишет:В шаблоне profile_view_body
найдите фрагменты и добавьте в указанные места соответствующие теги

А можно ещё сузить рамку(картинку) по бокам ?

Тогда проще зафиксировать ширину самого блока. Допишите:

.profff {
background: #666 url(https://i.servimg.com/u/f70/17/37/83/89/2vadi_10.jpg) center right no-repeat;
border-radius: 5px;
margin: 30px auto 10px;
width: 400px;
}

Dana Domirani пишет:Тогда проще зафиксировать ширину самого блока. Допишите:

Всё вроде хорошо, но можно ещё как то сверху поднять картинку ?
И я не могу сделать рамку и чтобы она была закруглённая



Чтобы рамка была вокруг этого чёрного фона

border-radius: 5px; — это закругление
margin: 30px auto 10px; — это отступы блока сверху | по сторонам | снизу

А из чего Вы делаете рамку? Border или еще что-то?

.profff {
background: #FFFFFF url(https://i.servimg.com/u/f70/17/66/77/30/dnnnnn10.jpg) center right no-repeat;
border-radius: 10px;
margin: 30px auto 10px;
width: 300px;
height: 361px;
}

Добавила в код строку которая выделена красным, тем самым смогла сделать немного свободного места под "Статус: Онлайн"
Но мне бы хотелось чтобы так можно было сделать и с верхней частью, чтобы над надписью "Последний визит" было ещё немного свободного места(фона) как под статусом Онлайн

А рамочку делаю с помощью этого кода:

Код:

#profile_user_right table
{
  border: 2px solid #FF0000;
  width: auto;
  margin: auto;
  height: 370px;
  padding: 0px 5px 5px 0px;
}

А зачем на таблицу рамку, если можно на .profff ?

Dana Domirani пишет:А зачем на таблицу рамку, если можно на .profff ?

Просто немного запуталась с этими кодами
Поставила это в ССЦ:

Код:

/* Фон инфы в профиле */
.profff {
background: url(http://i70.servimg.com/u/f70/17/66/77/30/dnnnnn12.jpg) center right no-repeat;
margin: 30px auto 10px;
width: 305px; 
height: 380px;
border: 2px solid #FF0000;
padding: 0px 5px 5px 0px;
border-radius: 10px; 
}

Вроде всё как нужно, за исключением отступа сверху, внутри рамки х)



Хотелось бы чтобы от внутренней стороны красной рамки, был небольшой отступ внутри, чтобы "Последний визит" и т.д опустились на 20 пикселей вниз х)

У Вас фон .profff задан картинкой с ограниченными размерами:

320*380

Залейте его фоновым цветом, а потом поверх кладите изображение:

background: #000 url(https://i.servimg.com/u/f70/17/66/77/30/dnnnnn12.jpg) center right no-repeat;

Dana Domirani пишет:У Вас фон .profff задан картинкой с ограниченными размерами:
320*380
Залейте его фоновым цветом, а потом поверх кладите изображение:

Поставила большое изображение
https://i.servimg.com/u/f70/17/66/77/30/dzdddn11.jpg

Кардинал Мишель Картер



Как у тебя получились зелененькие названия?

sirina пишет:Кардинал Мишель Картер

Как у тебя получились зелененькие названия?

Это легко

ПА - Пользователи и Группы - Пользователи - Профили.
В настройках каждого поля, смени цвет, на вот такой:

Код:

#29FFC2

Затем просто сохрани изменения и всё будет готово х)

Пожалуйста помогите сделать чтобы информация об пользователях была по середине этого блока, то есть блок сам уже стоит по середине, но мне нужно чтобы ещё и внутри блока инфа была по середине

Там внутри две ячейки, разные по ширине. Если их сделать по 50% — думаю, содержимое получится как раз по центру.

Dana Domirani пишет:Там внутри две ячейки, разные по ширине. Если их сделать по 50% — думаю, содержимое получится как раз по центру.

А где это нужно сделать по 50% ?
В коде ССц или шаблоне профиля ?

В шаблоне profile_view_body, вот тут:

Код:

<tr id="field_id{profile_field.ID}">
<td width="60%" align="right" valign="top" nowrap="nowrap"><span class="gen">{profile_field.LABEL}  </span></td>
<td width="40%" width="100%"><b><span class="gen">{profile_field.CONTENT}</span></b></td>

вместо 60% и 40% поставить 50% и 50%.

Dana Domirani пишет:В шаблоне profile_view_body, вот тут:

Код:

<tr id="field_id{profile_field.ID}">
<td width="60%" align="right" valign="top" nowrap="nowrap"><span class="gen">{profile_field.LABEL}  </span></td>
<td width="40%" width="100%"><b><span class="gen">{profile_field.CONTENT}</span></b></td>

вместо 60% и 40% поставить 50% и 50%.

Спасибо большое Дана
Теперь вроде выглядит лучше
Темку можно закрывать