pragmaMx Support Forum

pragmaMx => Themes & Design => Thema gestartet von: Aram am 09 Februar 2007, 15:39:59

Titel: Rollover
Beitrag von: Aram am 09 Februar 2007, 15:39:59
Hi Leute, ich würde gerne folgende Gif Bilder als Rollover einfügen jedoch weiß ich nicht wie ich den Code der Rollover Bilder da rein bauen soll

Also hier möchte ich den Code für die Rollover Bilder einfügen (ich hab einfach mal in den Code reingeschnitten)

    echo "</font></td>\n"
."<td align=\"center\" height=\"10\" width=\"71%\"><font size=\"2\">\n"
."<img src=\"themes/dbm/images/icon_mini_login.gif\" border=0 align=\"center\"> <A href=\"index.php\">Home</a>&nbsp;&nbsp \n"
        ."<img src=\"themes/dbm/images/icon_mini_profile.gif\" border=0 align=\"center\"> <A href=\"modules.php?name=Your_Account\">Account</a>&nbsp;&nbsp \n"
        ."<img src=\"themes/dbm/images/icon_mini_groups.gif\" border=0 align=\"center\"> <A href=\"modules.php?name=Submit_News\">Submit News</a>&nbsp;&nbsp \n"
        ."<img src=\"themes/dbm/images/icon_mini_search.gif\" border=0 align=\"center\"> <A href=\"modules.php?name=Downloads\">Downloads</a>&nbsp;&nbsp \n"
        ."<img src=\"themes/dbm/images/icon_mini_members.gif\" border=0 align=\"center\"> <A href=\"modules.php?name=Forums\">Forum</a>&nbsp;&nbsp \n"
        ."</B></font>\n"


Und das ist der Code für die Rollover Bilder


<?php

<script language="JavaScript" 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_pd.MM_p=new Array();
    var 
i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0i<a.lengthi++)
    if (
a[i].indexOf("#")!=0){ d.MM_p[j]=new Imaged.MM_p[j++].src=a[i];}}
}

function 
MM_findObj(nd) { //v4.01
  
var p,i,x;  if(!dd=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    
d=parent.frames[n.substring(p+1)].documentn=n.substring(0,p);}
  if(!(
x=d[n])&&d.allx=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(!
&& d.getElementByIdx=d.getElementById(n); return x;
}

function 
MM_swapImage() { //v3.0
  
var i,j=0,x,a=MM_swapImage.argumentsdocument.MM_sr=new Array; for(i=0;i&lt<img src="modules/eBoard/images/smilies/cry.gif" border="0" alt="&#38;#59;&#38;#40;">a.length-2);i+=3)
   if ((
x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrcx.oSrc=x.srcx.src=a[i+2];}
}
//-->
</script>
<
body onLoad="MM_preloadImages('file:///C|/Dokumente%20und%20Einstellungen/Aram/Desktop/rollover/home2.gif')"><a href="/index.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Home','','file:///C|/Dokumente%20und%20Einstellungen/Aram/Desktop/rollover/home2.gif',1)"><img src="file:///C|/Dokumente%20und%20Einstellungen/Aram/Desktop/rollover/home.gif" name="Home" width="91" height="21" border="0"></a>

?>

Titel: Re: Rollover
Beitrag von: henne am 09 Februar 2007, 19:20:22
Hi,

im head Bereich der theme.html das Javascript in den More Header Bereich packen. So:


<!-- START more_header -->
   hier das JS
<!-- END more_header -->


Der Header wird ja komplett durchs System ersetzt. Was in diesem Bereich steht wird dann trotz Ersetzung interpretiert.
Titel: Re: Rollover
Beitrag von: Aram am 10 Februar 2007, 12:40:03
Bei dem Design was ich zur Zeit nutze gibt es irgendwie keine theme.html Datei..
Nur eine theme.php Datei der Code dafür sieht so aus... (Wo muss jetzt der Rollovercode rein?)
Die theme.php hab ich jetzt als Anhang hochgeladen.

[gelöscht durch Administrator]
Titel: Re: Rollover
Beitrag von: jubilee am 10 Februar 2007, 13:01:24
@Aram: So bequem wie es im ersten Moment zu sein scheint. Bitte KEINE ellenlangen Scripte oder
Quellcodemonster hier im Forum posten
Das sehen wir hier nicht gerne, weil es niemanden hilft wenn der Quellcode hier im Forum steht.
Man kann ihn nicht vernünftig lesen und auch nicht bearbeiten.

Wenn es für eine Frage wichtig ist den Quellcode oder das Script mitzuliefern, dann bitte als Datei (am besten gepackt als zip-Datei) bereitstellen und hier nur dem Link auf die Datei posten.
Bitte dazu auch unsere Forenregeln beachten:
http://www.pragmamx.org/Content-pa-showpage-pid-48.html#brule_8 (http://www.pragmamx.org/Content-pa-showpage-pid-48.html#brule_8)

MfG
Titel: Re: Rollover
Beitrag von: Aram am 10 Februar 2007, 13:05:17
Alles klar hab ich jetzt geändert die Datei ist als Anhang dabei
Titel: Re: Rollover
Beitrag von: Baldyman am 18 April 2007, 23:30:29
Nabend zusammen,

ich komm absolut nimme weiter  :puzzled:
Ich geb´s jetzt auf. Versuch seit 6 Stunden so blöde RolloverButtons reinzubekommen....grrrrrrrrrr....nüscht.
Gibt´s irgendwo ein Theme, das RollOvers enthält ?
Vielleicht würde des helfen !?

THX
Titel: Re: Rollover
Beitrag von: Wonkodv am 19 April 2007, 14:22:47
Baldyman wenn es um HTML geht, ist diese Seite auf jeden Fall mal interessant!

http://www.andreas-kalt.de/webdesign/tutorials/menue-rollover

Gruß

Olaf
Titel: Re: Rollover
Beitrag von: Baldyman am 20 April 2007, 01:15:07
Danke Dir Wonkodv !
nette Seite....also solange ich die Seite hier bei mir zusammenbastel, gehts.
Ich mach die theme.html mit GoLive, hab aber auch schon DW probiert.
Wie gesagt, auf meinem Rechner geht´s noch, nur nicht wenn ich das Theme hochschubbs  :'(
Ich krieg die Krise....
Die Seite wird mir ganz normal angezeigt, ohne RollOverEffekt  :gruebel:
Titel: Re: Rollover
Beitrag von: Baldyman am 20 April 2007, 11:04:18
Hab zwar dies hier noch dazu gefunden,

http://www.pragmamx.org/Forum-topic-20496-start-msg139387.html#msg139387
(http://www.pragmamx.org/Forum-topic-20496-start-msg139387.html#msg139387)

komm aber trotzdem nicht wirklich weiter !?
Wenn ich gaaanz doll bettel, könnte viellecht jemand der das drauf hat
(wahrscheinlich alle ausser mir  :BD: ) vielleicht 2 RollOvers machen.
Hab 2 pics angehängt nur zum Testen. Vielleicht kann die ja jemand einfach ins
mx-default reinhauen. Wär ja egal wo die stehen,
die Hauptsache wäre, ich steig mal dahinter wo was rein muss.
Es muß ja irgendwas mir der theme.html und der dazugehörigen function.php zu tun
haben lt- obige post !? Wenn ich das richtig verstanden habe.

Ich hoffe es erbarmt sich jemand   :gott: :gott: :gott:

***//<BETTELMODUS_AN>//***

THX ... und schönes sonniges Wochenende !!!