[Frage]Style der bbcode Buttons anpassen

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Antworten
Miraculix
Mitglied
Beiträge: 19
Registriert: 29.12.2009 18:22

[Frage]Style der bbcode Buttons anpassen

Beitrag von Miraculix »

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]'<!-- 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>

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

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
Nach oben
Miraculix
Mitglied
Beiträge: 19
Registriert: 29.12.2009 18:22

Re: [Frage]Style der bbcode Buttons anpassen

Beitrag von Miraculix »

hat sich erledigt problem gelöst

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

beitrag closen bitte
Nach oben
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“