DeusFigendi (noReg): Mailadresse vor Bots verstecken

Beitrag lesen

SELF-Forum

Mailadresse vor Bots verstecken

DeusFigendi (noReg)
– Informationen zu den Bewertungsregeln

Vielleicht kann man statt JavaScript auch CSS verwenden, ich habe da gerade mal ein bisschen rumgespielt:

  
<!DOCTYPE html >  
<html>  
<head>  
<title></title>  
<meta http-equiv="content-type" content="text/html; charset=UTF-8">  
<style type="text/css">  
 .antispamblock {  
  position:relative;  
 }  
 .antispamblock span {  
  margin:0;  
  padding:0;  
  position:absolute;  
 }  
 #mail01 {  
  left:0ex;  
 }  
 #mail02 {  
  left:3ex;  
 }  
 #mail03 {  
  left:5.1ex;  
 }  
 #mail04 {  
  left:8.6ex;  
 }  
 #mail05 {  
  left:12.5ex;  
 }  
 #mail06 {  
  left:16.2ex;  
 }  
 #mail07 {  
  left:18ex;  
 }  
  
  
  
  
 #verstuemmelung {  
  display:none;  
 }  
 #schiebmich {  
  position:absolute;  
  left:-100px;  
 }  
  
 #drehmich {  
  -webkit-transform: rotate(180deg);  
  -o-transform: rotate(180deg);  
  -moz-transform: rotate(180deg);  
  -khtml-transform: rotate(180deg);  
  transform: rotate(180deg);  
  position:relative;  
  left:-86%;  
 }  
  
 #mail08 {  
  text-decoration:underline;  
 }  
 #mail09 {  
  position:relative;  
  left:-14%;  
  text-decoration:underline;  
 }  
  
</style>  
</head>  
<body>  
  
<div class="antispamblock">  
 <span id="mail06">le.</span>  
 <span id="mail03">ame</span>  
 <span id="mail07">org</span>  
 <span id="mail02">r.n</span>  
 <span id="mail01">use</span>  
 <span id="mail04">@ex</span>  
 <span id="mail05">amp</span>.  
</div>  
  
<div>  
 <span id="foo">user.</span><!--  
  noch mehr Muell  
 --><span id="bar">name</span><!--  
 --><span id="schiebmich">Kram</span><!--  
 --><span id="verstuemmelung">unsinn</span><!--  
 --><span id="baz">@example.org</span><!--  
 --><span id="verstuemmelung">blah</span>  
</div>  
  
<div id="drehmich">bɹo˙ǝןdɯɐxǝ@ǝɯɐu˙ɹǝsn</div>  
  
<div class="antispamblock2">  
 <span id="mail08">u_e_._a_e_e_a_p_e_o_g</span>  
 <span id="mail09">_s_r_n_m_@_x_m_l_._r_</span>  
</div>  
  
</body>  
</html>

Das geht sicher noch hübscher, wenn man z.B. eine Monospace-Schriftart verwendet... allerdings halten nicht alle Beispiele unterschiedlichen Systemschriftarten oder Zoomen stand.
Die zweite ist wohl die benutzerfreundlichste, da man sie C&Pen kann, vielleicht ist sie aber auch zu leicht zu durchschauen, Bots müssen eben display:none und position:absolute beherrschen um zu erkennen, dass da manipuliert wurde.

Beitrag melden
–
Informationen zu den Bewertungsregeln