13 lut 2015

Jak ukryć swój adres e-mail na stronach www

1. CSS pseudo elementy

a.

<style>
  span:after {
    content: attr(data-domain);
  }
  span:before {
    content: attr(data-user);
  }
</style>
<span data-user="greg" data-domain="gmail.com">@</span>

b. inne wykorzystanie pseudo elementu do before dodajemy jeszcze w unicode @

<style>
  span:after {
    content: attr(data-domain);
  }
  span:before {
    content: attr(data-user) "\0040";    /* symbol unicode @ */
  }
</style>
<span data-user="greg" data-domain="gmail.com"></span>

c. inne rozwiązanie, za klasą after (span) dodajemy pseudo element w unicode @

.after:before {
    content: "\0040";    /* symbol unicode @ */
  }
greg<span class="after">gmail.com</span>

d. odwrotny kierunek

<style>
  .reverse {
    unicode-bidi: bidi-override;
    direction: rtl;
  }
</style>
<span class="reverse">moc.liamg@gerg</span>

2. Użycie javascript

a. "onclick" event

<a href = "mailto:gregATgmailDOTcom" onclick = "this.href=this.href.replace(/AT/,'&#64;').replace(/DOT/,'&#46;')">Napisz maila do mnie ;)</a>

b. tablica

<span id="email"></span>
<script>
  var parts = ["greg", "gmail", "com", "&#46;", "&#64;"];
  var email = parts[0] + parts[4] + parts[1] + parts[3] + parts[2];
  document.getElementById("email").innerHTML=email;
</script>

3. I sposób na wp + php

<?php echo antispambot("greg@gmail.com"); ?>

oraz coś na koniec, zakodowany adres który po wklejeniu do html da nam greg@gmail.com - można to zrobić na pod tym adresem 😉

&#103;&#114;&#101;&#103;&#64;&#103;&#109;&#97;&#105;&#108;&#46;&#99;&#111;&#109;