posting_buttons subsilver in prosilver konvetieren
Verfasst: 17.02.2011 15:32
Ich habe ein ordentlich gemoddetes Board basierend auf einem subsilver Style laufen.
Da der Support für subsilver ja irgendwann in absehbarer Zeit eingestellt wird, versuche ich meinen eigenen Style auf einem prosilver aufzubauen.
Bei der posting_buttons habe ich mir heute die Zähne ausgebissen..
Wäre toll, wenn da mal einer drüber schaut und mir das gute Stück für prosilver passend macht!
posting_buttons subsilver:
','
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}',
t: '{LA_BBCODE_T_HELP}',
tip: '{L_STYLES_TIP}',
x: '{LA_BBCODE_CHARS_HELP}',
v: '{LA_BBCODE_V_HELP}'
<!-- BEGIN custom_tags -->
,cb_{custom_tags.BBCODE_ID}: '{custom_tags.A_BBCODE_HELPLINE}'
<!-- END custom_tags -->
}
// ]]>
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/editor.js"></script>
<!-- IF S_BBCODE_ALLOWED -->
<input type="button" class="buttonz" accesskey="b" name="addbbcode0" value="" onclick="bbstyle(0)" onmouseover="helpline('b')" onmouseout="helpline('tip')" style="background: url('./images/editor/text_bold.png');" />
<input type="button" class="buttonz" accesskey="i" name="addbbcode2" value="" style="background: url('./images/editor/text_italic.png');" onclick="bbstyle(2)" onmouseover="helpline('i')" onmouseout="helpline('tip')" />
<input type="button" class="buttonz" accesskey="u" name="addbbcode4" value="" style="background: url('./images/editor/text_underline.png');" onclick="bbstyle(4)" onmouseover="helpline('u')" onmouseout="helpline('tip')" />
<!-- IF S_BBCODE_QUOTE -->
<input type="button" class="buttonz" accesskey="q" name="addbbcode6" value="" style="background: url('./images/editor/comment.png');" onclick="bbstyle(6)" onmouseover="helpline('q')" onmouseout="helpline('tip')" />
<!-- ENDIF -->
<input type="button" class="buttonz" accesskey="c" name="addbbcode8" value="" style="background: url('./images/editor/page_white_code.png');" onclick="bbstyle(8)" onmouseover="helpline('c')" onmouseout="helpline('tip')" />
<input type="button" class="buttonz" accesskey="l" name="addbbcode10" value="" style="background: url('./images/editor/text_list_bullets.png');" onclick="bbstyle(10)" onmouseover="helpline('l')" onmouseout="helpline('tip')" />
<input type="button" class="buttonz" accesskey="o" name="addbbcode12" value="" style="background: url('./images/editor/text_list_numbers.png');" onclick="bbstyle(12)" onmouseover="helpline('o')" onmouseout="helpline('tip')" />
<input type="button" class="buttonz" accesskey="y" name="addlitsitem" value="" style="background: url('./images/editor/bullet_black.png');" onclick="bbstyle(-1)" onmouseover="helpline('e')" onmouseout="helpline('tip')" />
<!-- IF S_BBCODE_IMG -->
<input type="button" class="buttonz" accesskey="p" name="addbbcode14" value="" style="background: url('./images/editor/image.png');" onclick="bbstyle(14)" onmouseover="helpline('p')" onmouseout="helpline('tip')" />
<!-- ENDIF -->
<!-- IF S_LINKS_ALLOWED -->
<input type="button" class="buttonz" accesskey="w" name="addbbcode16" value="" style="background: url('./images/editor/world_link.png');" onclick="bbstyle(16)" onmouseover="helpline('w')" onmouseout="helpline('tip')" />
<!-- ENDIF -->
<!-- IF S_BBCODE_FLASH -->
<input type="button" class="buttonz" accesskey="d" name="addbbcode18" value="" style="background: url('./images/editor/page_white_flash.png');" onclick="bbstyle(18)" onmouseover="helpline('d')" onmouseout="helpline('tip')" />
<!-- ENDIF -->
<!-- start special char and colour palette buttons -->
<input type="button" class="buttonz" value="" style="background: url('./images/omega.png');" onclick="javascript:;" onmousedown="toggleDiv('chars_view');" onmouseover="helpline('x');" onmouseout="helpline('tip');"/>
<input type="button" class="buttonz" value="" style="background: url('./images/color.png');" onclick="javascript:;" onmousedown="toggleDiv('colour_palette');" onmouseover="helpline('v');" onmouseout="helpline('tip');"/>
<!-- end special char and colour palette buttons -->
<select name="addbbcode20" onchange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', '[/size]');this.form.addbbcode20.selectedIndex = 2;" onmouseover="helpline('f')" onmouseout="helpline('tip')">
<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></span>
<select name="addbbcode22" onchange="bbfontstyle('[font=' + this.options[this.selectedIndex].value + ']', '[/font]');this.selectedIndex = 5;" title="Font type: [font=Arial]Your Text[/font]">
<option value="Arial" selected="selected">Arial</option>
<option value="Arial Black">Arial Black</option>
<option value="Courier">Courier</option>
<option value="Comic Sans MS">Comic Sans MS</option>
<option value="Georgia">Georgia</option>
<option value="" selected="selected">Font Family</option>
<option value="Impact">Impact</option>
<option value="Lucida Console">Lucida Console</option>
<option value="MS Sans Serif4">MS Sans Serif4</option>
<option value="Palatino Linotype">Palatino Linotype</option>
<option value="System">System</option>
<option value="Symbol">Symbol</option>
<option value="Tahoma">Tahoma</option>
<option value="Times New Roman">Times New Roman</option>
<option value="Verdana">Verdana</option>
</select>
<!-- ENDIF -->
<!-- IF S_BBCODE_ALLOWED and .custom_tags -->
<select name="addbbcode_custom" onchange="bbstyle(this.form.addbbcode_custom.options[this.form.addbbcode_custom.selectedIndex].value*1);this.form.addbbcode_custom.selectedIndex = 0;">
<option value="#" selected="selected">BBCodes</option>
<!-- BEGIN custom_tags -->
<option value="{custom_tags.BBCODE_ID}" title="{custom_tags.BBCODE_HELPLINE}">{custom_tags.BBCODE_TAG}</option>
<!-- END custom_tags -->
</select> <span><input type="button" class="button2" value="Open BBCodes" onclick="if (this.parentNode.parentNode.getElementsByTagName('span')[1].getElementsByTagName('span')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('span')[1].getElementsByTagName('span')[0].style.display = ''; this.innerText = ''; this.value = 'Hide BBCodes'; } else { this.parentNode.parentNode.getElementsByTagName('span')[1].getElementsByTagName('span')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open BBCodes'; }" /></span><span style="margin:5px;"><span style="display: none;"><br /> <!-- BEGIN custom_tags -->
<input type="button" class="buttonz" name="addbbcode{custom_tags.BBCODE_ID}" value="" style="background: url('./images/editor/{custom_tags.BBCODE_TAG}.png');" onclick="bbstyle({custom_tags.BBCODE_ID})" onmouseover="helpline('cb_{custom_tags.BBCODE_ID}')" onmouseout="helpline('tip')" />
<!-- END custom_tags -->
</span></span>
</td>
</tr>
<!-- ENDIF -->
<!-- IF S_BBCODE_ALLOWED -->
<tr>
<td><!-- IF $S_SIGNATURE or S_EDIT_DRAFT --><!-- ENDIF --><input type="text" readonly="readonly" name="helpbox" style="width:100%" class="helpline" value="{L_STYLES_TIP}" /></td>
<!-- IF not $S_SIGNATURE and not S_EDIT_DRAFT -->
<tr><td>
<!-- colour palette and special characters scripts -->
<!-- start colour palette script -->
<div id="colour_palette" align="center" style="display: none;">
<script type="text/javascript">
function change_palette()
{
dE('colour_palette');
e = document.getElementById('colour_palette');
}
colorPalette('h', 10, 6);
</script>
</div>
<script language="javascript">
function toggleDiv(colour_palette){
if(document.getElementById(colour_palette).style.display == 'none'){
document.getElementById(colour_palette).style.display = 'block';
}else{
document.getElementById(colour_palette).style.display = 'none';
}
}
</script>
<!-- end colour palette script -->
<!--start spec char script -->
<div id="chars_view" align="center" style="display: none;">
<dt>
<li id="zoom" style="text-align:center; list-style-type:none; padding-top:2px; font-size: 36px;"> </li>
</dt>
<script type="text/javascript">
// <![CDATA[
function change_chars()
{
dE('chars_view');
e = document.getElementById('chars_view');
}
specialchar();
// ]]>
</script>
</div>
<script language="javascript">
function toggleDiv(chars_view){
if(document.getElementById(chars_view).style.display == 'none'){
document.getElementById(chars_view).style.display = 'block';
}else{
document.getElementById(chars_view).style.display = 'none';
}
}
</script>
<!-- end special character script -->
<!-- end colour palette and special characters scripts -->
</td></tr>
<!-- ENDIF -->
</tr>
<!-- ENDIF -->
[/code]
Da der Support für subsilver ja irgendwann in absehbarer Zeit eingestellt wird, versuche ich meinen eigenen Style auf einem prosilver aufzubauen.
Bei der posting_buttons habe ich mir heute die Zähne ausgebissen..
Wäre toll, wenn da mal einer drüber schaut und mir das gute Stück für prosilver passend macht!
posting_buttons subsilver:
Code: Alles auswählen
<tr valign="middle" align="{S_CONTENT_FLOW_BEGIN}">
<td colspan="2">
<script type="text/javascript">
// <![CDATA[
// Define the bbCode tags
var bbcode = new Array();
var bbtags = new Array('[b]','[/b]','[i]','[/i]','[u]','[/u]','[quote]','[/quote]','[code]','
- ','
- ','
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}',
t: '{LA_BBCODE_T_HELP}',
tip: '{L_STYLES_TIP}',
x: '{LA_BBCODE_CHARS_HELP}',
v: '{LA_BBCODE_V_HELP}'
<!-- BEGIN custom_tags -->
,cb_{custom_tags.BBCODE_ID}: '{custom_tags.A_BBCODE_HELPLINE}'
<!-- END custom_tags -->
}
// ]]>
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/editor.js"></script>
<!-- IF S_BBCODE_ALLOWED -->
<input type="button" class="buttonz" accesskey="b" name="addbbcode0" value="" onclick="bbstyle(0)" onmouseover="helpline('b')" onmouseout="helpline('tip')" style="background: url('./images/editor/text_bold.png');" />
<input type="button" class="buttonz" accesskey="i" name="addbbcode2" value="" style="background: url('./images/editor/text_italic.png');" onclick="bbstyle(2)" onmouseover="helpline('i')" onmouseout="helpline('tip')" />
<input type="button" class="buttonz" accesskey="u" name="addbbcode4" value="" style="background: url('./images/editor/text_underline.png');" onclick="bbstyle(4)" onmouseover="helpline('u')" onmouseout="helpline('tip')" />
<!-- IF S_BBCODE_QUOTE -->
<input type="button" class="buttonz" accesskey="q" name="addbbcode6" value="" style="background: url('./images/editor/comment.png');" onclick="bbstyle(6)" onmouseover="helpline('q')" onmouseout="helpline('tip')" />
<!-- ENDIF -->
<input type="button" class="buttonz" accesskey="c" name="addbbcode8" value="" style="background: url('./images/editor/page_white_code.png');" onclick="bbstyle(8)" onmouseover="helpline('c')" onmouseout="helpline('tip')" />
<input type="button" class="buttonz" accesskey="l" name="addbbcode10" value="" style="background: url('./images/editor/text_list_bullets.png');" onclick="bbstyle(10)" onmouseover="helpline('l')" onmouseout="helpline('tip')" />
<input type="button" class="buttonz" accesskey="o" name="addbbcode12" value="" style="background: url('./images/editor/text_list_numbers.png');" onclick="bbstyle(12)" onmouseover="helpline('o')" onmouseout="helpline('tip')" />
<input type="button" class="buttonz" accesskey="y" name="addlitsitem" value="" style="background: url('./images/editor/bullet_black.png');" onclick="bbstyle(-1)" onmouseover="helpline('e')" onmouseout="helpline('tip')" />
<!-- IF S_BBCODE_IMG -->
<input type="button" class="buttonz" accesskey="p" name="addbbcode14" value="" style="background: url('./images/editor/image.png');" onclick="bbstyle(14)" onmouseover="helpline('p')" onmouseout="helpline('tip')" />
<!-- ENDIF -->
<!-- IF S_LINKS_ALLOWED -->
<input type="button" class="buttonz" accesskey="w" name="addbbcode16" value="" style="background: url('./images/editor/world_link.png');" onclick="bbstyle(16)" onmouseover="helpline('w')" onmouseout="helpline('tip')" />
<!-- ENDIF -->
<!-- IF S_BBCODE_FLASH -->
<input type="button" class="buttonz" accesskey="d" name="addbbcode18" value="" style="background: url('./images/editor/page_white_flash.png');" onclick="bbstyle(18)" onmouseover="helpline('d')" onmouseout="helpline('tip')" />
<!-- ENDIF -->
<!-- start special char and colour palette buttons -->
<input type="button" class="buttonz" value="" style="background: url('./images/omega.png');" onclick="javascript:;" onmousedown="toggleDiv('chars_view');" onmouseover="helpline('x');" onmouseout="helpline('tip');"/>
<input type="button" class="buttonz" value="" style="background: url('./images/color.png');" onclick="javascript:;" onmousedown="toggleDiv('colour_palette');" onmouseover="helpline('v');" onmouseout="helpline('tip');"/>
<!-- end special char and colour palette buttons -->
<select name="addbbcode20" onchange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', '[/size]');this.form.addbbcode20.selectedIndex = 2;" onmouseover="helpline('f')" onmouseout="helpline('tip')">
<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></span>
<select name="addbbcode22" onchange="bbfontstyle('[font=' + this.options[this.selectedIndex].value + ']', '[/font]');this.selectedIndex = 5;" title="Font type: [font=Arial]Your Text[/font]">
<option value="Arial" selected="selected">Arial</option>
<option value="Arial Black">Arial Black</option>
<option value="Courier">Courier</option>
<option value="Comic Sans MS">Comic Sans MS</option>
<option value="Georgia">Georgia</option>
<option value="" selected="selected">Font Family</option>
<option value="Impact">Impact</option>
<option value="Lucida Console">Lucida Console</option>
<option value="MS Sans Serif4">MS Sans Serif4</option>
<option value="Palatino Linotype">Palatino Linotype</option>
<option value="System">System</option>
<option value="Symbol">Symbol</option>
<option value="Tahoma">Tahoma</option>
<option value="Times New Roman">Times New Roman</option>
<option value="Verdana">Verdana</option>
</select>
<!-- ENDIF -->
<!-- IF S_BBCODE_ALLOWED and .custom_tags -->
<select name="addbbcode_custom" onchange="bbstyle(this.form.addbbcode_custom.options[this.form.addbbcode_custom.selectedIndex].value*1);this.form.addbbcode_custom.selectedIndex = 0;">
<option value="#" selected="selected">BBCodes</option>
<!-- BEGIN custom_tags -->
<option value="{custom_tags.BBCODE_ID}" title="{custom_tags.BBCODE_HELPLINE}">{custom_tags.BBCODE_TAG}</option>
<!-- END custom_tags -->
</select> <span><input type="button" class="button2" value="Open BBCodes" onclick="if (this.parentNode.parentNode.getElementsByTagName('span')[1].getElementsByTagName('span')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('span')[1].getElementsByTagName('span')[0].style.display = ''; this.innerText = ''; this.value = 'Hide BBCodes'; } else { this.parentNode.parentNode.getElementsByTagName('span')[1].getElementsByTagName('span')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open BBCodes'; }" /></span><span style="margin:5px;"><span style="display: none;"><br /> <!-- BEGIN custom_tags -->
<input type="button" class="buttonz" name="addbbcode{custom_tags.BBCODE_ID}" value="" style="background: url('./images/editor/{custom_tags.BBCODE_TAG}.png');" onclick="bbstyle({custom_tags.BBCODE_ID})" onmouseover="helpline('cb_{custom_tags.BBCODE_ID}')" onmouseout="helpline('tip')" />
<!-- END custom_tags -->
</span></span>
</td>
</tr>
<!-- ENDIF -->
<!-- IF S_BBCODE_ALLOWED -->
<tr>
<td><!-- IF $S_SIGNATURE or S_EDIT_DRAFT --><!-- ENDIF --><input type="text" readonly="readonly" name="helpbox" style="width:100%" class="helpline" value="{L_STYLES_TIP}" /></td>
<!-- IF not $S_SIGNATURE and not S_EDIT_DRAFT -->
<tr><td>
<!-- colour palette and special characters scripts -->
<!-- start colour palette script -->
<div id="colour_palette" align="center" style="display: none;">
<script type="text/javascript">
function change_palette()
{
dE('colour_palette');
e = document.getElementById('colour_palette');
}
colorPalette('h', 10, 6);
</script>
</div>
<script language="javascript">
function toggleDiv(colour_palette){
if(document.getElementById(colour_palette).style.display == 'none'){
document.getElementById(colour_palette).style.display = 'block';
}else{
document.getElementById(colour_palette).style.display = 'none';
}
}
</script>
<!-- end colour palette script -->
<!--start spec char script -->
<div id="chars_view" align="center" style="display: none;">
<dt>
<li id="zoom" style="text-align:center; list-style-type:none; padding-top:2px; font-size: 36px;"> </li>
</dt>
<script type="text/javascript">
// <![CDATA[
function change_chars()
{
dE('chars_view');
e = document.getElementById('chars_view');
}
specialchar();
// ]]>
</script>
</div>
<script language="javascript">
function toggleDiv(chars_view){
if(document.getElementById(chars_view).style.display == 'none'){
document.getElementById(chars_view).style.display = 'block';
}else{
document.getElementById(chars_view).style.display = 'none';
}
}
</script>
<!-- end special character script -->
<!-- end colour palette and special characters scripts -->
</td></tr>
<!-- ENDIF -->
</tr>
<!-- ENDIF -->
[/code]