css ile buton düzenleme

hocam sizin sitenizde olduğu gibi giriş yap kayıt ol linklerine css düzenleme yapmak istiyorum bana yardımcı olurmusunuz

https://www.bestcssbuttongenerator.com/
https://cssbuttoncreator.com/
https://css3buttongenerator.com/
https://cssbuttongenerator.com/

bu sitelerden kendinize uygun buttonları basitçe oluşturabilirsiniz

Hocam oluşturdum sonra linklere bu kodu nasıl ekleyeceğim hangi linklere hangisi gelecek hocam

örnek olarak

Kod Seç Genişlet

<a href="#" class="classname">CSS</a>burdaki class="classname" kendi linkinize ekleyin farklı isimler kullanabilirsiniz
örnek class="benimbutton" gibi
sonra aldığınız css kodunu

Kod Seç Genişlet

.benimbutton{
background-color:#44c767;
-webkit-border-top-left-radius:28px;
-moz-border-radius-topleft:28px;
border-top-left-radius:28px;
-webkit-border-top-right-radius:28px;
-moz-border-radius-topright:28px;
border-top-right-radius:28px;
-webkit-border-bottom-right-radius:28px;
-moz-border-radius-bottomright:28px;
border-bottom-right-radius:28px;
-webkit-border-bottom-left-radius:28px;
-moz-border-radius-bottomleft:28px;
border-bottom-left-radius:28px;
text-indent:0;
border:1px solid #18ab29;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:15px;
font-weight:bold;
font-style:normal;
height:50px;
line-height:50px;
width:140px;
text-decoration:none;
text-align:center;
text-shadow:1px 1px 0px #2f6627;
}.benimbutton:hover {
background-color:#5cbf2a;
}.benimbutton:active {
position:relative;
top:1px;
}kendi linkinizde atadığınız class ismine göre düzeltin index. css de en alta yapıştırın bu kadar

Hocam sizin sitenizdeki gibi giriş yap kayıt ol kısımlarını ikiye ayıramadım. ben bu kodları eklediğim zaman giriş yap kayıt ol kısmı tek buton olarak gözüküyor. bu ikisini nasıl ayıracağım. defult tema kullanıyorum hocam

top section kısmını editlemişsiniz sanırım

default temada index.tempalte.php de bulun

Kod Seç Genişlet

elseif (empty($maintenance))
echo '
<ul class="floatleft welcome">
<li>', sprintf($txt[$context['can_register'] ? 'welcome_guest_register' : 'welcome_guest'], $txt['guest_title'], $context['forum_name_html_safe'], $scripturl . '?action=login', 'return reqOverlayDiv(this.href, ' . JavaScriptEscape($txt['login']) . ');', $scripturl . '?action=signup'), '</li>
</ul>';değiştirin

Kod Seç Genişlet

elseif (empty($maintenance))
echo '
<ul class="floatleft welcome">
<li>
<a class="indirbtn yesil" href="' . $scripturl . '?action=login" onclick="return reqOverlayDiv(this.href, ' . JavaScriptEscape($txt['login']) . ');"><i class="main_icons login"></i> '.$txt['login'].'</a>
<a class="indirbtn kavun" href="' . $scripturl . '?action=signup"><i class="main_icons signup"></i> '.$txt['register'].'</a>
</li>
</ul>';index.css dosyasında en sona ekleyin

Kod Seç Genişlet

.indirbtn,.indirbtn:visited {
 border-radius:4px;
 display:inline-block;
 cursor:pointer;
 color:#fff;
 font-family:Arial;
font-size: 14px;
font-weight: bold;
padding: 4px 10px;
text-decoration: none;
text-shadow: 0 1px 0 #86ae47;
margin: 0px;
}
.yesil {
 border:1px solid #83c41a;
 box-shadow:0 10px 14px -7px #3e7327;
 background:linear-gradient(to bottom,#b8e356 5%,#a5cc52 100%);
 background-color:#b8e356
}
.yesil:hover {
 background:linear-gradient(to bottom,#a5cc52 5%,#b8e356 100%);
 background-color:#a5cc52;
 text-decoration:none;
 color:#fff
}
.kavun {
 border:1px solid #8c530a;
 box-shadow:0 10px 14px -7px #90724b;
 background:linear-gradient(to bottom,#ffc477 5%,#fb9e25 100%);
 background-color:#ffc477
}
.kavun:hover {
 background:linear-gradient(to bottom,#fb9e25 5%,#ffc477 100%);
 background-color:#fb9e25;
 text-decoration:none;
 color:#fff
}

Eyvallah hocam çok sağolun. Sayenizde çözüldü