17 Oca 2021 03:01 Yeni Konu Oluştur

Haberler:

Sitemiz Smf 2.1 ve Smf 2.0 sürümleri için Destek ve Tema paylaşım forumudur


css ile buton düzenleme

Başlatan memurhocam, 07 Oca 2021 20:32

« önceki - sonraki »

0 Üye ve 2 Ziyaretçi konuyu incelemekte.

*

  1. 43

  2. 15

  3. 3

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

*

  1. 2,987

  2. 579

  3. 862

*

  1. 43

  2. 15

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

*

  1. 2,987

  2. 579

  3. 862

örnek olarak

<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
.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

*

  1. 43

  2. 15

  3. 3
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

*

  1. 2,987

  2. 579

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

default temada index.tempalte.php de bulun
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
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
.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
}

*

  1. 43

  2. 15

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


MENU ×