Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

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

Предыдущая тема Следующая тема Перейти вниз

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

Сообщение автор Сказочник Зазеркалья в Вс 17 Фев - 20:10

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



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

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

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

Пожалуйста уважаемые специалисты помогите с решением этих трёх вопросов 28
Заранее огромное спасибо, всем кто окажет помощь rose
avatar
Сказочник Зазеркалья
Дизайнер
Дизайнер

Мужчина

Сообщения : 3533
Возраст : 26
Регистрация : 2012-11-16
Благодарности : 691

Без предупреждений

http://stihi.ru/autor/milanwake

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Вс 17 Фев - 21:14

В шаблоне 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;
}



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22474
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9061

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Сказочник Зазеркалья в Вс 17 Фев - 21:32

@Dana Domirani пишет:В шаблоне profile_view_body
найдите фрагменты и добавьте в указанные места соответствующие теги
А можно ещё сузить рамку(картинку) по бокам ? smile
avatar
Сказочник Зазеркалья
Дизайнер
Дизайнер

Мужчина

Сообщения : 3533
Возраст : 26
Регистрация : 2012-11-16
Благодарности : 691

Без предупреждений

http://stihi.ru/autor/milanwake

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Вс 17 Фев - 22:17

Тогда проще зафиксировать ширину самого блока. Допишите:
.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 auto 10px;
width: 400px;

}



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22474
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9061

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Сказочник Зазеркалья в Вс 17 Фев - 23:44

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

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



Чтобы рамка была вокруг этого чёрного фона sad
avatar
Сказочник Зазеркалья
Дизайнер
Дизайнер

Мужчина

Сообщения : 3533
Возраст : 26
Регистрация : 2012-11-16
Благодарности : 691

Без предупреждений

http://stihi.ru/autor/milanwake

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Вс 17 Фев - 23:56

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

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



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22474
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9061

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Сказочник Зазеркалья в Пн 18 Фев - 0:13

.profff {
background: #FFFFFF url(http://i70.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;
}

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

А рамочку делаю с помощью этого кода:
Код:
#profile_user_right table
{
  border: 2px solid #FF0000;
  width: auto;
  margin: auto;
  height: 370px;
  padding: 0px 5px 5px 0px;
}

39


avatar
Сказочник Зазеркалья
Дизайнер
Дизайнер

Мужчина

Сообщения : 3533
Возраст : 26
Регистрация : 2012-11-16
Благодарности : 691

Без предупреждений

http://stihi.ru/autor/milanwake

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Пн 18 Фев - 11:13

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



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22474
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9061

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Сказочник Зазеркалья в Пн 18 Фев - 11:38

@Dana Domirani пишет:А зачем на таблицу рамку, если можно на .profff ?
Просто немного запуталась с этими кодами biggrin
Поставила это в ССЦ:
Код:
/* Фон инфы в профиле */
.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 пикселей вниз х)
avatar
Сказочник Зазеркалья
Дизайнер
Дизайнер

Мужчина

Сообщения : 3533
Возраст : 26
Регистрация : 2012-11-16
Благодарности : 691

Без предупреждений

http://stihi.ru/autor/milanwake

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Пн 18 Фев - 11:42

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

320*380

Залейте его фоновым цветом, а потом поверх кладите изображение:
background: #000 url(http://i70.servimg.com/u/f70/17/66/77/30/dnnnnn12.jpg) center right no-repeat;



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22474
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9061

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Сказочник Зазеркалья в Пн 18 Фев - 11:52

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

Поставила большое изображение biggrin
http://i70.servimg.com/u/f70/17/66/77/30/dzdddn11.jpg
avatar
Сказочник Зазеркалья
Дизайнер
Дизайнер

Мужчина

Сообщения : 3533
Возраст : 26
Регистрация : 2012-11-16
Благодарности : 691

Без предупреждений

http://stihi.ru/autor/milanwake

Вернуться к началу Перейти вниз

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

Сообщение автор sirina в Пн 18 Фев - 16:35

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



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

Женщина

Сообщения : 164
Регистрация : 2011-07-24
Благодарности : 4

Без предупреждений

http://povaryata.forum2x2.ru/

Вернуться к началу Перейти вниз

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

Сообщение автор Сказочник Зазеркалья в Пн 18 Фев - 20:16

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

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

Это легко girl_yes

ПА - Пользователи и Группы - Пользователи - Профили.
В настройках каждого поля, смени цвет, на вот такой:
Код:
#29FFC2
Затем просто сохрани изменения и всё будет готово х)
avatar
Сказочник Зазеркалья
Дизайнер
Дизайнер

Мужчина

Сообщения : 3533
Возраст : 26
Регистрация : 2012-11-16
Благодарности : 691

Без предупреждений

http://stihi.ru/autor/milanwake

Вернуться к началу Перейти вниз

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

Сообщение автор Сказочник Зазеркалья в Пн 18 Фев - 23:18

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

Мужчина

Сообщения : 3533
Возраст : 26
Регистрация : 2012-11-16
Благодарности : 691

Без предупреждений

http://stihi.ru/autor/milanwake

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Пн 18 Фев - 23:50

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



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22474
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9061

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Сказочник Зазеркалья в Пн 18 Фев - 23:53

@Dana Domirani пишет:Там внутри две ячейки, разные по ширине. Если их сделать по 50% — думаю, содержимое получится как раз по центру.
А где это нужно сделать по 50% ? smile
В коде ССц или шаблоне профиля ? 31
avatar
Сказочник Зазеркалья
Дизайнер
Дизайнер

Мужчина

Сообщения : 3533
Возраст : 26
Регистрация : 2012-11-16
Благодарности : 691

Без предупреждений

http://stihi.ru/autor/milanwake

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Вт 19 Фев - 0:07

В шаблоне 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%.



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22474
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9061

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Сказочник Зазеркалья в Вт 19 Фев - 0:12

@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%.
Спасибо большое Дана rose rose rose
Теперь вроде выглядит лучше d_daisy
Темку можно закрывать 12
avatar
Сказочник Зазеркалья
Дизайнер
Дизайнер

Мужчина

Сообщения : 3533
Возраст : 26
Регистрация : 2012-11-16
Благодарности : 691

Без предупреждений

http://stihi.ru/autor/milanwake

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения