Vergrößern-Link

In diesem Tutorial werde ich Ihnen zeigen, wie es möglich ist, diese Links, zum vergrößern der Schrift, die sie bei meiner Webside ganz oben sehen, in ihre Webside einbauen können.

1. Gehen Sie zu "Design einstellen"
2. Wählen Sie "Erweiterte Einstellungen"
3. Fügen Sie den folgenden Code unter "Text über dem Design" ein:
<script type="text/javascript" src="https://img.webme.com/designs/globals/jquery.js"></script>
<script type="text/javascript">
<!-- Verstecke fuer aeltere Browser --
var container = "body";
$(document).ready(function(){
  // Schriftgröße Normal
  $(".klein").click(function() { $(container).css('font-size', 12);});

  // Schriftgröße Mittel
  $(".normal").click(function() { $(container).css('font-size', 15); });

  // Schriftgröße Groß
  $(".gross").click(function() { $(container).css('font-size', 18); });
});
// -- Ende verstecken -->
</script>


Mit den jeweils eingefärbten Zahlenwerten können Sie die Größe einstellen, die die Schrift durch einen Klick auf den jeweiligen Link bekommen soll.

4. Fügen Sie folgenden Code dort ein, wo die Benutzer die Links angezeigt bekommen sollen (beispielsweise bei "Inhalt der 1. Extra Box", oder bei "Text über dem Design"):

 

<a class="klein" style="font-size: 12px;">a</a>
<a class="normal" style="font-size: 15px;">a</a>  
<a class="gross" style="font-size: 18px;">a</a>

 

Bei den Farben können Sie wieder die jeweilige Größe wählen, die die Links haben sollen.




Kommentare zu dieser Seite:
Kommentar von:07.01.2012 um 13:13 (UTC)
nicolasdischinger-tutorials
nicolasdischinger-tutorials
Offline

Den "Text über dem Design Code, kann man auch in die Text Seite einfügen am Anfang der Seite. (Falls es nicht geht, weil wenn man zu viele Java skripts da drin hat kann es sein das der eine oder andee nicht geht!)
@data-marc es geht ja auch nur 3 [a]'s!

Kommentar von:31.12.2011 um 19:15 (UTC)
data-marc
data-marc
Offline

bei mirzeigt es nur 3 unterschiedlich große [a]'s
an :-



Kommentar zu dieser Seite hinzufügen:
Ihr Name:
Ihre E-Mail-Adresse:
Ihre Nachricht: