• Страница 1 из 1
  • 1
Форум » Архив » Архив » Персональная страница пользователя
Персональная страница пользователя
Администратор7118 21.06.2018 в 16:01 1
Подскажите как наложить всё что ниже (начиная с аватара) на обложку?
ссылка на профиль

прикрепленный файл
4689485.jpg(281.7 Kb)
waak 22.06.2018 в 12:05 2
Здравствуйте! если просто сделать по верх обложки аватар то так

Код
.sc-avatar {position: relative;}

Если нужно поместить весь блок с информацией то нужно добавить новый блок в который поместить всю информацию которую нужно выводить по вер обложки и задать ему позицию и место расположения

К примеру возьмем блок с классом .nevblock которым мы обвели нужную нам инфу и зададим ему стили

Первый вариант

Мы просто подымим весь блок вверх указав отрицательным margin-top: -150px;

Код
.nevblock {position: relative;z-index: 10;margin-top: -150px;/* На сколько поднять блок вверх}

Второй вариант

Мы зададим ему позицию absolute и разместим его по верх обложки

Код
.nevblock {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    width: 200px;
    z-index: 100;
}

Какой вариант вам больше нравится тот и используйте
Буду благодарен за любую финансовую поддержку!
Яндекс 41001566705372 Вебмани R234675901433 Киви 79094024545

Изготовление сайтов в системе uCoz. Изменение и доработка уже готовых сайтов. Установка шаблонов. Настройка сайтов.
Форум » Архив » Архив » Персональная страница пользователя
  • Страница 1 из 1
  • 1
Поиск:
форма для входа