Butonu HTML/CSS dökebilir misiniz?

11-01-2019, 09:02:35

#1

Napolyon

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

gencbeyin

<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

saas

çok basic bir anlatımı var aslında; https://fatihhayrioglu.com/css-ile-buton-yapmak/

11-01-2019, 10:05:18

#4

SoftVia

Acelesi yoksa ulaşın bize gün içinde çocuklara yaptıracağım

11-01-2019, 10:22:01

#5

Napolyon

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

truser

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

hasanbugra

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, 10:41:16

#8