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>
<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>
<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 zu dieser Seite hinzufügen: