phpBB.de

Verfasst: **25.09.2010 14:56**

Hallo allerseits ich sitze schon seit ein paar std vorm pc, quäle google, das forum hier und habe noch nichts zu meinem Problem gefunden

und zwar benutze ich das design von PBWOW http://pbwow.com da dieses design für die bbcode_button.html die standart prosilver button verwendet wollte ich diese dem style halt anpassen siehe bild
[ externes Bild ]

dazu habe ich nun folgende Fragen:

1. Wie bekomme ich den weissen rand weg?

2. habe ich versucht eine neue class= im css einzubinden hat aber irgendwie nicht funktioniert habe ich da was falsch gemacht ?

hier meine 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]','

','

','

','

','

','[ externes Bild ]','','','[flash=]', '[/flash]','[size=]','[/size]', {custom_tags.BBCODE_NAME});
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}'

,cb_{custom_tags.BBCODE_ID}: '{custom_tags.A_BBCODE_HELPLINE}'

}

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>

<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>

<div>
<input type="button" accesskey="b" name="addbbcode0" value="" style=" background: url('styles/pbwow/imageset/de/button-bold.gif'); width: 28px; height: 35px" 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}" /><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}" /><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}" />

<input type="button" class="button2" accesskey="p" name="addbbcode14" value="Img" style="width: 40px" onclick="bbstyle(14)" title="{L_BBCODE_P_HELP}" />


<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}" />


<input type="button" class="button2" accesskey="d" name="addbbcode18" value="Flash" onclick="bbstyle(18)" title="{L_BBCODE_D_HELP}" />

<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>

<option value="150">{L_FONT_LARGE}</option>

<option value="200">{L_FONT_HUGE}</option>

 </select>
<input type="button" class="button2" name="bbpalette" id="bbpalette" value="{L_FONT_COLOR}" onclick="change_palette();" title="{L_BBCODE_S_HELP}" />

<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}" />

  
</div>

[/code]

der css code den ich in die button.css getan habe

Code: Alles auswählen

.amcbutton { 
    width: 28px !important;
    height: 35px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    margin: 6px 0px !important;
    opacity: .65 !important;
    border: 0 !important;
    }

hoffe das mir jemand helfen kann

gruß
Miraculix

Verfasst: **25.09.2010 15:56**

hat sich erledigt problem gelöst

n freund hat mir n tipp gegeben border: 0px in meinen code mit einzubeziehen

beitrag closen bitte

phpBB.de

[Frage]Style der bbcode Buttons anpassen

[Frage]Style der bbcode Buttons anpassen

Re: [Frage]Style der bbcode Buttons anpassen