0
Kayıt Ol

Site logosunun hizasına buton ekleme

2

●

168

  • 14-09-2018, 14:04:12
    #1
    Furkian
    Furkian
    Merhabalar arkadaşlar;

    bir blog sahibiyim. Site logosunun hizasında sağ tarafına buton eklemek istiyorum. Sağ tık incele diyerek butonları ekledim ancak bu responsive oldu mu emin değilim. Bu işlemi nasıl yapabilirim? Butonların resimdeki gibi hizalanmasını ve responsive olmasını istiyorum. Yardımlarınız için teşekkür ederim.

    Butonların kodları vs her şey hazır. Sadece sağ üst köşeye yerleştirmek kaldı. Div oluşturdum padding ve margin denedim ama sol tarafta kaldı. Bu hale getirmek için nbsp kodunu kullandım.

  • 14-09-2018, 14:34:30
    #2
    AliFurkan
    AliFurkan
    CSS
    Alıntı
    @import url('https://fonts.googleapis.com/css?family=roboto:400,500');

    a.sagcek {
    float: Right;
    margin-right: 5px;
    font-size:13px;
    font-family: 'roboto', sans-serif;
    }

    a.sagcek:hover {
    color:whitesmoke;
    }

    .egitim {
    background: #e64946;
    color: White;
    padding: 4px 10px;
    border-radius: 2px;
    border-bottom: 1px solid #9c3836;

    }

    .destek {background: #2a2a2a;
    color: White;
    padding: 4px 10px;
    border-radius: 2px;
    border-bottom: 1px solid #0c0c0c;
    }

    .satis {
    background: #4d4d4d;
    color: White;
    padding: 4px 10px;
    border-radius: 2px;
    border-bottom: 1px solid #272727;
    }
    Aşağıdaki kodu da header'da bul
    Alıntı
    <a href="http://www.furkanpezek.com.tr/" class="custom-logo-link" rel="home" itemprop="url"><img width="280" height="25" src="http://www.furkanpezek.com.tr/wp-content/uploads/2018/07/FurkanPezek-Logo.jpg" class="custom-logo" alt="FurkanPezek Logo" itemprop="logo"></a>
    Bir alt satırına bunları ekle
    Alıntı
    <a class="sagcek satis" href="http://www.furkanpezek.com.tr/" >Logo Satış</a>
    <a class="sagcek destek" href="http://www.furkanpezek.com.tr/">Logo Destek</a>
    <a class="sagcek egitim" href="http://www.furkanpezek.com.tr/">Logo Eğitim</a>
    Sonuç https://i.hizliresim.com/oVRnqo.png
  • 14-09-2018, 14:45:01
    #3
    Furkian
    Furkian
    Çooook teşekkür ederim. Uğraşmışsınız, emeğinize sağlık.