GameCMS Баннер [cover] 0.0.1 BETA

[Abu3r]

Пробовать к Solution адаптировать..

Вот думаю позаниматься этим сегодня)
Только разобраться осталось почему шаб сьезжает)

 

[parliament]

@Павел Брашкин, Все вроде бы нормально.




Сюда делать - смысла нет. Картинка будет слишком маленькая.

 

[parliament]

@Павел Брашкин, Все вроде бы нормально.


Посмотреть вложение 6476

Сюда делать - смысла нет. Картинка будет слишком маленькая.

Посмотреть вложение 6477

 

[Abu3r]

я вот так сделал вообще

 

[Abu3r]

я вот так сделал вообще

Посмотреть вложение 6483

на разрешении телефона правда чуть чуть сьехала

 

[parliament]

 

[Tako]

Такое качество из-за отдаления

 

[parliament]

Посмотреть вложение 6486
Такое качество из-за отдаления

Ну cover, если. 100 и 100 выставить, то картинка узкая.

 

[parliament]

В общем, поставил модуль, все работает.
Картинка ставится, все хорошо.
Если бы функцию завести, чтобы можно было убрать этот cover. Например, удалить картинку.

 

[Abu3r]

@Павел Брашкин, Все вроде бы нормально.


Посмотреть вложение 6476

Сюда делать - смысла нет. Картинка будет слишком маленькая.

Посмотреть вложение 6477
не поделишься кодом пожалуйста где сверху баннер?)
а то чет сделала себе адаптацию так когда другие смотришь профили то не видно)

 

[parliament]

@Павел Брашкин, у других нет?
А какой код в style указан?

 

[Abu3r]

@Павел Брашкин, у других нет?
А какой код в style указан?

style="position: relative; height: 200px; background: url(../{cover}) no-repeat; background-size: cover; background-position: center; border-radius: 12px 12px 0 0;"

 

[Abu3r]

style="position: relative; height: 200px; background: url(../{cover}) no-repeat; background-size: cover; background-position: center; border-radius: 12px 12px 0 0;"

<style>
.prof_r {
    display: flex;
    flex-direction: column;
    position: absolute;
    margin-top: 83px;
    margin-left: -26px;
    justify-content: space-between;
    align-items: flex-end;
}
.flex_user_info {
    display: flex;
    position: absolute;
    font-weight: bold;
    flex-direction: column;
    line-height: 18px;
    margin-left: 89px;
    margin-top: 3px;
}
.prof_r_top {
    position: static;
    margin-left: 32px;
    display: flex;
    gap: 10px;
}
.block-profile-stats {
    display: flex;
    flex-wrap: nowrap;
    border-radius: 13px;
    transform: skewX(348deg);
    gap: 7px;
    justify-content: space-between;
    margin-bottom: 13px;
    align-items: center;
}
.info_user_profile {
    color: #87879d;
    position: absolute;
    margin-top: 42px;
    margin-left: 34px;
    font-weight: bold;
    transition: 0.2s;
    font-size: 11px;
    border-bottom: dashed 0px #87879dd6;
}
.left_profile {
    border-radius: 20px;
    padding: 20px;
    background-size: cover;
    display: flex;
    justify-content: space-between;
}
</style>

<style>
.prof_r {
    display: flex;
    flex-direction: column;
    position: absolute;
    margin-top: 83px;
    margin-left: -26px;
    justify-content: space-between;
    align-items: flex-end;
}
.flex_user_info {
    display: flex;
    position: absolute;
    font-weight: bold;
    flex-direction: column;
    line-height: 18px;
    margin-left: 89px;
    margin-top: 3px;
}
.prof_r_top {
    position: static;
    margin-left: 32px;
    display: flex;
    gap: 10px;
}
.block-profile-stats {
    display: flex;
    flex-wrap: nowrap;
    border-radius: 13px;
    transform: skewX(348deg);
    gap: 7px;
    justify-content: space-between;
    margin-bottom: 13px;
    align-items: center;
}
.info_user_profile {
    color: #87879d;
    position: absolute;
    margin-top: 42px;
    margin-left: 34px;
    font-weight: bold;
    transition: 0.2s;
    font-size: 11px;
    border-bottom: dashed 0px #87879dd6;
}
.left_profile {
    border-radius: 20px;
    padding: 20px;
    background-size: cover;
    display: flex;
    justify-content: space-between;
}
</style>

там прикол в чем
Видно баннер а вот аватарку и все остальное нет)

 

[parliament]

<style>
.prof_r {
    display: flex;
    flex-direction: column;
    position: absolute;
    margin-top: 83px;
    margin-left: -26px;
    justify-content: space-between;
    align-items: flex-end;
}
.flex_user_info {
    display: flex;
    position: absolute;
    font-weight: bold;
    flex-direction: column;
    line-height: 18px;
    margin-left: 89px;
    margin-top: 3px;
}
.prof_r_top {
    position: static;
    margin-left: 32px;
    display: flex;
    gap: 10px;
}
.block-profile-stats {
    display: flex;
    flex-wrap: nowrap;
    border-radius: 13px;
    transform: skewX(348deg);
    gap: 7px;
    justify-content: space-between;
    margin-bottom: 13px;
    align-items: center;
}
.info_user_profile {
    color: #87879d;
    position: absolute;
    margin-top: 42px;
    margin-left: 34px;
    font-weight: bold;
    transition: 0.2s;
    font-size: 11px;
    border-bottom: dashed 0px #87879dd6;
}
.left_profile {
    border-radius: 20px;
    padding: 20px;
    background-size: cover;
    display: flex;
    justify-content: space-between;
}
</style>

там прикол в чем
Видно баннер а вот аватарку и все остальное нет)

Хм, сейчас у себя проверю.
Я ничего не правил в шаблоне, только сам cover.

 

[Abu3r]

Хм, сейчас у себя проверю.
Я ничего не правил в шаблоне, только сам cover.

Вот про это говорю