Seite 1 von 2

mousover effekt

Verfasst: 25.09.2010 19:20
von Miraculix
Hollo ich würde gerne einen mousover effekt einbinden in der posting_button.html

//EDIT hier der code von der bbcode_button.html

Code: Alles auswählen

<script type="text/javascript">
// <![CDATA[
	var form_name = 'postform';
	var text_name = <!-- IF $SIG_EDIT -->'signature'<!-- ELSE -->'message'<!-- ENDIF -->;
	var load_draft = false;
	var upload = false;

	// Define the bbCode tags
	var bbcode = new Array();
	var bbtags = new Array('[b]','[/b]','[i]','[/i]','[u]','[/u]','[quote]','[/quote]','[code]','
','
  • ','
','
  • ','
','[img]','[/img]','','','[flash=]', '[/flash]','[size=]','[/size]'<!-- BEGIN custom_tags -->, {custom_tags.BBCODE_NAME}<!-- END custom_tags -->);
var imageTag = false;

// Helpline messages
var help_line = {
b: '{LA_BBCODE_B_HELP}',
i: '{LA_BBCODE_I_HELP}',
u: '{LA_BBCODE_U_HELP}',
q: '{LA_BBCODE_Q_HELP}',
c: '{LA_BBCODE_C_HELP}',
l: '{LA_BBCODE_L_HELP}',
o: '{LA_BBCODE_O_HELP}',
p: '{LA_BBCODE_P_HELP}',
w: '{LA_BBCODE_W_HELP}',
a: '{LA_BBCODE_A_HELP}',
s: '{LA_BBCODE_S_HELP}',
f: '{LA_BBCODE_F_HELP}',
e: '{LA_BBCODE_E_HELP}',
d: '{LA_BBCODE_D_HELP}'
<!-- BEGIN custom_tags -->
,cb_{custom_tags.BBCODE_ID}: '{custom_tags.A_BBCODE_HELPLINE}'
<!-- END custom_tags -->
}

var panels = new Array('options-panel', 'attach-panel', 'poll-panel');
var show_panel = 'options-panel';


// ]]>
</script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/editor.js"></script>

<!-- IF S_BBCODE_ALLOWED --><body bgcolor="#000000">
<div id="colour_palette" style="display: none;">
<dl style="clear: left;">
<dt><label>{L_FONT_COLOR}:</label></dt>
<dd>
<script type="text/javascript">
// <![CDATA[
function change_palette()
{
dE('colour_palette');
e = document.getElementById('colour_palette');

if (e.style.display == 'block')
{
document.getElementById('bbpalette').value = '{LA_FONT_COLOR_HIDE}';
}
else
{
document.getElementById('bbpalette').value = '{LA_FONT_COLOR}';
}
}

colorPalette('h', 15, 10);
// ]]>
</script>
</dd>
</dl>
</div>

<script
language="JavaScript">
<!--
button1_a= new Image();
button1_a.src = "../imageset/de/bold.gif"
button1_b= new Image();
button1_b.src = "../imageset/de/button-bold-mouseover.gif"
button2_a= new Image();
button2_a.src = "link02_start.gif"
button2_b= new Image();
button2_b.src = "link02_over.gif"
button3_a= new Image();
button3_a.src = "link03_start.gif"
button3_b= new Image();
button3_b.src = "link03_over.gif"
button4_a= new Image();
button4_a.src = "link04_start.gif"
button4_b= new Image();
button4_b.src = "link04_over.gif"

/* usw. für alle Grafiken,
die am Mouse-Over-Effekt beteiligt sind */

//-->
</script>

<div> <input type="button" accesskey="b" name="addbbcode0" value="" style=" background: url('styles/pbwow/imageset/de/bold.gif'); width: 28px; height: 35px; border: 0px" onmouseover="addbbcode0.src='../imageset/de/button-bold-mouseover.gif'" onmouseout="addbbcode0.src='../pbwow/imageset/de/bold.gif'" onclick="bbstyle(0)" title="{L_BBCODE_B_HELP}" /><input type="button" class="amcbutton" accesskey="i" name="addbbcode2" value="" style="background: url('styles/pbwow/imageset/de/button-italic.gif'); width: 28px; height: 35px" onclick="bbstyle(2)" title="{L_BBCODE_I_HELP}" /><input type="button" class="amcbutton" accesskey="u" name="addbbcode4" value="" style="background: url('styles/pbwow/imageset/de/button-underline.gif'); width: 28px; height: 35px" onclick="bbstyle(4)" title="{L_BBCODE_U_HELP}" /><!-- IF S_BBCODE_QUOTE --><input type="button" class="amcbutton" accesskey="q" name="addbbcode6" value="" style="background: url('styles/pbwow/imageset/de/button-quote.gif'); width: 28px; height: 35px" onclick="bbstyle(6)" title="{L_BBCODE_Q_HELP}" /><!-- ENDIF --><input type="button" class="amcbutton" accesskey="c" name="addbbcode8" value="" style="background: url('styles/pbwow/imageset/de/code.gif'); width: 28px; height: 35px" onclick="bbstyle(8)" title="{L_BBCODE_C_HELP}" /><input type="button" class="amcbutton" accesskey="l" name="addbbcode10" value="" style="background: url('styles/pbwow/imageset/de/button-list.gif'); width: 28px; height: 35px" onclick="bbstyle(10)" title="{L_BBCODE_L_HELP}" /><input type="button" class="amcbutton" accesskey="o" name="addbbcode12" value="" style="background: url('styles/pbwow/imageset/de/button-tabbed-list.gif'); width: 28px; height: 35px" onclick="bbstyle(12)" title="{L_BBCODE_O_HELP}" /><input type="button" class="amcbutton" accesskey="t" name="addlitsitem" value="" style="background: url('styles/pbwow/imageset/de/listitem.gif'); width: 28px; height: 35px" onclick="bbstyle(-1)" title="{L_BBCODE_LISTITEM_HELP}" />
<!-- IF S_BBCODE_IMG -->
<input type="button" class="button2" accesskey="p" name="addbbcode14" value="Img" style="width: 40px" onclick="bbstyle(14)" title="{L_BBCODE_P_HELP}" />
<!-- ENDIF -->
<!-- IF S_LINKS_ALLOWED -->
<input type="button" class="button2" accesskey="w" name="addbbcode16" value="URL" style="text-decoration: underline; width: 40px" onclick="bbstyle(16)" title="{L_BBCODE_W_HELP}" />
<!-- ENDIF -->
<!-- IF S_BBCODE_FLASH -->
<input type="button" class="button2" accesskey="d" name="addbbcode18" value="Flash" onclick="bbstyle(18)" title="{L_BBCODE_D_HELP}" />
<!-- ENDIF -->
<select name="addbbcode20" onchange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', '[/size]');this.form.addbbcode20.selectedIndex = 2;" title="{L_BBCODE_F_HELP}">
<option value="50">{L_FONT_TINY}</option>
<option value="85">{L_FONT_SMALL}</option>
<option value="100" selected="selected">{L_FONT_NORMAL}</option>
<!-- IF not MAX_FONT_SIZE or MAX_FONT_SIZE >= 150 -->
<option value="150">{L_FONT_LARGE}</option>
<!-- IF not MAX_FONT_SIZE or MAX_FONT_SIZE >= 200 -->
<option value="200">{L_FONT_HUGE}</option>
<!-- ENDIF -->
<!-- ENDIF --> </select>
<input type="button" class="button2" name="bbpalette" id="bbpalette" value="{L_FONT_COLOR}" onclick="change_palette();" title="{L_BBCODE_S_HELP}" />
<!-- BEGIN custom_tags -->
<input type="button" class="button2" name="addbbcode{custom_tags.BBCODE_ID}" value="{custom_tags.BBCODE_TAG}" onclick="bbstyle({custom_tags.BBCODE_ID})" title="{custom_tags.BBCODE_HELPLINE}" />
<!-- END custom_tags -->
<!-- IF not S_PRIVMSGS--> <!-- INCLUDE wowhead_buttons.html --> <!-- ENDIF -->
</div>
<!-- ENDIF -->
>[/code]

sollte doch so funktionieren oder ? macht es aber nicht es bleibt immer das standart bild .....

mfg
Miraculix

Re: mousover effekt

Verfasst: 26.09.2010 11:54
von aurora876
ich versteh nicht so recht, wo der mouseover hinsoll...
das müsstest du noch mal erklären.

Re: mousover effekt

Verfasst: 26.09.2010 12:26
von Miraculix
entschuldige bitte falls ich mich unklar geäusert habe :oops:

also mal von ganz vorne:

Ich möchte die Anzeige von den BBcode Button verändern, da mein style von (http://pbwow.com), die standart prosilver verwendet.
Dazu habe ich ein paar button/bilder hier im Beispiel: button_bold1.gif und button_bold2.gif

so nun möchte ich das standart mässig button_bold1.gif anstatt des standart prosilver buttons angezeigt wird.
Das habe ich so realisiert:

Code: Alles auswählen

<input type="button" accesskey="b" name="addbbcode0" value="" style=" background: url('styles/pbwow/imageset/de/button_bold1.gif'); width: 28px; height: 35px; border: 0px" onClick="bbstyle(0)" title="{L_BBCODE_B_HELP}" />
ich möchte aber, wenn man mit der Maus darüber fährt, das sich das Anzeigebild verändert in button_bold2.gif
dazu habe ich google gequält und diesen code gefunden (ist ja passend, da ich eh mehrere mouseover effecte machen möchte, für jeden button halt eines)
hier nocheinmal der link zu der seite wo ich den code her hab http://www.on-mouseover.de/script1.htm

Code: Alles auswählen

<html>
<head>
<script
language="JavaScript">
<!--
button1_a= new Image();
button1_a.src = "link01_start.gif"
button1_b= new Image();
button1_b.src = "link01_over.gif"
button2_a= new Image();
button2_a.src = "link02_start.gif"
button2_b= new Image();
button2_b.src = "link02_over.gif"
button3_a= new Image();
button3_a.src = "link03_start.gif"
button3_b= new Image();
button3_b.src = "link03_over.gif"
button4_a= new Image();
button4_a.src = "link04_start.gif"
button4_b= new Image();
button4_b.src = "link04_over.gif"

/* usw. für alle Grafiken,
die am Mouse-Over-Effekt beteiligt sind */

//-->
</script>
</head>

<body>

<a href="beispiel.html" onmouseover="austausch1.src='link01_over.gif';"
onmouseout="austausch1.src='link01_start.gif'"><img src="link01_start.gif"
border="0" width="150" height="30"
name="austausch1"></a>

<a href="beispiel2.html" onmouseover="austausch2.src='link02_over.gif';"
onmouseout="austausch2.src='link02_start.gif'"><img src="link02_start.gif"
border="0" width="150" height="30"
name="austausch2"></a>

<a href="beispiel3.html" onmouseover="austausch3.src='link03_over.gif';"
onmouseout="austausch3.src='link03_start.gif'"><img src="link03_start.gif"
border="0" width="150" height="30"
name="austausch3"></a>

<a href="beispiel4.html" onmouseover="austausch4.src='link04_over.gif';"
onmouseout="austausch4.src='link04_start.gif'"><img src="link04_start.gif"
border="0" width="150" height="30"
name="austausch4"></a>

</body>
</html>
so dann habe ich angefangen den code in die bbcode_button.html einzubinden
was ich aber abbändern musste weil,

dieser

Code: Alles auswählen

<input type="button" accesskey="b" name="addbbcode0" value="" style=" background: url('styles/pbwow/imageset/de/button_bold1.gif'); width: 28px; height: 35px; border: 0px" onClick="bbstyle(0)" title="{L_BBCODE_B_HELP}" />
und dieser

Code: Alles auswählen

<a href="beispiel3.html" onmouseover="austausch3.src='link03_over.gif';"
onmouseout="austausch3.src='link03_start.gif'"><img src="link03_start.gif"
border="0" width="150" height="30"
name="austausch3"></a>
völlig verschieden sind

wiegesagt ich möchte den mouseover effekt für diesen button haben( und später auch für die anderen)

Code: Alles auswählen

<input type="button" accesskey="b" name="addbbcode0" value="" style=" background: url('styles/pbwow/imageset/de/button_bold1.gif'); width: 28px; height: 35px; border: 0px" onClick="bbstyle(0)" title="{L_BBCODE_B_HELP}" />
also habe ich den code verändert in

Code: Alles auswählen

<input type="button" accesskey="b" name="addbbcode0" value="" style=" background: url('styles/pbwow/imageset/de/button_bold1.gif'); width: 28px; height: 35px; border: 0px" onMouseOver="addbbcode0.src='../imageset/de/button_bold1.gif'" onMouseOut="addbbcode0.src='../pbwow/imageset/de/button_bold2.gif'" onClick="bbstyle(0)" title="{L_BBCODE_B_HELP}" />
dazu das gehörige Java Script:

Code: Alles auswählen

<script
language="JavaScript">
<!--
button1_a= new Image();
button1_a.src = "../imageset/de/button_bold1.gif"
button1_b= new Image();
button1_b.src = "../imageset/de/button_bold2.gif"
button2_a= new Image();
button2_a.src = "link02_start.gif"
button2_b= new Image();
button2_b.src = "link02_over.gif"
button3_a= new Image();
button3_a.src = "link03_start.gif"
button3_b= new Image();
button3_b.src = "link03_over.gif"
button4_a= new Image();
button4_a.src = "link04_start.gif"
button4_b= new Image();
button4_b.src = "link04_over.gif"

/* usw. für alle Grafiken,
die am Mouse-Over-Effekt beteiligt sind */

//-->
</script>
im Ganzen

Code: Alles auswählen

<script type="text/javascript">
// <![CDATA[
	var form_name = 'postform';
	var text_name = <!-- IF $SIG_EDIT -->'signature'<!-- ELSE -->'message'<!-- ENDIF -->;
	var load_draft = false;
	var upload = false;

	// Define the bbCode tags
	var bbcode = new Array();
	var bbtags = new Array('[b]','[/b]','[i]','[/i]','[u]','[/u]','[quote]','[/quote]','[code]','
','
  • ','
','
  • ','
','[img]','[/img]','','','[flash=]', '[/flash]','[size=]','[/size]'<!-- BEGIN custom_tags -->, {custom_tags.BBCODE_NAME}<!-- END custom_tags -->);
var imageTag = false;

// Helpline messages
var help_line = {
b: '{LA_BBCODE_B_HELP}',
i: '{LA_BBCODE_I_HELP}',
u: '{LA_BBCODE_U_HELP}',
q: '{LA_BBCODE_Q_HELP}',
c: '{LA_BBCODE_C_HELP}',
l: '{LA_BBCODE_L_HELP}',
o: '{LA_BBCODE_O_HELP}',
p: '{LA_BBCODE_P_HELP}',
w: '{LA_BBCODE_W_HELP}',
a: '{LA_BBCODE_A_HELP}',
s: '{LA_BBCODE_S_HELP}',
f: '{LA_BBCODE_F_HELP}',
e: '{LA_BBCODE_E_HELP}',
d: '{LA_BBCODE_D_HELP}'
<!-- BEGIN custom_tags -->
,cb_{custom_tags.BBCODE_ID}: '{custom_tags.A_BBCODE_HELPLINE}'
<!-- END custom_tags -->
}

var panels = new Array('options-panel', 'attach-panel', 'poll-panel');
var show_panel = 'options-panel';


// ]]>
</script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/editor.js"></script>

<!-- IF S_BBCODE_ALLOWED --><body bgcolor="#000000">
<div id="colour_palette" style="display: none;">
<dl style="clear: left;">
<dt><label>{L_FONT_COLOR}:</label></dt>
<dd>
<script type="text/javascript">
// <![CDATA[
function change_palette()
{
dE('colour_palette');
e = document.getElementById('colour_palette');

if (e.style.display == 'block')
{
document.getElementById('bbpalette').value = '{LA_FONT_COLOR_HIDE}';
}
else
{
document.getElementById('bbpalette').value = '{LA_FONT_COLOR}';
}
}

colorPalette('h', 15, 10);
// ]]>
</script>
</dd>
</dl>
</div>

<script
language="JavaScript">
<!--
button1_a= new Image();
button1_a.src = "../imageset/de/button_bold1.gif"
button1_b= new Image();
button1_b.src = "../imageset/de/button_bold2.gif"
button2_a= new Image();
button2_a.src = "link02_start.gif"
button2_b= new Image();
button2_b.src = "link02_over.gif"
button3_a= new Image();
button3_a.src = "link03_start.gif"
button3_b= new Image();
button3_b.src = "link03_over.gif"
button4_a= new Image();
button4_a.src = "link04_start.gif"
button4_b= new Image();
button4_b.src = "link04_over.gif"

/* usw. für alle Grafiken,
die am Mouse-Over-Effekt beteiligt sind */

//-->
</script>

<div> <input type="button" accesskey="b" name="addbbcode0" value="" style=" background: url('styles/pbwow/imageset/de/button_bold1.gif'); width: 28px; height: 35px; border: 0px" onMouseOver="addbbcode0.src='../imageset/de/button_bold1.gif'" onMouseOut="addbbcode0.src='../pbwow/imageset/de/button_bold2.gif" onClick="bbstyle(0)" title="{L_BBCODE_B_HELP}" /><input type="button" class="amcbutton" accesskey="i" name="addbbcode2" value="" style="background: url('styles/pbwow/imageset/de/button-italic.gif'); width: 28px; height: 35px" onClick="bbstyle(2)" title="{L_BBCODE_I_HELP}" /><input type="button" class="amcbutton" accesskey="u" name="addbbcode4" value="" style="background: url('styles/pbwow/imageset/de/button-underline.gif'); width: 28px; height: 35px" onClick="bbstyle(4)" title="{L_BBCODE_U_HELP}" /><!-- IF S_BBCODE_QUOTE --><input type="button" class="amcbutton" accesskey="q" name="addbbcode6" value="" style="background: url('styles/pbwow/imageset/de/button-quote.gif'); width: 28px; height: 35px" onClick="bbstyle(6)" title="{L_BBCODE_Q_HELP}" /><!-- ENDIF --><input type="button" class="amcbutton" accesskey="c" name="addbbcode8" value="" style="background: url('styles/pbwow/imageset/de/code.gif'); width: 28px; height: 35px" onClick="bbstyle(8)" title="{L_BBCODE_C_HELP}" /><input type="button" class="amcbutton" accesskey="l" name="addbbcode10" value="" style="background: url('styles/pbwow/imageset/de/button-list.gif'); width: 28px; height: 35px" onClick="bbstyle(10)" title="{L_BBCODE_L_HELP}" /><input type="button" class="amcbutton" accesskey="o" name="addbbcode12" value="" style="background: url('styles/pbwow/imageset/de/button-tabbed-list.gif'); width: 28px; height: 35px" onClick="bbstyle(12)" title="{L_BBCODE_O_HELP}" /><input type="button" class="amcbutton" accesskey="t" name="addlitsitem" value="" style="background: url('styles/pbwow/imageset/de/listitem.gif'); width: 28px; height: 35px" onClick="bbstyle(-1)" title="{L_BBCODE_LISTITEM_HELP}" />
<!-- IF S_BBCODE_IMG -->
<input type="button" class="button2" accesskey="p" name="addbbcode14" value="Img" style="width: 40px" onClick="bbstyle(14)" title="{L_BBCODE_P_HELP}" />
<!-- ENDIF -->
<!-- IF S_LINKS_ALLOWED -->
<input type="button" class="button2" accesskey="w" name="addbbcode16" value="URL" style="text-decoration: underline; width: 40px" onClick="bbstyle(16)" title="{L_BBCODE_W_HELP}" />
<!-- ENDIF -->
<!-- IF S_BBCODE_FLASH -->
<input type="button" class="button2" accesskey="d" name="addbbcode18" value="Flash" onClick="bbstyle(18)" title="{L_BBCODE_D_HELP}" />
<!-- ENDIF -->
<select name="addbbcode20" onChange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', '[/size]');this.form.addbbcode20.selectedIndex = 2;" title="{L_BBCODE_F_HELP}">
<option value="50">{L_FONT_TINY}</option>
<option value="85">{L_FONT_SMALL}</option>
<option value="100" selected="selected">{L_FONT_NORMAL}</option>
<!-- IF not MAX_FONT_SIZE or MAX_FONT_SIZE >= 150 -->
<option value="150">{L_FONT_LARGE}</option>
<!-- IF not MAX_FONT_SIZE or MAX_FONT_SIZE >= 200 -->
<option value="200">{L_FONT_HUGE}</option>
<!-- ENDIF -->
<!-- ENDIF --> </select>
<input type="button" class="button2" name="bbpalette" id="bbpalette" value="{L_FONT_COLOR}" onClick="change_palette();" title="{L_BBCODE_S_HELP}" />
<!-- BEGIN custom_tags -->
<input type="button" class="button2" name="addbbcode{custom_tags.BBCODE_ID}" value="{custom_tags.BBCODE_TAG}" onClick="bbstyle({custom_tags.BBCODE_ID})" title="{custom_tags.BBCODE_HELPLINE}" />
<!-- END custom_tags -->
<!-- IF not S_PRIVMSGS--> <!-- INCLUDE wowhead_buttons.html --> <!-- ENDIF -->
</div>
<!-- ENDIF -->
[/code]

hoffe das es jetzt klarer wird was ich möchte
hier nochmal der Link zu meiner Seite http://amici-noctis.net

mfg
Miraculix

Re: mousover effekt

Verfasst: 26.09.2010 12:42
von archivar
Hallo,
möglicherweise sind die Bilder noch nicht an der Stelle wie hier von dir angegeben:

Code: Alles auswählen

button1_a= new Image();
button1_a.src = "../imageset/de/button_bold1.gif"
button1_b= new Image();
button1_b.src = "../imageset/de/button_bold2.gif"
:wink:

Re: mousover effekt

Verfasst: 26.09.2010 12:55
von Miraculix
die bilder liegen root/styles/pbwow/imageset/de/

und das script liegt root/styles/pbwow/template/

die angabe ist doch dann so korrekt oder?

ansonsten ist das Script so fehler frei ?

Re: mousover effekt

Verfasst: 26.09.2010 13:10
von archivar
Miraculix hat geschrieben:die bilder liegen root/styles/pbwow/imageset/de/
Vermutlich sind die Bildchen nicht dort.
Schau doch mal nach ob Du diese dort findest. :roll:

Code: Alles auswählen

    button1_a= new Image();
    button1_a.src = "../imageset/de/button_bold1.gif"
    button1_b= new Image();
    button1_b.src = "../imageset/de/button_bold2.gif"

Re: mousover effekt

Verfasst: 26.09.2010 13:20
von Miraculix
habe nochmal nachgeguckt und sie sind da

Funktioniert trozdem nicht :(

Re: mousover effekt

Verfasst: 26.09.2010 13:24
von franki
Hallo

Könnte evtl. an den 2 Punkten liegen liegen

Code: Alles auswählen

"../imageset/de/button_bold1.gif"
Versuche es mal mit

Code: Alles auswählen

"{T_IMAGESET_LANG_PATH}/button_bold1.gif"
oder

Code: Alles auswählen

"{T_IMAGESET_PATH}/de/button_bold1.gif"

Re: mousover effekt

Verfasst: 26.09.2010 13:28
von archivar
Miraculix hat geschrieben:habe nochmal nachgeguckt und sie sind da
Das ist aber nicht fair von dir.
Du hast diese erst dort hin geschoben nach dem ich dich darauf hingewiesen hatte. :evil:
Wenn man Fehler macht sollte man auch dazu stehen und nicht so tun als wäre alles in Butter gewesen.

Re: mousover effekt

Verfasst: 26.09.2010 13:41
von Miraculix
archivar hat geschrieben:
Miraculix hat geschrieben:habe nochmal nachgeguckt und sie sind da
Das ist aber nicht fair von dir.
Du hast diese erst dort hin geschoben nach dem ich dich darauf hingewiesen hatte. :evil:
Wenn man Fehler macht sollte man auch dazu stehen und nicht so tun als wäre alles in Butter gewesen.
:P nicht ganz ^^ voher hießen die bold.gif und button-bold-mouseover.gif habe sie nur renamed in button_bold1.gif und button_bold2.gif

also nicht böse sein waren da nur anders benannt wie hier da wie ich im 2 post ge4schrieben habe es nur einbeispiel sein sollte " z.B button_bold1.gif und button_bold2.gif"
:cry:

@ franki werd ich gleich mal testen muss aba kurz mit dem hund
EDIT:
Funktioniert auch bei nicht :(

Code: Alles auswählen

{T_IMAGESET_PATH}/de/button_bold1.gif
regards
Miraculix :D