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!

Admin giriş paneli stil düzenleme

Çilekli Soda

xFanatik
Kullanıcı
Katılım
1 Eki 2018
Mesajlar
139
Çözümler
1
Merhaba,

admin ile ilgili bir şey araştırınca, admin paneli yolunu değiştirme sonuçları karşıma çıkıyor. still kodlarını düzenlemek istiyorum.
Örneğin üst sitede böyle Screenshot bir panel var, ama xenforoyu yeterince bilmiyorum. nasıl uyarlarım, hangi şablonlara bakmam gerekiyor?
 
yapıyı inceledim, app.less den alıyormuş stili.
Kod:
p-adminLogin
{
    min-height:100%;
    background:#185886;
    color:#bcdef5
}

.p-adminLogin a
{
    color:inherit;
    text-decoration:underline
}

.p-adminLogin .adminLogin-wrapper
{
    display:flex;
    padding:2vh 2vw;
    height:100vh;
    min-height:300px;
    max-width:100%;
    align-items:center;
    justify-content:center
}

.p-adminLogin .adminLogin-content
{
    width:100%;
    max-width:400px
}

.p-adminLogin .adminLogin-content.adminLogin-content--wide
{
    max-width:800px
}

.p-adminLogin .adminLogin-contentForm
{
    background:#164f79;
    border:1px solid #13476c;
    padding:20px 40px;
    border-radius:10px;
    color:#bcdef5;
    box-shadow:0 5px 20px 0 rgba(0,0,0,0.25)
}

.p-adminLogin .adminLogin-row
{
    margin:20px 0
}

.p-adminLogin .adminLogin-row>dt
{
    margin-bottom:5px;
    display:none
}

.p-adminLogin .adminLogin-row>dd
{
    margin:0;
    position:relative
}

.p-adminLogin .adminLogin-row>dd input
{
    border:none;
    padding:10px;
    padding-left:30px;
    background:#13476c;
    font-weight:700;
    font-size:16px;
    color:#edf6fd
}

.p-adminLogin .adminLogin-row>dd input::-webkit-input-placeholder
{
    color:rgba(188,222,245,0.6)
}

.p-adminLogin .adminLogin-row>dd input::-moz-placeholder
{
    color:rgba(188,222,245,0.6)
}

.p-adminLogin .adminLogin-row>dd input:-moz-placeholder
{
    color:rgba(188,222,245,0.6)
}

.p-adminLogin .adminLogin-row>dd input:-ms-input-placeholder
{
    color:rgba(188,222,245,0.6)
}

.p-adminLogin .adminLogin-row>dd input+.fa
{
    color:#bcdef5;
    font-size:16px;
    line-height:1.4;
    position:absolute;
    top:0;
    left:0;
    padding:10px;
    text-shadow:1px 1px 2px rgba(0,0,0,0.5)
}

.p-adminLogin .adminLogin-row>dd input:-webkit-autofill+.fa
{
    color:#000
}

.p-adminLogin .adminLogin-row--submit .button
{
    width:100%
}

.p-adminLogin .adminLogin-boardTitle
{
    text-align:center;
    font-size:12px;
    margin-top:5px;
    color:rgba(188,222,245,0.5)
}

.p-adminLogin .adminLogin-debug
{
    text-align:center;
    margin:2em auto 0;
    font-size:11px
}

.p-adminLogin .adminLogin-debug a
{
    color:inherit;
    text-decoration:none
}

.p-adminLogin .adminLogin-debug a:hover
{
    text-decoration:underline
}

.p-adminLogin .adminLogin-debug .pairs>dt
{
    color:inherit
}
..................
}

biraz uğraşınca daha okunaklı bir hale getirdim stil kodlarını. sonrasında saçma düşündüğümü fark ettim. burada class'ları değiştirmeden istediğim değişikliği yapabilirim ama, ben zaten bunu yok edip üzerine yenisini yazacağım. bu yüzden admin.php sayfasındaki yapıyı da değiştirmem gerekiyor. admin.php /src/XF.php ve XF\Admin\App dizinlerine yönlendirdi beni, biraz oraları da kurcaladım. ama nereden başlayacağımı bulamadım. div tagları nerede bulunuyor? bu durumda benim konuyu şöyle güncellemem daha doğru olur sanıyorum, zaten elimde bir stil var. bunu app.less'e yazmam yeterli olacaktır.. ama admin.php'nin div'lerini değiştirmem gerekecek. tecrübeli arkadaşlar bi el atarlarsa sevinirim.
 

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.