0
Kayıt Ol

HTML imza logo yardım edebilecekler içeri

6

●

169

  • 21-10-2020, 21:23:44
    #1
    Bulyaz
    Bulyaz
    Merhaba ,

    Bu imzayı aşağıdaki linkteki ekran görüntüsündeki sağ taraftaki imza gibi yapmak istiyorum. Kullanılacak logo https://websitesi.com/signatures/ntnleftlogo2.svg ve HTML kodum aşağıdaki gibidir. Yardımcı olabilcek varsa çok makbule geçer

    https://prnt.sc/v313ba 

    <!DOCTYPE html>
<html lang="en">
<head> 
  <title>websitesi Signatures</title> 
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">  
</head> 
  
<body>
<table style='line-height:2.5'>
<tr>
<td>

<div style='width:550px; display: block; color: black; text-align: left;'><div style='font-family: Helvetica; font-size: 16px; letter-spacing: 0px; line-height: 16px;font-weight: bold; margin-bottom: 15px'>
<span style='color: #037394'> User Name</span> | <span>System Integration Specialist</span>
</div>

<hr width=498 align=left color=#037394 />

<div style='font-family: Helvetica;font-size: 13px; text-align: left;'>
<img border=0 width=20 height=20 align=center  alt='websitesi telephone'
src="https://websitesi.com/signatures/ntntel.png" style='height:.1.5in;width:.1.5in' align=center><a style='color: black'> + tel no</a>
</div>

<div style='font-family: Helvetica;font-size: 13px; text-align: left;'>
<img border=0 width=20 height=20 align=center alt='websitesi web'
src="https://websitesi.com/signatures/ntnweb.png" style='height:.1.5in;width:.1.5in' align=center><a style='color: black'> www.websitesi.com</a>
</div>
<div style='font-family: Helvetica;font-size: 13px; text-align: left;'>
<img border=0 width=20 height=20 align=center alt='websitesi mail'
src="https://websitesi.com/signatures/ntnmail.png" style='height:.1.5in;width:.1.5in' align=center><a style='color: black'> user@websitesi.com</a>
</div>
<div style='font-family: Helvetica;font-size: 13px; text-align: left;'>
<img border=0 width=20 height=20 align=center alt='websitesi address'
src="https://websitesi.com/signatures/ntnaddr.png" style='height:.1.5in;width:.1.5in' align=center><a style='color: black'> adres<br></a>
<hr width=498 align=left color=#037394 />
</div>
<div style='font-family: Helvetica;font-size: 13px; text-align: left;'>
<img border=0 width=500 height=70 align=center alt='websitesi logo'
src="https://websitesi.com/signatures/ntnlogo.png" align=center><a style='color: black'></a>
</div>

</div>
</td>
</tr>
</table>
</body>
</html>
  • 21-10-2020, 21:35:09
    #2
    tolgaand
    tolgaand 
    <!DOCTYPE html>
<html lang="en">
<head>
<title>xxx</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style>
.logo-footer::after {
content: "";
position: absolute;
width: 3px;
background: #037394;
right: 15px;
height: 100%;
}
</style>
</head>

<body>
<table style="line-height: 2.5">
<tr>
<td>
<div
style="width: 550px; display: block; color: black; text-align: left"
>
<div
style="
font-family: Helvetica;
font-size: 16px;
letter-spacing: 0px;
line-height: 16px;
font-weight: bold;
margin-bottom: 15px;
"
>
<span style="color: #037394"> User Name</span> |
<span>System Integration Specialist</span>
</div>

<hr width="498" align="left" color="#037394" />
<div class="informations" style="display: flex">
<div class="logo-footer" style="position: relative">
<img
style="width: 170px"
src="cc"
/>
</div>
<div class="info">
<div
style="
font-family: Helvetica;
font-size: 13px;
text-align: left;
"
>
<img
border="0"
width="20"
height="20"
align="center"
alt="xx telephone"
src="cc"
style="height: 0.1.5in; width: 0.1.5in"
align="center"
/><a style="color: black"> + tel no</a>
</div>

<div
style="
font-family: Helvetica;
font-size: 13px;
text-align: left;
"
>
<img
border="0"
width="20"
height="20"
align="center"
alt="xx web"
src="cc"
style="height: 0.1.5in; width: 0.1.5in"
align="center"
/><a style="color: black"> cc</a>
</div>
<div
style="
font-family: Helvetica;
font-size: 13px;
text-align: left;
"
>
<img
border="0"
width="20"
height="20"
align="center"
alt="xx mail"
src="cc"
style="height: 0.1.5in; width: 0.1.5in"
align="center"
/><a style="color: black"> user@xxgroup.com</a>
</div>
<div
style="
font-family: Helvetica;
font-size: 13px;
text-align: left;
"
>
<img
border="0"
width="20"
height="20"
align="center"
alt="xx address"
src="cc"
style="height: 0.1.5in; width: 0.1.5in"
align="center"
/><a style="color: black"> adres<br /></a>
</div>
</div>
</div>

<hr width="498" align="left" color="#037394" />

<div
style="font-family: Helvetica; font-size: 13px; text-align: left"
>
<img
border="0"
width="500"
height="70"
align="center"
alt="xx logo"
src="cc"
align="center"
/><a style="color: black"></a>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
  • 21-10-2020, 21:38:50
    #3
    Bulyaz
    Bulyaz
    Hocam çok sağol resimdeki gibi araya cizgi koyup logoyu sola yaslarsan on numara olur
  • 21-10-2020, 21:42:11
    #4
    tolgaand
    tolgaand
    enesozcan adlı üyeden alıntı: mesajı görüntüle
    Hocam çok sağol resimdeki gibi araya cizgi koyup logoyu sola yaslarsan on numara olur
    Araya çizgi ekledim. Fotoğraf zaten sola yaslı fakat fotoğrafın sağdan ve soldan görünmez boşlukları var. photoshop ile sildiğiniz zaman(transparent) sola yaslı olacaktır.
    İyi forumlar dilerim.
  • 21-10-2020, 21:56:36
    #5
    Bulyaz
    Bulyaz
    Tam istediğim gibi olmuş çok teşekkür ederim
  • 22-10-2020, 12:25:21
    #6
    tolgaand
    tolgaand
    enesozcan adlı üyeden alıntı: mesajı görüntüle
    Tam istediğim gibi olmuş çok teşekkür ederim
    rica ederim iyi forumlar diliyorum
  • 22-10-2020, 12:26:25
    #7
    Bulyaz
    Bulyaz
    Bu arkadaş işini düzgün yapıyor iş verenler böyle gençlerin elinden tutsun