Sprechblase!!?
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
angabe
aussehende methode
aussehenden dingen
bild
container
ebene definieren
einarbeiten
http
index
jemand
kleine sprechblase
kurz ansehen
kurz jemand
methode
nachricht
sagen
span
sprechblase
text
tip
-
Wie erstellt man eine kleine "Sprechblase" in der ein Text steht?
Könnte mir kurz jemand einen Tipp geben?
Gruß
Onemillion -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Meinst du das so, wenn du über einen Text geht das da so eine Sprechblase erscheint?
Das ist ein ganz normales DIV Element mit einer Hintergrundgrafik und Text drin. Mehr nicht ^^ -
Habe eine weitaus besser aussehende Methode...
Nur wie es immer so mit den besser aussehenden dingen ist ist diese Methode etwas komplizierter...
(sie funktioniert nicht bei mir)
Könnte sich jemand mal kurz ansehen wieso das ding nicht funktioniert??
Im Head berreich:
<STYLE type=text/css>
.infotipp:link { COLOR: #000066; BACKGROUND-COLOR: #FFFFFF TEXT-DECORATION: underline }
.infotipp:visited { COLOR: #000099; TEXT-DECORATION: underline }
.infotipp:hover { CURSOR: HELP; COLOR: #FFFFFF; BACKGROUND-COLOR: #669900; TEXT-DECORATION :none }
.infotipp:active { COLOR: #000000; BACKGROUND-COLOR: #FFFFFF }
</STYLE>
<script type="text/javascript" language="JavaScript">
<!--
/* GLOBALE BOX-EINSTELLUNGEN */
// RAHMENFARBE...
var RaCol = "000099";
// HINTERGRUNDFARBE...
var HgCol = "FFFFEA";
// TITEL = SCHRIFTART / GRÖSSE / FARBE...
var TitEinst = "<font face=Verdana, Arial, Helvetica, sans-serif size=1 color=FFFFFF>";
// TEXT = SCHRIFTART / GRÖSSE / FARBE...
var TexEinst = "<font face=Arial, Helvetica, sans-serif size=2>";
// ANZEIGEPOSITIONEN AM MAUSZEIGER JA/NEIN...
var AmMauszeiger = "JA";
// ANZEIGEPOSITIONEN ÄNDERN, BEI MAUSZEIGER AUF JA WERDEN
// WERDEN DIESE POSITIONEN DER MAUSPOSITION HINZUGEFÜGT...
var XPosi = -15;
var YPosi = 0;
if (document.layers){navigator.family = "nn4"}
if (document.all){navigator.family = "ie4"}
if (window.navigator.userAgent.toLowerCase().match("gecko")){navigator.family = "gecko"}
mausueber="0";
function ErzeugeTabelle(der_titel,der_text)
{
if (der_titel != "")
{
DieTabelle="<table cellspacing=0 cellpadding=1 border=0><tr><td>n"
+"<table cellspacing=0 cellpadding=1 border=0 width=100% align=center>n"
+"<tr>n"
+"<td bgcolor="+RaCol+">"+TitEinst+"<b>n"
+der_titel+"n"
+"</b></font></td>n"
+"</tr>n"
+"<tr>n"
+"<td bgcolor="+HgCol+">n"
+"<table width=100% border=0 cellspacing=5 cellpadding=0><tr>n"
+"<td bgcolor="+HgCol+">"+TexEinst+"n"
+der_text+"n"
+"</font></td></tr></table>n"
+"</td>n"
+"</tr></table>n"
+"</td></tr></table>n";
}
else
{
DieTabelle="<table cellspacing=0 cellpadding=1 border=0><tr><td>n"
+"<table cellspacing=0 cellpadding=1 border=0 width=100% align=center>n"
+"<tr>n"
+"<td bgcolor="+HgCol+">n"
+"<table width=100% border=0 cellspacing=5 cellpadding=0><tr>n"
+"<td bgcolor="+HgCol+">"+TexEinst+"n"
+der_text+"n"
+"</font></td></tr></table>n"
+"</td>n"
+"</tr></table>n"
+"</td></tr></table>n";
}
}
function ZeigeFenster(der_titel,der_text)
{
ErzeugeTabelle(der_titel,der_text)
if(navigator.family =="nn4") // NETSCAPE-NAVIGATOR...
{
document.infoobjekt.document.write(DieTabelle);
document.infoobjekt.document.close();
document.infoobjekt.left=x+65;
document.infoobjekt.top=y-25;
}
else if(navigator.family =="ie4") // INTERNET-EXPLORER...
{
infoobjekt.innerHTML=DieTabelle;
infoobjekt.style.pixelLeft=x+65;
infoobjekt.style.pixelTop=y-25;
}
else if(navigator.family =="gecko") // MOZILLA FIREFOX...
{
document.getElementById("infoobjekt").innerHTML=DieTabelle;
document.getElementById("infoobjekt").style.left=x+70;
document.getElementById("infoobjekt").style.top=y-25;
}
}
function hideLayer(){if (mausueber == "0"){
if(navigator.family =="nn4") {eval(document.infoobjekt.top="-500");}
else if(navigator.family =="ie4"){infoobjekt.innerHTML="";}
else if(navigator.family =="gecko") {document.getElementById("infoobjekt").style.top="-500";}
}
}
var isNav = (navigator.appName.indexOf("Netscape") !=-1);
function handlerMM(e)
{
if (AmMauszeiger == "NEIN")
{
x = XPosi;
y = YPosi;
}
else
{
x = (isNav) ? e.pageX : event.clientX + document.body.scrollLeft+XPosi;
y = (isNav) ? e.pageY : event.clientY + document.body.scrollTop+YPosi;
}
}
if (isNav){document.captureEvents(Event.MOUSEMOVE);}
document.onmousemove = handlerMM;
//-->
</script>
Und im body:
<!-- DIV EBENE DEFINIEREN background-color:000099; Rahmenfarbe -->
<div id="infoobjekt" style="position:absolute; background-color:000099; color:black; border-color:black; border-width:20; visibility:show; left:25px; top:-500px; z-index:+1" onMouseOver="mausueber=1;" onMouseOut="mausueber=0; setTimeout('hideLayer()',1000)">
<a class="infotipp" href="#" onMouseOver="ZeigeFenster('Impressum:','->Daniel Albrecht'+
'<BR>Bei weiterem interesse'+
'<BR>senden sie mir bitte'+
'<BR>eine Nachricht mit dem'+
'<BR>kontakt Script zu!'+
'<BR>'+
'<BR>Daniel Albrecht')" onMouseOut="hideLayer()">
Infobox</a>
</div>
Kann mir bitte jemand sagen was dadran falsch ist?
Es lässt sich nur nicht in meine Hompage einarbeiten
Auf einer eigenen Webiste funktioniert es....
Habe jetzt das komische Script Hochgeladen:
http://onemillion.lima-city.de/html/index.html
Wieso funktioniert es nicht?
Die Stelle die mit dem Script versehen ist ist ganz unten meine Fußzeile!
Wenn man raufklickt kommt man zum Kontaktscript aber das das Bild ein link ist wird nicht mehr angezeigt
Wiw kann ich diese besch**** Sprechblase endlich funktionienstüchtig machen?
Beitrag geändert: 16.8.2008 18:36:09 von onemillion -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage