kostenloser Webspace werbefrei: lima-city


Sprechblase!!?

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    onemillion

    Kostenloser Webspace von onemillion, auf Homepage erstellen warten

    onemillion hat kostenlosen Webspace.

    Wie erstellt man eine kleine "Sprechblase" in der ein Text steht?
    Könnte mir kurz jemand einen Tipp geben?
    Gruß
    Onemillion
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. e********l

    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 ^^
  4. Autor dieses Themas

    onemillion

    Kostenloser Webspace von onemillion, auf Homepage erstellen warten

    onemillion hat kostenlosen Webspace.

    :confused:
    wie mache ich das?
  5. s********r

    http://www.homepage-total.de/javascript/bilder-mit-sprechblasen.php

    Hier solltest du alle Angaben finden. Statt den Bildern nimmst du einfach Div-Container oder span-tags, welche du mit einem onmouveseover versiehst.

    MfG

    sebigisler

    (Habe ich übrigens bei Google gefunden :biggrin:)
  6. Autor dieses Themas

    onemillion

    Kostenloser Webspace von onemillion, auf Homepage erstellen warten

    onemillion hat kostenlosen Webspace.

    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 :eek:
    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 :slant:
    Wiw kann ich diese besch**** Sprechblase endlich funktionienstüchtig machen?

    Beitrag geändert: 16.8.2008 18:36:09 von onemillion
  7. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!