Tutorial Link über gesamten Layoutbereich
Ich habe mir hier einen Layoutbereich aufgezogen und mit meinem Inhalt versehen.
In diesem Fall habe ich eine CSS für diesen Layoutbereich erstellt, für eine Hintergrundfarbe, einen Rahmen und um die Ecken rund zu machen. Das ist natürlich nur optional.
<style>
.layout-box {
background-color: #EAEAEA;
border: 1px solid;
border-color: #C0C0C0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
</style>
Um den Link zu unserem NOF-Forum auf den gesamten Layoutbereich zu setzen, habe ich lediglich den Link in der Objekt-HTML des Layoutbereiches
“vor dem Tag” eingefügt und in meinem Fall auch noch die class=”layout-box” (Style-Anweisung oben) für diesen Layoutbereich als DIV angegeben.
Den Zusatz style="text-decoration:none;" habe ich gesetzt, da sonst mein Text, entsprechend meiner <a> Class meines Sitestyles unterstrichen wäre, da ja der gesamte Layoutbereich hier ein Link ist.
Fenster “Layout-Bereich-Eigenschaften” > Button “HTML” > “vor dem Tag” (ab NOF 11 “vorher”)
<div class="layout-box"><a href="http://www.nof-schule.de/forum/" target="_blank" style="text-decoration:none;">
“Nach dem Tag” habe ich dann das DIV und das <a> Tag wieder geschlossen.
Fenster “Layout-Bereich-Eigenschaften” > Button “HTML” > “nach dem Tag” (ab NOF 11 “nachher”)
</a></div>
In dem HTML-Code oben seht Ihr auch die Einfügung des “Powertip” Fensters für den Tooltip bei Maus über dem Forum-Logo.
Viel Spaß!
