Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Как поменять вид нумерации страниц тем?автор Goodmonday Апрель 18th 2024, 21:04
» Форум не корректно загружается.
автор anna4842 Апрель 12th 2024, 23:48
» Не корректное отображение картинок
автор Красноперова О.А. Апрель 12th 2024, 15:49
» Ошибка на форуме: Could not obtain topic posts informations
автор fatalone Апрель 9th 2024, 13:43
» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Март 28th 2024, 12:13
» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31
» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43
» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37
» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26
» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28
Как красиво оформить рамку в профиле ?
Участников: 3
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Разные проблемы :: [Архив] Разные проблемы
Страница 1 из 1
Как красиво оформить рамку в профиле ?
Доброго времени суток
У меня появились 3 вопросика, насчёт рамки в профиле, которые сейчас задам
№1 - Мне бы хотелось сделать фон картинкой внутри рамки
№2 - Также хочу закруглить углы рамки
№3 - И самое важное, мне бы хотелось опустить этот блок чуть ниже, например на 30 пикселей
Пожалуйста уважаемые специалисты помогите с решением этих трёх вопросов
Заранее огромное спасибо, всем кто окажет помощь
У меня появились 3 вопросика, насчёт рамки в профиле, которые сейчас задам
№1 - Мне бы хотелось сделать фон картинкой внутри рамки
№2 - Также хочу закруглить углы рамки
№3 - И самое важное, мне бы хотелось опустить этот блок чуть ниже, например на 30 пикселей
Пожалуйста уважаемые специалисты помогите с решением этих трёх вопросов
Заранее огромное спасибо, всем кто окажет помощь
Сказочник Зазеркалья-
-
Сообщения : 3710
Возраст : 32
Регистрация : 2012-11-16
Благодарности : 733
Re: Как красиво оформить рамку в профиле ?
В шаблоне profile_view_body
найдите фрагменты и добавьте в указанные места соответствующие теги:
А в CSS добавьте:
найдите фрагменты и добавьте в указанные места соответствующие теги:
<!-- 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 |
Re: Как красиво оформить рамку в профиле ?
А можно ещё сузить рамку(картинку) по бокам ?Dana Domirani пишет:В шаблоне profile_view_body
найдите фрагменты и добавьте в указанные места соответствующие теги
Сказочник Зазеркалья-
-
Сообщения : 3710
Возраст : 32
Регистрация : 2012-11-16
Благодарности : 733
Re: Как красиво оформить рамку в профиле ?
Тогда проще зафиксировать ширину самого блока. Допишите:
.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;
}
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Как красиво оформить рамку в профиле ?
Dana Domirani пишет:Тогда проще зафиксировать ширину самого блока. Допишите:
Всё вроде хорошо, но можно ещё как то сверху поднять картинку ?
И я не могу сделать рамку и чтобы она была закруглённая
Чтобы рамка была вокруг этого чёрного фона
Сказочник Зазеркалья-
-
Сообщения : 3710
Возраст : 32
Регистрация : 2012-11-16
Благодарности : 733
Re: Как красиво оформить рамку в профиле ?
border-radius: 5px; — это закругление
margin: 30px auto 10px; — это отступы блока сверху | по сторонам | снизу
А из чего Вы делаете рамку? Border или еще что-то?
margin: 30px auto 10px; — это отступы блока сверху | по сторонам | снизу
А из чего Вы делаете рамку? Border или еще что-то?
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Как красиво оформить рамку в профиле ?
.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;
}
Сказочник Зазеркалья-
-
Сообщения : 3710
Возраст : 32
Регистрация : 2012-11-16
Благодарности : 733
Re: Как красиво оформить рамку в профиле ?
А зачем на таблицу рамку, если можно на .profff ?
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Как красиво оформить рамку в профиле ?
Просто немного запуталась с этими кодами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 пикселей вниз х)
Сказочник Зазеркалья-
-
Сообщения : 3710
Возраст : 32
Регистрация : 2012-11-16
Благодарности : 733
Re: Как красиво оформить рамку в профиле ?
У Вас фон .profff задан картинкой с ограниченными размерами:
320*380
Залейте его фоновым цветом, а потом поверх кладите изображение:
320*380
Залейте его фоновым цветом, а потом поверх кладите изображение:
background: #000 url(https://i.servimg.com/u/f70/17/66/77/30/dnnnnn12.jpg) center right no-repeat;
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Как красиво оформить рамку в профиле ?
Dana Domirani пишет:У Вас фон .profff задан картинкой с ограниченными размерами:
320*380
Залейте его фоновым цветом, а потом поверх кладите изображение:
Поставила большое изображение
https://i.servimg.com/u/f70/17/66/77/30/dzdddn11.jpg
Сказочник Зазеркалья-
-
Сообщения : 3710
Возраст : 32
Регистрация : 2012-11-16
Благодарности : 733
Re: Как красиво оформить рамку в профиле ?
Кардинал Мишель Картер
Как у тебя получились зелененькие названия?
Как у тебя получились зелененькие названия?
Re: Как красиво оформить рамку в профиле ?
sirina пишет:Кардинал Мишель Картер
Как у тебя получились зелененькие названия?
Это легко
ПА - Пользователи и Группы - Пользователи - Профили.
В настройках каждого поля, смени цвет, на вот такой:
- Код:
#29FFC2
Сказочник Зазеркалья-
-
Сообщения : 3710
Возраст : 32
Регистрация : 2012-11-16
Благодарности : 733
Re: Как красиво оформить рамку в профиле ?
Пожалуйста помогите сделать чтобы информация об пользователях была по середине этого блока, то есть блок сам уже стоит по середине, но мне нужно чтобы ещё и внутри блока инфа была по середине
Сказочник Зазеркалья-
-
Сообщения : 3710
Возраст : 32
Регистрация : 2012-11-16
Благодарности : 733
Re: Как красиво оформить рамку в профиле ?
Там внутри две ячейки, разные по ширине. Если их сделать по 50% — думаю, содержимое получится как раз по центру.
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Как красиво оформить рамку в профиле ?
А где это нужно сделать по 50% ?Dana Domirani пишет:Там внутри две ячейки, разные по ширине. Если их сделать по 50% — думаю, содержимое получится как раз по центру.
В коде ССц или шаблоне профиля ?
Сказочник Зазеркалья-
-
Сообщения : 3710
Возраст : 32
Регистрация : 2012-11-16
Благодарности : 733
Re: Как красиво оформить рамку в профиле ?
В шаблоне 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>
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Как красиво оформить рамку в профиле ?
Спасибо большое ДанаDana Domirani пишет:В шаблоне profile_view_body, вот тут:вместо 60% и 40% поставить 50% и 50%.
- Код:
<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>
Теперь вроде выглядит лучше
Темку можно закрывать
Сказочник Зазеркалья-
-
Сообщения : 3710
Возраст : 32
Регистрация : 2012-11-16
Благодарности : 733
Похожие темы
» Как красиво подпесать название форума?
» Возможно ли в профиле сделать для аватары рамку ?
» что то не очень красиво
» Как можно красиво разделить сообщения?
» Почему рамка выглядит так не красиво?
» Возможно ли в профиле сделать для аватары рамку ?
» что то не очень красиво
» Как можно красиво разделить сообщения?
» Почему рамка выглядит так не красиво?
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Разные проблемы :: [Архив] Разные проблемы
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения