Nasıl yapılır ? Forum Açıldığında Üstten Açılması

[Bayram Şenakar]

Merhaba,
Forumumdaki Üye Paneli (Giriş Paneli) yüzünden hiç siteye girmemiş biri siteye girince Footer'da açıyor.
İlk açan kullanıcı siteyi şöyle görüyor;


Mobilde de masaüstünde de durum aynı.
Bu sorunu nasıl çözebilirim?

 

[Mbtt]

less dosyalarıyla oynarken bir yazım yanlışı yapmış olmalısınız hocam genellikle less dosyalarında satır sonunda ' ; ' (noktalı virgül) unutulduğu için meydana geliyor.

 

[Bayram Şenakar]

extra.less dosyasındaki bu panel ile ilgili kodlar;

//Üye Paneli
.visitor-panel-Govde {
    color:#000;
    
    .visitor-panel--Ortala {
        text-align: center;
    }
.visitor-panel-fa-icon {
        background-color: @xf-buttonDefault--background-color;
        color: @xf-buttonDefault--color;
        font-size: 90px;
        width: 100px;
        height: 100px;
        margin: 0px auto 10px auto;
        line-height: 90px;
        border-radius: 5px;
    }
.visitor-panel-altGrup--giris {
        color: #fff;
        padding: 5px;
.visitor-panel-altGrup-sag {
            color:#000;
            text-align: center;
        }
.visitor-panel-altGrup-sol {
            color: #000;
            float: left;
            width: 50%;
            padding-top: 4px;
            padding-left: 10px;
        }
    }
.visitor-panel-altGrup--yonlendir {
.visitor-panel-parola--unutulmus {
            background-color: @xf-buttonCta--background-color;
            text-align: center;
            padding: 5px;

            >a {
                color: @xf-buttonCta--color;
            }
        }
.visitor-panel-kayıt--buton {
            color:#000;
.button {
                color: #fff;
                width: 100%;
                border-top-left-radius: 0px;
                border-top-right-radius: 0px;
            }
         }
    }
.visitor-panel-Blok {
        color:#000;
        padding:10px;
.visitor-panel--metin {
            color:#000;
        }
.input {
            margin-bottom:5px;
            text-align: center;
        }

        input[type="text"]:focus {
            border: 1px solid #5fbae9;
            box-shadow: 0px 0px 5px #5fbae9;
        }
        
        input[type="password"]:focus {
            border: 1px solid #5fbae9;
            box-shadow: 0px 0px 5px #5fbae9;
        }     
    }
}
.visitor-panel-new {
    background: @xf-contentBg;
    position: relative;
    padding: 0;
    margin-bottom: 20px;
    .visitor {
        text-align: center;
        .vpn-header {
            width: 100%;
            height: 100px;
            background: @xf-paletteColor4;   
        }
        .avatar {
            width: 150px;
            height: 150px;
            margin-top: -90px;
            border: 8px solid @xf-contentBg;
            border-radius: 50%;
            font-size: 100px;
            line-height: 1.35;
        }
        div {
            &:nth-of-type(1) {
                margin-bottom: 10px;
            }
        }
        .button-prem {
            font-size: .8em;
            font-weight: 500;
            text-transform: uppercase;
            padding: 10px 0;
            margin: 10px 20px 0;
            border: 2px solid @xf-paletteColor4;
            &:hover {
                border-color: @xf-textColorAttention;
                transition: .3s ease-out;
                span {
                    &:nth-of-type(1) {
                        font-size: 0;
                        opacity: 0;
                        transition: .3s ease-out;
                    }
                    &:nth-of-type(2) {
                        font-size: inherit;
                        opacity: 1;
                        transition: .3s ease-out;
                    }
                }
            }
            a {
                &:hover {
                    text-decoration: none;
                    color: @xf-textColorAttention;
                }
            }
            span {
                &:nth-of-type(2) {
                    font-size: 0;
                    opacity: 0;
                    transition: .3s ease-out;
                }
                &:nth-of-type(1) {
                    font-size: inherit;
                    opacity: 1;
                    transition: .3s ease-out;
                }
            }
        }
    }
    .stats {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        background: @xf-paletteColor4;
        color: contrast(@xf-paletteColor4);
        margin-top: 10px;
        .column {
            flex-basis: calc(100% / 3);
            order: 1;
            font-size: .85em;
            text-align: center;
            padding: 5px;
            margin: 5px 0;
            border-left: 1px solid @xf-paletteColor5;
            &:nth-of-type(1) {
                border: none;
            }
            div {
                &:nth-of-type(2) {
                    font-size: 1.1em;
                    font-weight: 500;
                }
            }
        }
    }
}
.tabPanes.widget--tab .block-header {
    display: none;
}
.visitor-panel-new {
    background: @xf-contentBg;
    position: relative;
    padding: 0;
    margin-bottom: 20px;
    .visitor {
        text-align: center;
        .vpn-header {
            width: 100%;
            height: 100px;
            background: @xf-paletteColor4;   
        }
        .avatar {
            width: 150px;
            height: 150px;
            margin-top: -90px;
            border: 8px solid @xf-contentBg;
            border-radius: 50%;
            font-size: 100px;
            line-height: 1.35;
        }
        div {
            &:nth-of-type(1) {
                margin-bottom: 10px;
            }
        }
        .button-prem {
            font-size: .8em;
            font-weight: 500;
            text-transform: uppercase;
            padding: 10px 0;
            margin: 10px 20px 0;
            border: 2px solid @xf-paletteColor4;
            &:hover {
                border-color: @xf-textColorAttention;
                transition: .3s ease-out;
                span {
                    &:nth-of-type(1) {
                        font-size: 0;
                        opacity: 0;
                        transition: .3s ease-out;
                    }
                    &:nth-of-type(2) {
                        font-size: inherit;
                        opacity: 1;
                        transition: .3s ease-out;
                    }
                }
            }
            a {
                &:hover {
                    text-decoration: none;
                    color: @xf-textColorAttention;
                }
            }
            span {
                &:nth-of-type(2) {
                    font-size: 0;
                    opacity: 0;
                    transition: .3s ease-out;
                }
                &:nth-of-type(1) {
                    font-size: inherit;
                    opacity: 1;
                    transition: .3s ease-out;
                }
            }
        }
    }
    .stats {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        background: @xf-paletteColor4;
        color: contrast(@xf-paletteColor4);
        margin-top: 10px;
        .column {
            flex-basis: calc(100% / 3);
            order: 1;
            font-size: .85em;
            text-align: center;
            padding: 5px;
            margin: 5px 0;
            border-left: 1px solid @xf-paletteColor5;
            &:nth-of-type(1) {
                border: none;
            }
            div {
                &:nth-of-type(2) {
                    font-size: 1.1em;
                    font-weight: 500;
                }
            }
        }
    }
}

Bir sorun görebiliyor musunuz?

 

[Mbtt]

Bende şu an bir hata görünmüyor hocam. Özel bir temada mı değişiklik yapıyorsunuz? Bayram Şenakar,

 

[Ugur]

Ben bir sorun göremiyorum.

 

[Bayram Şenakar]

Ben başka bir cihazdan deneyip dönüş yapacağım size.