0
Kayıt Ol

görseli html/css koda dökme

14

●

284

  • 13-10-2023, 18:13:55
    #1
    Digifox
    Digifox
    bunu nasıl yapabilirim arkadaşlar şimdiden teşekkür ederim.
  • 13-10-2023, 18:17:24
    #2
    arkeyan
    arkeyan
    merhaba, bunun için hazır signature generator siteleri var, her hangi bir tanesini kullanabilrisin https://signaturely.com/online-signature/
  • 13-10-2023, 18:17:52
    #3
    Digifox
    Digifox
    arkeyan adlı üyeden alıntı: mesajı görüntüle
    merhaba, bunun için hazır signature generator siteleri var, her hangi bir tanesini kullanabilrisin https://signaturely.com/online-signature/
    Merhaba hocam ,kod hali lazım ama hocam bunu zaten oradan yaptık da.
  • 13-10-2023, 18:18:07
    #4
    CREATIVE35
    CREATIVE35
    pm atın yardımcı olayım seve seve
  • 13-10-2023, 19:28:41
    #5
    CREATIVE35
    CREATIVE35
    buyrun hangi fontu kullandığınızı bilemediğim için böyle oldu İŞİNİZİ GÖRMESİ DİLEĞİ İLE....



    <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<title>Document</title>

</head>
<body>
<div class="container">
<div class="right">
<div class="logo"> <span>ME</span> <span>
HO
</span> </div>
</div>
<hr></hr>
<div class="left">

<div class="content">
<span class="name">YUSUF KARAHAN
</span>
<div class="Pr">
Director | Marketing
</div>
<div class="email">
Email:Marketingdirector@mehqshop.com
</div>
<div class="address">
<span>Address:Ankara/Çankaya 1071 Kule</span>
</div>
<div class="tel">
<span>Tel:05059934715</span>
</div>
<div class="website">
<span>Website: www.mehqshop.com</span>
</div>
<div class="social">
<span class="twitter">
<i class="fa-brands fa-twitter"></i>
</span>
<span class="linkedin">
<i class="fa-brands fa-linkedin"></i>
</span>
<span class="instagram">
<i class="fa-brands fa-instagram"></i>
</span>
<span class="youtube">
<i class="fa-brands fa-youtube"></i>
</span>
</div>

</div>

</div>

</div>
</body>
</html>
    * {
margin:0;
padding:0;
}
html,body {
height:100%;
max-height:100%;
}
body {
display:flex;
align-items:center;
justify-content:center;
}

.container {
display:flex;
flex-direction:row;
position:relative
}

.right {
flex:1 0 10%;
position:relative;
padding:0px 5px;
}
.content {
display:flex;
gap:15px;
}
.left {
flex:1 0 80%;
padding:0px 10px;
}
.logo {
background:#730f12;
padding:15px 5px;
}
.logo span {
font-size:30px;
color:#fff;
}
.content {
display:flex;
flex-direction:column;
}

.content .name {
font-weight:600;
}
.Pr {
font-size:13px;
font-weight: 900;
}

.social {
display:flex;
flex-direction:row;
gap:15px;
}
.social .twitter {
background:#730f12;
color:#fff;
width:30px;
text-align:center;
}
.social .linkedin {
background:#730f12;
color:#fff;
width:30px;
text-align:center;
}
.social .instagram {
background:#730f12;
color:#fff;
width:30px;
text-align:center;
}
.social .youtube {
background:#730f12;
color:#fff;
width:30px;
text-align:center;
}
i {
font-size:21px;
}
  • 14-10-2023, 11:27:09
    #6
    Digifox
    Digifox
    CREATIVE35 adlı üyeden alıntı: mesajı görüntüle
    buyrun hangi fontu kullandığınızı bilemediğim için böyle oldu İŞİNİZİ GÖRMESİ DİLEĞİ İLE....



    <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<title>Document</title>

</head>
<body>
<div class="container">
<div class="right">
<div class="logo"> <span>ME</span> <span>
HO
</span> </div>
</div>
<hr></hr>
<div class="left">

<div class="content">
<span class="name">YUSUF KARAHAN
</span>
<div class="Pr">
Director | Marketing
</div>
<div class="email">
Email:Marketingdirector@mehqshop.com
</div>
<div class="address">
<span>Address:Ankara/Çankaya 1071 Kule</span>
</div>
<div class="tel">
<span>Tel:05059934715</span>
</div>
<div class="website">
<span>Website: www.mehqshop.com</span>
</div>
<div class="social">
<span class="twitter">
<i class="fa-brands fa-twitter"></i>
</span>
<span class="linkedin">
<i class="fa-brands fa-linkedin"></i>
</span>
<span class="instagram">
<i class="fa-brands fa-instagram"></i>
</span>
<span class="youtube">
<i class="fa-brands fa-youtube"></i>
</span>
</div>

</div>

</div>

</div>
</body>
</html>
    * {
margin:0;
padding:0;
}
html,body {
height:100%;
max-height:100%;
}
body {
display:flex;
align-items:center;
justify-content:center;
}

.container {
display:flex;
flex-direction:row;
position:relative
}

.right {
flex:1 0 10%;
position:relative;
padding:0px 5px;
}
.content {
display:flex;
gap:15px;
}
.left {
flex:1 0 80%;
padding:0px 10px;
}
.logo {
background:#730f12;
padding:15px 5px;
}
.logo span {
font-size:30px;
color:#fff;
}
.content {
display:flex;
flex-direction:column;
}

.content .name {
font-weight:600;
}
.Pr {
font-size:13px;
font-weight: 900;
}

.social {
display:flex;
flex-direction:row;
gap:15px;
}
.social .twitter {
background:#730f12;
color:#fff;
width:30px;
text-align:center;
}
.social .linkedin {
background:#730f12;
color:#fff;
width:30px;
text-align:center;
}
.social .instagram {
background:#730f12;
color:#fff;
width:30px;
text-align:center;
}
.social .youtube {
background:#730f12;
color:#fff;
width:30px;
text-align:center;
}
i {
font-size:21px;
}
    teşekkürler hocam gerçekten elinize sağlık .. o sol tarafta ki Q olacak nasıl düzeltebilirim hatta düzeltmeye gerek yok görseli var elimde onun img src ile yüklesek olmaz mı
  • 14-10-2023, 11:28:29
    #7
    CREATIVE35
    CREATIVE35
    Digifox adlı üyeden alıntı: mesajı görüntüle
    teşekkürler hocam gerçekten elinize sağlık .. o sol tarafta ki Q olacak nasıl düzeltebilirim hatta düzeltmeye gerek yok görseli var elimde onun img src ile yüklesek olmaz mı
    özel pm ile iletin photoshop da logo olarak ayarlayıp ekleyeyim
  • 14-10-2023, 11:29:32
    #8
    Digifox
    Digifox
    CREATIVE35 adlı üyeden alıntı: mesajı görüntüle
    özel pm ile iletin photoshop da logo olarak ayarlayıp ekleyeyim
    hocam pm atamıyorum no onay bekliyor da telegramdan olabilir isterseniz
  • 14-10-2023, 11:30:46
    #9
    CREATIVE35
    CREATIVE35
    Digifox adlı üyeden alıntı: mesajı görüntüle
    hocam pm atamıyorum no onay bekliyor da telegramdan olabilir isterseniz
    mesajı ben yolladım bir bakın gelen kutunuza