2014-10-24 3 views
1

Я использовал онлайн-кодер электронной почты для создания своего рода почтовой ссылки, не связанной с харвестером, но эта ссылка не будет адаптироваться к моему стилю. Кто-нибудь знает, как я могу создать такую ​​ссылку? На данный момент я не знаю, где назвать класс css.Styling encoded mailto address

Вот пример ссылки я закодирован:

<div class="mailto-link"><script type="text/javascript"><!-- 
var gefmyis = ['m','r','l','l','i','a','m','m',' ','e','o','a','"','h','m','e','<','e','/','o',':','a', 
'>','a','s','t','c','m','s','l','"','=','.','i','t','>', 
'l','f','i','@','.','s','s','"','<','e','"','o','a','c', 
't','l','m','t','@',' ','c','=','e','e','i','t','a','a']; 
var lmmezyh = 
[29,4,25,55,54,53,9,22,31,5,14,23,38,3,40,51,0,17,61,28,15, 
34,45,62,36,13,27,52,18,43,8,37,26,24,49,63,33,6,11,20,56,35, 
48,30,60,39,44,58,1,32,46,12,59,16,50,2,57,7,47,21,42,19,10,41]; 
var bsmqvte= new Array();for(var i=0;i<lmmezyh.length;i++) 
{bsmqvte[lmmezyh[i]] = gefmyis[i]; }for(var i=0;i<bsmqvte.length;i++) 
{document.write(bsmqvte[i]);} 
// --></script> 
<noscript>Please enable Javascript to see the email address</noscript></div> 

Спасибо!

+1

Что HTML используется, чтобы обернуть адрес? –

+0

О, извините, я забыл упомянуть об этом. Адрес завернут внутри 'div'. Я обновил код в OP. – Thorbj

ответ

5

Edit:

По только проверки в консоли, что на самом деле создается этого сценария вы увидите это:

<a class="email" href="mailto:[email protected]">[email protected]</a> 

означает a.email в вашем CSS будет достаточно:

a.email{ 
    font-weight: bold; 
    color:red; 
} 

http://jsfiddle.net/990exhow/


Просто используйте:

a[href^="mailto:"]{ 
    font-weight: bold; 
    color:red; 
} 

http://jsfiddle.net/pbve1aum/1/

https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors

Или обернуть все в SPAN

<span class="mailtoStyle"> 
    <!-- all in here --> 
</span> 

и в вашем CSS:

.mailtoStyle a{ 
    font-weight: bold; 
    color:red; 
} 

http://jsfiddle.net/pbve1aum/2/

+0

Ну, это было неловко. Спасибо, что помогли мне увидеть очевидное :) Это сработало отлично! – Thorbj

+0

@Thorbj отредактировал мой ответ :) –