[gelöst] Rollover buttons im Forum.

Lyrax · September 02, 2004, 05:00:34 AM

Hallo zusammen, ich bastel gerade an einem Theme für unsere Firmenpage und bin über folgendes Problem gestolpert:

echo '<a href="', $scripturl, '?action=admin">', ($settings['use_image_buttons'] ? '<img src="' . $settings['images_url'] . '/' . $context['user']['language'] . '/admin.gif" alt="' . $txt[2] . '" border="0" />' : $txt[2]), '</a>', $context['menu_separator'];

das ist mein code für einen ganz normalen button. wenn ich nun bei diesem button ein rollover haben möchte, dann mache ich das wie?
habe dreamweaver benutzt um das mit den rollovers zu testen, aber da passiert rein gar nichts

Forum: www.abiristen.de/Forumts
Soll zum beispiel bei dem button übersicht passieren.
Grüßle

Pitti · September 02, 2004, 05:16:08 AM

hi lyrax,

ich geh mal davon aus du meinst mit rollover das überfahren des links mit der maus.
was genau soll denn dabei passieren?

Lyrax · September 02, 2004, 05:18:04 AM

www.nuzinger.de
genau das selber wie hier auf der page
einfach nen anderes bilde bei mouseover.
ich brauch nicht das menu was seitlich aufpopt, sondern einfach nur das bild mit dem bläulichen hintergrund. (also den code dazu)

Daniel D. · September 02, 2004, 05:26:26 AM

Im Netz gibt es massenhaft Seiten dazu. Schon was gefunden?

Lyrax · September 02, 2004, 05:46:19 AM

wie das rollover geht ist nicht so der stress, das macht mir der dreamweaver von alleine...
(ich weiß zwar net wie gut das gecodet ist... aber was solls)
code würde so aussehen

Code Select


<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_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 onLoad="MM_preloadImages('bild2')">
<a href="meineurl" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','bild2',1)"><img name="Image1" border="0" src="bild1"></a>

die frage ist wie ich die beiden codes so miteinander verbinde das das eine und das andere geht...

Pitti · September 02, 2004, 05:54:34 AM

wenn du in den code der postseite des babylonthemes schaust würdest du es finden.
die formatierungsknöppe haben sowas

gruß pitti

Lyrax · September 02, 2004, 06:24:22 AM

*cheer*
danke sehr, werds mir rienziehn
ok hehe, nach der suchfunktion bin ich net schlauer, ein link zu der theme wäre super nett

andrea · September 02, 2004, 07:00:14 AM

Pitti meint, dass Du im "default" theme nachgucken kannst wie so was gemacht wird. Rollovers gibt's nämlich dort an 2 Orten:

Post.template.php (Hintergrund Bild der BBC Buttons)
index.template.php (Rollover der 4 Icons php, mysql, w3c, css)

Lyrax · September 02, 2004, 08:30:41 AM

ok habs gefunden
verstanden auch.
mal schauen ob ichs umsetzten kann, hab noch nie javascript gesehen, aber scheint logisch zu sein.

Andrea Hubacher Ex Lead Support Specialist www.simplemachines.org		Personal Signature: Most recent work: 10 Aqua Themes for SMF

News:

[gelöst] Rollover buttons im Forum.