서명의 링크에 마우스를 추가하십시오.

-1

내 회사의 서명을 만들고 있는데 일부 링크에 마우스를 올리면 변경하려는 색상이 표시됩니다. 나는 그것을 할 수있는 방법이 있어야한다는 것을 알고 있지만, 모든 정보는 하나의 파일에 포함되어야하고 그것이 작동하도록 할 수는 없습니다. 마우스를 올렸을 때 텍스트 변경 색상을 만드는 방법을 알아낼 수 없다는 점을 제외하면 모든 것이 잘 작동합니다.서명의 링크에 마우스를 추가하십시오.

Mac OSX의 Mail 앱용입니다.

여기에 내 현재 코드입니다 :

<table width='320' id="sig" cellspacing='0' cellpadding='0' border-spacing='0' style="width: 320px; margin: 0px; padding:0px;"> 
<tr> 


<!-- The formatting of the image --> 
<td width="86" style="width: 86px ;margin-left: 20px; padding: 0px;"> 
<a href='http://blog.jimdo.com/wp-content/uploads/2014/01/tree-247122.jpg' style="border:none;text-decoration:none;"> 
<img moz-do-not-send= "true" src= "http://blog.jimdo.com/wp-content/uploads/2014/01/tree-247122.jpg" alt="DatIMG" style=" border:none; width:100px;"></a> 
</td> 

<!-- Formats the text to be beside, not below, the image-->  
<td width="10" style="width: 10px; min-width: 10px; max-width: 10px; margin: 0px ; padding: 0px;">&nbsp;</td> 
<td valign='top' style="margin: 0px ; padding: 0px;"> 
<table id="sig2" cellspacing='0' cellpadding='0' border-spacing='0' style="padding: 0px; margin-top: 10px; font-family: 'Helvetica'; font-size: 14px; color: #58585a; border-collapse: collapse;-webkit-text-size-adjust: none;"> 

<!-- Start of line 1, Name --> 
<tr style="margin:0;padding:0;"> 
<td style="margin:0;padding:0;font-family:'Lucida Grande',sans-serif;white-space:nowrap;"> 
<strong><a href="mailto:[email protected] " style="border:none;text-decoration:none;"><span style="color:#147ed9">Fats McGruber</span></a></strong> 

<br> 

<!-- Start of line 2, Position --> 
<span style="color:#58585a;">Bossman &bull; Professional Troll &bull; Wizard</span> 
</td> 
</tr> 

<!-- Start of line 3, company name--> 
<tr style="margin:0;padding:0;color:#b0a49b;"> 
<td style="margin:0;padding:0;font-family:'Lucida Grande',sans-serif;white-space:nowrap;"> 
<a href="http://www.google.com" style="border:none;text-decoration:none;color:#b0b0b0;"><span style="color:#58585a">Company Name<span style="color:#58585a"></a> 

<br> 
<!-- Start of line 4, location--> 
<a href="https://www.google.com/maps/@62,-145,30641m/data=!3m1!1e3" style="border:none;text-decoration:none;color:#58585a;"><span style="color:#58585a">Some City</span></a> 
</td> 
</tr> 

<!-- Start of line 5, Phone -->    
<tr style="margin:0;padding:0;"> 
<td style="margin:0;padding:0;font-family:'Lucida Grande',sans-serif;white-space:nowrap;"> 
<a href="tel:+1-555-555-75555" style="margin:0;padding:0;border:none;text-decoration:none;"><span style="color:#58585a">555</span><span style="color:#58585a">.</span><span style="color:#58585a">555</span><span style="color:#e0e0e0">.</span><span style="color:#58585a">5555</span></a> 
</td> 
</tr> 

<!-- Start of line 5, Social Media -->    
<tr style="margin:0;padding:0;"> 
<td style="margin:0;padding:0;font-family:'Lucida Grande',sans-serif;white-space:nowrap;"> 
<a href="http://facebook.com" style="margin:0;padding:0;border:none;text-decoration:none;"> 
<span style="color:#58585a">Facebook</span></a> 
<span style="color:58585a;">&bull;</span> 
<a href="http://twitter.com" style="margin:0;padding:0;border:none;text-decoration:none;"> 
<span style="color:#58585a">Twitter</span></a> 
<span style="color:58585a;">&bull;</span> 
<a href="http://instagram.com" style="margin:0;padding:0;border:none;text-decoration:none;"> 
<span style="color:#58585a">Instagram</span></a> 
</td> 
</tr>      

</table> 
</td> 

<tr> 
</table>

출처

2014-09-05 Paul Breen

가능한 복제본 [작성 방법 : 인라인 CSS에 마우스를 가져 가면 안 되나요?] (http://stackoverflow.com/questions/1033156/how-to-write-ahover-in-inline-css) –

당신은 각각의 서명을주고 유혹하면 바로 변화의 가장 간단한 방법에게 텍스트를 HTML을 사용하여 당신이 다음 색상을 클래스를 변경하고 싶은 것을 할 수 없다 CSS Hover 기능을 사용하여 색상을 변경합니다. 난이 쉽게 그것을 할 거라고 방법입니다 당신이 그것을 미래를 변경하고자한다면 그것은 단지 쉽게

HTML CODE: 

<div class="signature1"> 
<a href="link.html"> YOUR LINK </a> 
</div> 

CSS CODE: 

.signature1{ 
color: #fff 
} 

.signature1 hover{ 
color: FF0000 
}

아래

예.

출처

2014-09-05 09:15:05

서명의 링크에 마우스를 추가하십시오.

답변

관련 문제