ilch Forum » Allgemein » HTML, PHP, SQL,... » Intro Roll-Over

Geschlossen
  1. So. 05.08.2007 01:47 Uhr #1
    User Pic
    MaddinXx Mitglied
    Registriert seit
    15.02.2007
    Beiträge
    787
    Beitragswertungen
    40 Beitragspunkte
    Hey,

    ich will mit meinem Freund so ne Seite eröffnen, und da soll alles gut sein. Darum wollen wir auch keinen normalen Hover beim Enterbild, sondern etwas besonderes.

    Es soll nicht wie sonst fast überall sein, sondern so:

    Unten Rechts hat es ja einen Text Programing and Designing. Wenn man nun über diesen fährt, soll die Kugel oben bei ProDe rot werden, die Bilder habe ich bereits. Aber der Buttons soll eben die Schrift unten sein. Wie geht das

    mfG


    verwendete ilchClan Version: 1.1

    betroffene Homepage: externer Link
    0 Mitglieder finden den Beitrag gut.
  2. So. 05.08.2007 02:05 Uhr #2
    User Pic
    Devil Mitglied
    Registriert seit
    02.02.2006
    Beiträge
    2.094
    Beitragswertungen
    21 Beitragspunkte
    Also wenn ich es richtig verstanden habe willst du es so haben:

    Ich fahre mit der Maus über "Progaming and Designing" und dann soll die Kugel rot werden.

    ?

    Soviel ich weiss musste das mit Java Script machen...oder geht glaub ich auch ohne..weiss aber nicht mehr wie grumml
    Wer zuletzt lacht, hat den schlechtesten Ping.
    0 Mitglieder finden den Beitrag gut.
  3. So. 05.08.2007 02:08 Uhr #3
    User Pic
    MaddinXx Mitglied
    Registriert seit
    15.02.2007
    Beiträge
    787
    Beitragswertungen
    40 Beitragspunkte
    Verstanden hast du das richtig, nur suche ich jetzt noch jemanden, der mir helfen kann lachen
    0 Mitglieder finden den Beitrag gut.
  4. So. 05.08.2007 02:10 Uhr #4
    User Pic
    PacificStorm Mitglied
    Registriert seit
    30.04.2007
    Beiträge
    490
    Beitragswertungen
    0 Beitragspunkte
    Naja, erstmal musst dadraus natürlcih einen button machen, also normal mit tabellen, der mehrfach mouseover funzt mit javascript, und zwar in etwa so:

    onmouse "programming and texturing": "kugel.*"="kugelrot.gif"


    Einfach mal nach mehrfach mouseover googlen.


    pacificstorm.pa.funpic.de/javascript.htm

    Da hab ich mal sowas gemacht, einfach in quelltext gucken...
    0 Mitglieder finden den Beitrag gut.
  5. So. 05.08.2007 02:18 Uhr #5
    User Pic
    Devil Mitglied
    Registriert seit
    02.02.2006
    Beiträge
    2.094
    Beitragswertungen
    21 Beitragspunkte
    o.O
    Das soll einer blicken? *hust* xD

    Haste das gelernt, kopiert oder als Job? ;p
    Wer zuletzt lacht, hat den schlechtesten Ping.
    0 Mitglieder finden den Beitrag gut.
  6. So. 05.08.2007 08:28 Uhr #6
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Geht das nicht zufällig auch direkt im Dreamweaver?

    Ansonsten: 
    <td width="284" height="44" align="center" background="intro_img/intro_normal_04.png">&nbsp;</td>
    |
    |
    V 
    <td width="284" height="44" align="center"><a href="index.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','intro_img/intro_02.png',1)"><img src="intro_img/intro_normal_04.png" border="0" alt="Programing and Designing" title="Enter"></a></td>
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  7. So. 05.08.2007 11:58 Uhr #7
    User Pic
    MaddinXx Mitglied
    Registriert seit
    15.02.2007
    Beiträge
    787
    Beitragswertungen
    40 Beitragspunkte
    OKvielen Dank, Erfolg odeer Misserfolg kommt per edti lachen

    Edit: Ist leider nicht gegangen, hier mal der Code: 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ProDe Intro</title>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body bgcolor="#FFFFFF" onload="MM_preloadImages('intro_img/intro_02.png')">
<table width="750" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="159" colspan="2" align="center" background="intro_img/intro_normal_01.png">&nbsp;</td>
  </tr>
  <tr>
    <td height="154" colspan="2" align="center" background="intro_img/intro_normal_02.png"><a href="index.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','intro_img/intro_02.png',1)"><img src="intro_img/intro_normal_02.png" name="Image1" width="750" height="154" border="0" id="Image1" /></a></td>
  </tr>
  <tr>
    <td width="466" height="87" rowspan="2" align="center" background="intro_img/intro_normal_03.png">&nbsp;</td>
    <td width="284" height="44" align="center"><a href="index.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','intro_img/intro_02.png',1)"><img src="intro_img/intro_normal_04.png" border="0" alt="Programing and Designing" title="Enter"></a></td>
  </tr>
  <tr>
    <td width="284" height="43" align="center" background="intro_img/intro_normal_05.jpg">&nbsp;</td>
  </tr>
</table>
</body>
</html>



    Zuletzt modifiziert von MaddinXx am 05.08.2007 - 12:06:53
    0 Mitglieder finden den Beitrag gut.
  8. So. 05.08.2007 13:16 Uhr #8
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Wie wärs wenn du die Datei mal hochlädst?
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten