• 11-01-2019, 09:02:35
    #1
    Arkadaşlar alttaki butonun html/css dökümü lazım. Yardımcı olan olur mu acaba?

    Buton Önizleme

    Google Drive Logosu

    Buton Renk Kodu
    #1a3d9d

    Kullanılan Font
    Century Gothic
  • 11-01-2019, 09:24:35
    #2
    <div style="width:172px; height:61px; border-radius:3px; background-color:#1a3d9d; font-family:Century Gothic; color:#FFF">
    <div style="float:left; padding:3px; width:50px;">
    <img src="https://i.hizliresim.com/V9EEmB.png" width="47" height="41" style="padding:5px;" />
    </div>
    <div style="width:110px; float:left; font-size:15px; margin-top:10px; margin-left:3px;">
    <b>Google Drive</b><br />
    ile <b>İndir</b>
    </div>
    </div>
  • 11-01-2019, 09:25:32
    #3
    çok basic bir anlatımı var aslında; https://fatihhayrioglu.com/css-ile-buton-yapmak/
  • 11-01-2019, 10:05:18
    #4
    Acelesi yoksa ulaşın bize gün içinde çocuklara yaptıracağım
  • 11-01-2019, 10:22:01
    #5
    basicgoods adlı üyeden alıntı: mesajı görüntüle
    çok basic bir anlatımı var aslında; https://fatihhayrioglu.com/css-ile-buton-yapmak/


    İnceleyip kendim de birşeyler yapmaya çalışacağım, teşekkür ederim.

    SoftVia adlı üyeden alıntı: mesajı görüntüle
    Acelesi yoksa ulaşın bize gün içinde çocuklara yaptıracağım
    Teşekkür ederim hocam.

    gencbeyin adlı üyeden alıntı: mesajı görüntüle
    <div style="width:172px; height:61px; border-radius:3px; background-color:#1a3d9d; font-family:Century Gothic; color:#FFF">
    <div style="float:left; padding:3px; width:50px;">
    <img src="https://i.hizliresim.com/V9EEmB.png" width="47" height="41" style="padding:5px;" />
    </div>
    <div style="width:110px; float:left; font-size:15px; margin-top:10px; margin-left:3px;">
    <b>Google Drive</b><br />
    ile <b>İndir</b>
    </div>
    </div>
    Hocam teşekkür ederim, wordpress altyapılı sitemde yan yana 3 adet kullanacağım bu butonu fakat yan yana atınca bozuluyor. Ben mi beceremedim.
  • 11-01-2019, 10:28:11
    #6
    Napolyon adlı üyeden alıntı: mesajı görüntüle
    [/URL]

    İnceleyip kendim de birşeyler yapmaya çalışacağım, teşekkür ederim.



    Teşekkür ederim hocam.



    Hocam teşekkür ederim, wordpress altyapılı sitemde yan yana 3 adet kullanacağım bu butonu fakat yan yana atınca bozuluyor. Ben mi beceremedim.
    Float:left; yaparsanız düzelecektir.

    https://codepen.io/anon/pen/yGRKpb
  • 11-01-2019, 10:30:01
    #7
    Napolyon adlı üyeden alıntı: mesajı görüntüle
    [/URL]

    İnceleyip kendim de birşeyler yapmaya çalışacağım, teşekkür ederim.



    Teşekkür ederim hocam.



    Hocam teşekkür ederim, wordpress altyapılı sitemde yan yana 3 adet kullanacağım bu butonu fakat yan yana atınca bozuluyor. Ben mi beceremedim.

    Merhaba yan yana koymak için bir dive al dive float:left vererek sorunu düzeltebilirsiniz.
  • 11-01-2019, 11:06:19
    #9
    truser adlı üyeden alıntı: mesajı görüntüle
    Float:left; yaparsanız düzelecektir.

    https://codepen.io/anon/pen/yGRKpb


    Çok teşekkür ederim.

    hasanbugra adlı üyeden alıntı: mesajı görüntüle
    Merhaba yan yana koymak için bir dive al dive float:left vererek sorunu düzeltebilirsiniz.
    Teşekkürler yardımlarınız için kullandım.

    FSahin adlı üyeden alıntı: mesajı görüntüle


    Çok teşekkürler hocam daha önce de bir css konusu açmıştım onda da karşılıksız yardımcı olmuştunuz. Allah razı olsun.