Neler yeni

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

  • Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
    Daha fazla bilgi!

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

Bayram Şenakar

xFanatik
Kullanıcı
Katılım
27 Tem 2018
Mesajlar
265
Çözümler
1
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;
7113

Mobilde de masaüstünde de durum aynı.
Bu sorunu nasıl çözebilirim?
 
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.
 
extra.less dosyasındaki bu panel ile ilgili kodlar;
Kod:
//Ü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?
 

Tema özelleştirme sistemi

Bu menüden forum temasının bazı alanlarını kendinize özel olarak düzenleye bilirsiniz.

Zevkine göre renk kombinasyonunu belirle

Gece/Gündüz modunu seç

Gece ve gündüz modlarından tarzınıza yada ihtiyaçlarınıza uygun olanı seçerek kullana bilirsiniz.

Tam ekran yada dar ekran

Temanızın gövde büyüklüğünü sevkiniz, ihtiyacınıza göre dar yada geniş olarak kulana bilirsiniz.

Izgara yada normal mod

Temanızda forum listeleme yapısını ızgara yapısında yada normal yapıda listemek için kullanabilirsiniz.

Forum arkaplan resimleri

Forum arkaplanlarına eklenmiş olan resimlerinin kontrolü senin elinde, resimleri aç/kapat

Sidebar blogunu kapat/aç

Forumun kalabalığında kurtulmak için sidebar (kenar çubuğunu) açıp/kapatarak gereksiz kalabalıklardan kurtula bilirsiniz.

Yapışkan sidebar kapat/aç

Yapışkan sidebar ile sidebar alanını daha hızlı ve verimli kullanabilirsiniz.

Radius aç/kapat

Blok köşelerinde bulunan kıvrımları kapat/aç bu şekilde tarzını yansıt.

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.