OK....ist ein bisschen kompliziert, lässt sich aber verwirklichen
(wenns klappt!!!)
Also als erstes mal der komplette Code! Nachher werde ich ihn noch erklären und sagen, wo was eingefügt werden muss!
Der komplette Code:
Zitat:
<script type="text/javascript">
function anzeigen(das){
if(document.getElementById(das).style.display=="none") {
document.getElementById(das).style.display="inline";
}
else {
document.getElementById(das).style.display="none";
}
}
</script>
<style type="text/css">
.bereich {
position: absolute;
}
.beschreibung {
color: #76835F;
background-image: url(http://img.webme.com/pic/o/outcast-inventions/sprechblase.gif);
background-repeat: no-repeat;
width: 171px;
height: 110px;
position: relative;
left: -15px;
display: block;
padding-top: 5px;
padding-left: 25px;
padding-right: 5px;
}
</style>
<!-- Text mit Beschreibung -->
<a onMouseover="anzeigen('text');" onMouseOut="anzeigen('text');">Hier der Text
<span class="bereich" style="display: none;" id="text">
<div class="beschreibung">Hier kommt der Text zur Beschreibung rein</div>
</span></a>
Zitat:
<script type="text/javascript">
function anzeigen(das){
if(document.getElementById(das).style.display=="none") {
document.getElementById(das).style.display="inline";
}
else {
document.getElementById(das).style.display="none";
}
}
</script>
<style type="text/css">
<!-- absolute Position für die Box -->
.bereich {
position: absolute;
}
<!-- Der Beschreibng-Tag -->
.beschreibung {
color: #76835F;
background-image: url(http://img.webme.com/pic/o/outcast-inventions/sprechblase.gif);
background-repeat: no-repeat;
width: 171px;
height: 110px;
position: relative;
left: -15px;
display: block;
padding-top: 5px;
padding-left: 25px;
padding-right: 5px;
}
</style>
So....das grün makierte ist so für dich nicht wichtig! Hier wird einfach nur eine "ID" vergeben, um das Anzeigen der Texte zu unterscheiden, etc.!
Wichtig für
dich ist nur das
rot und
blau makierte!
Bei dem rot makierten kommt der Text (oder Wort) rein, der auf der Homepage-Seite stehen soll (Beispiel: Was bin ich?)!
Das blau makierte ist die Beschreibung in der Sprechblase (Beispiel: Ein Homepage-Baukasten-User!)...
Ja das war schon alles...ich hoffe es funktioniert
______________
==>
OutCast Inventions
Der DesignCreator für den PC ... in wenigen Minuten das eigene individuelle Iceblue-Design!