NIKITA-703 Comments - Answer Overflow

NIKITA-703

Posts Comments

KPCKevin Powell - Community

•Created by NIKITA-703 on 5/30/2024 in #front-end

Help me position the object.

Okay, thanks for taking the time ❤, I'm starting to fall asleep tired today. I'll try to finish this

37 replies

KPCKevin Powell - Community

•Created by NIKITA-703 on 5/30/2024 in #front-end

Help me position the object.

I did as you said. Now do I need to position the profile form to the left?

37 replies

KPCKevin Powell - Community

•Created by NIKITA-703 on 5/30/2024 in #front-end

Help me position the object.

main .background {
    background: transparent; /* Убираем фоновое изображение */
    height: calc(100vh - 60px); /* Высота за вычетом хедера */
    width: 100%;
}

main .blur {
    background: rgba(10, 10, 10, 0.1); 
    backdrop-filter: blur(6px); 
    height: calc(100vh - 60px); /* Высота за вычетом хедера */
    width: 100%;
}

main .background {
    background: transparent; /* Убираем фоновое изображение */
    height: calc(100vh - 60px); /* Высота за вычетом хедера */
    width: 100%;
}

main .blur {
    background: rgba(10, 10, 10, 0.1); 
    backdrop-filter: blur(6px); 
    height: calc(100vh - 60px); /* Высота за вычетом хедера */
    width: 100%;
}

37 replies

KPCKevin Powell - Community

•Created by NIKITA-703 on 5/30/2024 in #front-end

Help me position the object.

37 replies

KPCKevin Powell - Community

•Created by NIKITA-703 on 5/30/2024 in #front-end

Help me position the object.

You're right

37 replies

KPCKevin Powell - Community

•Created by NIKITA-703 on 5/30/2024 in #front-end

Help me position the object.

Now I need to figure out how to use grid

37 replies

KPCKevin Powell - Community

•Created by NIKITA-703 on 5/30/2024 in #front-end

Help me position the object.

Okay, I will keep that in mind. As I understand, I need to use grid to more accurately position the object.

37 replies

KPCKevin Powell - Community

•Created by NIKITA-703 on 5/30/2024 in #front-end

Help me position the object.

I was just looking at what it looked like.

37 replies

KPCKevin Powell - Community

•Created by NIKITA-703 on 5/30/2024 in #front-end

Help me position the object.

college

37 replies

KPCKevin Powell - Community

•Created by NIKITA-703 on 5/30/2024 in #front-end

Help me position the object.

The thing is, I am writing a diploma using Django

37 replies

KPCKevin Powell - Community

•Created by NIKITA-703 on 5/30/2024 in #front-end

Help me position the object.

learning

37 replies

KPCKevin Powell - Community

•Created by NIKITA-703 on 5/30/2024 in #front-end

Help me position the object.

37 replies

KPCKevin Powell - Community

•Created by NIKITA-703 on 5/30/2024 in #front-end

Help me position the object.

37 replies

KPCKevin Powell - Community

•Created by NIKITA-703 on 5/30/2024 in #front-end

Help me position the object.

I tried using margin-left and it worked, but when I checked the result on another monitor (full HD), the elements were in different positions. I haven't tried using display: grid yet because I don't fully understand how to use it.

37 replies

KPCKevin Powell - Community

•Created by NIKITA-703 on 5/30/2024 in #front-end

Help me position the object.

https://github.com/NIKITA-703/contorl_project/blob/feature/website/users/templates/users/profile.html

37 replies

KPCKevin Powell - Community

•Created by NIKITA-703 on 5/30/2024 in #front-end

Help me position the object.

<label for="id_first_name" class="form-label">Имя</label>
            <input type="text" class="form-control" placeholder="Имя"
                   id="id_first_name"
                   name="first_name"
                   value="{{ form.first_name.value }}">            

            <label for="id_last_name" class="form-label">Фамилия</label>
            <input type="text" class="form-control" placeholder="Фамилия"
                   id="id_last_name"
                   name="last_name"
                   value="{{ form.last_name.value }}">            

            <label for="id_email" class="form-label">Email</label>
            <input type="email" class="form-control" placeholder="Email"
                   id="id_email"
                   name="email"
                   value="{{ form.email.value }}"
            >
           
            <button class="btn btn-success" type="submit">Сохранить</button>
        </form>
    </div>
</div>
{% endblock %}

<label for="id_first_name" class="form-label">Имя</label>
            <input type="text" class="form-control" placeholder="Имя"
                   id="id_first_name"
                   name="first_name"
                   value="{{ form.first_name.value }}">            

            <label for="id_last_name" class="form-label">Фамилия</label>
            <input type="text" class="form-control" placeholder="Фамилия"
                   id="id_last_name"
                   name="last_name"
                   value="{{ form.last_name.value }}">            

            <label for="id_email" class="form-label">Email</label>
            <input type="email" class="form-control" placeholder="Email"
                   id="id_email"
                   name="email"
                   value="{{ form.email.value }}"
            >
           
            <button class="btn btn-success" type="submit">Сохранить</button>
        </form>
    </div>
</div>
{% endblock %}

37 replies

KPCKevin Powell - Community

•Created by NIKITA-703 on 5/30/2024 in #front-end

Help me position the object.

<!-- profile.html -->
{% extends 'main/layout.html' %}
{% load static %}

{% block title %}Профиль{% endblock %}

{% block content %}
<div class="profile-container">
    <div class="profile-header">
        <h1>Профиль</h1>
    </div>
    <div class="profile-info">

    </div>
    <div class="profile-edit">
        <form action="{% url 'users:profile' %}" method="post" enctype="multipart/form-data">
            {% csrf_token %}

            {% if user.image %}
                <img src="{{ user.image.url }}" alt="User Photo" class="profile-photo">
            {% else %}
                <img src="{% static 'users/img/profile.png' %}" alt="User Photo" style="max-width: 150px;" class="profile-photo">
             {% endif %}

            <h2>{{ form.username.value }}</h2>
            <p>{{ form.last_name.value }}</p>
            <p>{{ form.email.value }}</p>

            <input type="file" class="form-control" placeholder="Загрузить фото" id="id_image" name="image" accept="image/*">            
            <label for="id_username" class="form-label">Имя пользователя</label>
            <input type="text" class="form-control" placeholder="Имя пользователя"
                   id="id_username"
                   name="username"
                   value="{{ form.username.value }}">

<!-- profile.html -->
{% extends 'main/layout.html' %}
{% load static %}

{% block title %}Профиль{% endblock %}

{% block content %}
<div class="profile-container">
    <div class="profile-header">
        <h1>Профиль</h1>
    </div>
    <div class="profile-info">

    </div>
    <div class="profile-edit">
        <form action="{% url 'users:profile' %}" method="post" enctype="multipart/form-data">
            {% csrf_token %}

            {% if user.image %}
                <img src="{{ user.image.url }}" alt="User Photo" class="profile-photo">
            {% else %}
                <img src="{% static 'users/img/profile.png' %}" alt="User Photo" style="max-width: 150px;" class="profile-photo">
             {% endif %}

            <h2>{{ form.username.value }}</h2>
            <p>{{ form.last_name.value }}</p>
            <p>{{ form.email.value }}</p>

            <input type="file" class="form-control" placeholder="Загрузить фото" id="id_image" name="image" accept="image/*">            
            <label for="id_username" class="form-label">Имя пользователя</label>
            <input type="text" class="form-control" placeholder="Имя пользователя"
                   id="id_username"
                   name="username"
                   value="{{ form.username.value }}">

37 replies

Gaming

Programming