- Destek istenen forum
- https://www.sahakeproject.com
Arkadaşlar zenx temasını kullanıyorum ve bu temada sol üst tarafta logo yerine yazı var
Bunu nasıl logo yapabilirim şablonlarda zenx headerstyle.less dosyasının kodlarını bırakıyorum aşağıya.O yazı yerine nasıl logo koyabiliriz?
Bunu nasıl logo yapabilirim şablonlarda zenx headerstyle.less dosyasının kodlarını bırakıyorum aşağıya.O yazı yerine nasıl logo koyabiliriz?
Kod:
// Header Style
#ZenXheader { transition: all 0.3s } &.scrollUp { transform: translateY(-80px) }
/*! Metin Logo Css*/
.p-header-logo .MetinLogo img{height:50px;float:left;opacity:0.7}@media (max-width:480px){.p-header-logo .MetinLogo img{display:none}}.p-header-logo .MetinLogo .MetinLogo-ikon{font-size:50px;color:#f2930d}@media (max-width:480px){.p-header-logo .MetinLogo .MetinLogo-ikon{display:none}}@media (min-width:480px){.p-header-logo .MetinLogo .MetinLogo--icerik{float:right;margin-left:10px}}@media (max-width:480px){.p-header-logo .MetinLogo .MetinLogo--icerik{display:inline-block;float:none;margin-left:0px}}
.p-header-logo .MetinLogo--Metin{line-height:1;font-family:'exoblack',cursive; font-style:Italic;margin-left:4px;text-shadow:rgba(0,0,0,0.3) 0px 2px 0px, rgba(0,0,0,0.15) 0px 0px 3px;@media (max-width:650px){ font-size:30px; font-weight:400;}font-size:30px;color:#b6cee7;font-weight:400;
width:100%;
}
.p-header-logo .MetinLogo--Metin:hover{
-webkit-animation-name: blu-logo; animation-name: blu-logo; -webkit-animation-duration: .35s; animation-duration: .35s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes blu-logo { 50% { -webkit-transform: scale(0.85); transform: scale(0.85); } } @keyframes blu-logo { 50% { -webkit-transform: scale(0.85); transform: scale(0.85); } }
.p-header-logo .MetinLogo .MetinLogo--icerik .MetinLogo--Slogan{margin-top:1px;font-family:'exomedium';font-size:15px;color:#b6cee7;line-height:20px}@media (max-width:480px){.p-header-logo .MetinLogo .MetinLogo--icerik .MetinLogo--Slogan{display:none}}
@media (max-width:650px){.has-js .p-header{display:block}.has-js .p-nav-smallLogo{display:none}}
.p-staffBar .p-nav-opposite{float:right;}
.p-nav-list .p-navEl-link.p-navEl-link--splitMenu{padding-right:5px !important}
.p-nav-inner {
color: aliceblue;
background:@xf-pageBg;}