HowTo
Hinweis:
Diese Seite ist eine Begleiterscheinung zum ultimativen Tutorial zum Erstellen von HTML Signaturen
- Kopiere den Code und füge ihn in einen reinen (wichtig!) Texteditor ein.
- Passe die Daten an
- Die URL deines Bildes erhälst du durch einen Rechtsklick auf das Bild (online): »Grafikadresse kopieren«
<style>
.main {
font-family: verdana, sans-serif;
width: 470px;
min-height: 100px;
border: 1px solid #878787;
padding: 7px;
color: #787878;
background: #fefefe;}
.logo {
float:left;
width: 110px;}
img{
height: 100px;
width: 100px;
border-radius: 50%;}
.content{
float: left;
width: 350px;
height: 100%;}
p {
width: 100%;
margin:0px;
font-size: 11px;
margin-top: 2px;}
p.title {
font-size: 12px;
font-weight: 600;}
p.subtitle {
font-weight: 100;
padding-bottom: 3px;
border-bottom: 1px solid #878787;
}
a, a:visited {
font-size:11px;
text-decoration: none;
color: #888;}
a:hover, a:link {
color:#444;}
</style>
<div class="main">
<div class="logo">
<img src="URL des Bildes" title="Text bei Mouseover des Bildes">
</div>
<div class="content">
<p class="title">Name</p>
<p class="subtitle">Untertitel: Jobbeschreibung o.ä.</p>
<p>
Telefon: <a href="tel:+49">Telefonnummer</a><br />
Website: <a href="URL">Seite</a><br />
Personal: <a href="URL">Seite</a></p>
</div>
</div>
