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

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

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

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

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

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

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

Я админ, не могу зайти!
(забыл / потерял пароль)


Общий FAQ по управлению форумом

FAQ: реклама на форуме

Туториалы по разным функциям ваших форумов

Алфавитный указатель

Интересные решения для форумов

Наши видео-туториалы

Условия пользования сервисом

Ссылки на полезные ресурсы

RSS-каналы


Yahoo! 
MSN 
AOL 
Netvibes 
Bloglines 


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

Перейти вниз

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

Сообщение автор Сказочник Зазеркалья в Февраль 17th 2013, 20:10

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

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

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

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

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

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

Мужчина

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

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

http://stihi.ru/autor/milanwake

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

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

Сообщение автор Dana Domirani в Февраль 17th 2013, 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;
}


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

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


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


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


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

Женщина

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

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

http://poltergeist-legacy.com/

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

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

Сообщение автор Сказочник Зазеркалья в Февраль 17th 2013, 21:32

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

Мужчина

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

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

http://stihi.ru/autor/milanwake

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

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

Сообщение автор Dana Domirani в Февраль 17th 2013, 22:17

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

}


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

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


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


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


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

Женщина

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

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

http://poltergeist-legacy.com/

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

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

Сообщение автор Сказочник Зазеркалья в Февраль 17th 2013, 23:44

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

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

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

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

Мужчина

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

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

http://stihi.ru/autor/milanwake

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

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

Сообщение автор Dana Domirani в Февраль 17th 2013, 23:56

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

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


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

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


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


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


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

Женщина

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

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

http://poltergeist-legacy.com/

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

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

Сообщение автор Сказочник Зазеркалья в Февраль 18th 2013, 00:13

.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;
}

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

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

39


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

Мужчина

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

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

http://stihi.ru/autor/milanwake

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

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

Сообщение автор Dana Domirani в Февраль 18th 2013, 11:13

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


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

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


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


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


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

Женщина

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

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

http://poltergeist-legacy.com/

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

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

Сообщение автор Сказочник Зазеркалья в Февраль 18th 2013, 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; 
}

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

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

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

Мужчина

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

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

http://stihi.ru/autor/milanwake

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

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

Сообщение автор Dana Domirani в Февраль 18th 2013, 11:42

У Вас фон .profff задан картинкой с ограниченными размерами:
Как красиво оформить рамку в профиле ? Dnnnnn12
320*380

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


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

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


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


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


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

Женщина

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

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

http://poltergeist-legacy.com/

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

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

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

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

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

Мужчина

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

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

http://stihi.ru/autor/milanwake

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

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

Сообщение автор sirina в Февраль 18th 2013, 16:35

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

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

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

Женщина

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

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

http://povaryata.forum2x2.ru/

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

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

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

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

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

Это легко girl_yes

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

Мужчина

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

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

http://stihi.ru/autor/milanwake

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

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

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

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

Мужчина

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

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

http://stihi.ru/autor/milanwake

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

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

Сообщение автор Dana Domirani в Февраль 18th 2013, 23:50

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


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

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


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


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


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

Женщина

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

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

http://poltergeist-legacy.com/

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

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

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

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

Мужчина

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

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

http://stihi.ru/autor/milanwake

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

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

Сообщение автор Dana Domirani в Февраль 19th 2013, 00: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%.


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

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


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


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


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

Женщина

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

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

http://poltergeist-legacy.com/

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

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

Сообщение автор Сказочник Зазеркалья в Февраль 19th 2013, 00: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
Сказочник Зазеркалья
Сказочник Зазеркалья
Дизайнер
Дизайнер

Мужчина

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

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

http://stihi.ru/autor/milanwake

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

Вернуться к началу


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