NightKing Eklenti değil hocam, css paneline buton özellştirme kodu girdim ve hoşgeldin afişinde butonu özelleştirilmiş class üzerinden çağırılmış kodu eklemeye çalışıyorum. Size eklediğim kodları veriyorum.
Bu kod css paneline eklediğim buton özelleştirmesi kodları ;
.Button--primary {
text-align: center;
text-decoration: none;
opacity: .8;
display: inline-block;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
position: relative;
overflow: hidden;
}
.Button--primary:before {
content: "";
background-color: rgba(255, 255, 255, 0.5);
color: #ce8483;
height: 100%;
width: 3em;
display: block;
position: absolute;
top: 0;
left: -7em;
-webkit-transform: skewX(-45deg) translateX(0);
transform: skewX(-45deg) translateX(0);
-webkit-transition: none;
transition: none;
}
.Button--primary:hover {
opacity: 1;
color: white;
}
.Button--primary:hover:before {
-webkit-transform: skewX(-45deg) translateX(33em);
transform: skewX(-45deg) translateX(33em);
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
Bu ise hoşgeldin afişinde görünmesi için buton işlemeli kodlar ;
<div style="text-align:center;margin-top:11px;">
<button style="background: #dd7128;margin-top:3px" id="welcomeButton" class="Button Button--primary" type="button" title="Site Kullanım Kılavuzu" onclick="window.location.href='https://domain.com/p/1-site-kullanim-kilavuzu'"><span class="Button-label">Site Kullanım Kılavuzu</span></button>
<button style="background: #dd7128;margin-top:3px" id="welcomeButton" class="Button Button--primary" type="button" title="Ne Nasıl Yapılır?" onclick="window.location.href='https://domain.com/p/2-site-nasil-kullanilir-bilgisayar-telefon'"><span class="Button-label">Ne Nasıl Yapılır?</span></button>
</div>
