Fijate que el estilo es completamente nuevo a como lo descargue para la version 3.0.6 de phpBB...
Y edite el archivo de posting buttons de nuevo para que saliera el BBCode...
Sin embargo, no me salio ahora la linea de ayuda...
Te dejo aqui los archivos...
Por que el PasteBin no esta funcionando creo...
posting_buttons.php
Código: Seleccionar todo
<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]','
','
','
','
','
',' ','[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}',
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}',
// Botones en imagenes por mitch
font: 'Tipo de fuente:
Texto ',
align_left: 'Alinear a la Izquierda:
Texto
',
align_center: 'Centrar:
Texto
',
align_right: 'Alinear a la Derecha:
Texto
',
align_justify: 'Justificar:
Texto
',
sup: 'Superíndice:
Texto ',
sub: 'Subíndice:
Texto ',
strike: 'Texto Tachado:
Texto ',
hr: 'Línea Horizontal:
',
ot: 'Off Topic:
',
marquee_down: 'Desplazar texto hacia abajo: Texto',
marquee_up: 'Desplazar texto hacia arriba: Texto',
marquee_left: 'Desplazar texto hacia la izquierda: Texto',
marquee_right: 'Desplazar texto hacia la derecha: Texto',
spoiler: 'Spoiler:
Texto Ocultar
',
hide: 'Hide:
Texto Ocultar
',
mp3: 'Archivo de audio (mp3):
',
youtube: 'Video youtube:
VIDEO ',
// fin botones en imagenes por mitch
tip: '{L_STYLES_TIP}'
<!-- 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 -->
<select class="gensmall" style="height: 18px;" name="fuentes" onchange="bbfontstyle('[font=' + this.form.fuentes.options[this.form.fuentes.selectedIndex].value + ']', '[/font]');this.selectedIndex=0;" onmouseover="helpline('font')">
<option value="" class="genmed" style="font-family: Verdana;" selected="selected">Fuente</option>
<option value="Arial" class="genmed" style="font-family: Arial;">Arial</option>
<option value="Comic Sans MS" class="genmed" style="font-family: 'Comic Sans MS';">Comic Sans MS</option>
<option value="Courier New" class="genmed" style="font-family: 'Courier New';">Courier New</option>
<option value="Impact" class="genmed" style="font-family: Impact;">Impact</option>
<option value="Lucida Console" class="genmed" style="font-family: 'Lucida Console';">Lucida Console</option>
<option value="Lucida Sans Unicode" class="genmed" style="font-family: 'Lucida Sans Unicode';">Lucida Sans Unicode</option>
<option value="Microsoft Sans Serif" class="genmed" style="font-family: 'Microsoft Sans Serif';">Microsoft Sans Serif</option>
<option value="Symbol" class="genmed" style="font-family: Symbol;">Symbol</option>
<option value="Tahoma" class="genmed" style="font-family: Tahoma;">Tahoma</option>
<option value="Times New Roman" class="genmed" style="font-family: 'Times New Roman';">Times New Roman</option>
<option value="Traditional Arabic" class="genmed" style="font-family: 'Traditional Arabic';">Traditional Arabic</option>
<option value="Trebuchet MS" class="genmed" style="font-family: 'Trebuchet MS';">Trebuchet MS</option>
<option value="Verdana" class="genmed" style="font-family: Verdana;">Verdana</option>
<option value="Webdings" class="genmed" style="font-family: Webdings;">Webdings</option>
<option value="Wingdings" class="genmed" style="font-family: Wingdings;">Wingdings</option>
</select>
<select class="gensmall" name="addbbcode20" onchange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', '[/size]');this.form.addbbcode20.selectedIndex = 0;" onmouseover="helpline('f')" onmouseout="helpline('tip')">
<option value="" selected="selected">Tamaño</option>
<option value="50">{L_FONT_TINY}</option>
<option value="85">{L_FONT_SMALL}</option>
<option value="100">{L_FONT_NORMAL}</option>
<option value="150">{L_FONT_LARGE}</option>
<option value="200">{L_FONT_HUGE}</option>
</select>
<br><br>
<img src="./images/posting/left.gif" border="0" alt="align=left" onclick="bbfontstyle('
','
')" onmouseover="helpline('align_left')" onmouseout="helpline('tip')" class="bbimages"/>
<img src="./images/posting/center.gif" border="0" alt="align=right" onclick="bbfontstyle('
','
')" onmouseover="helpline('align_center')" onmouseout="helpline('tip')" class="bbimages"/>
<img src="./images/posting/right.gif" border="0" alt="align=right" onclick="bbfontstyle('
','
')" onmouseover="helpline('align_right')" onmouseout="helpline('tip')" class="bbimages"/>
<img src="./images/posting/justify.gif" border="0" alt="align=justify" onclick="bbfontstyle('
','
')" onmouseover="helpline('align_justify')" onmouseout="helpline('tip')" class="bbimages"/>
<img src="./images/posting/dots.gif" border="0" style="padding-left: 5px; padding-right: 5px;" />
<img src="./images/posting/bold.gif" border="0" alt="b" accesskey="b" name="addbbcode0" value=" B " onclick="bbstyle(0)" onmouseover="helpline('b')" onmouseout="helpline('tip')" class="bbimages"/>
<img src="./images/posting/italic.gif" border="0" alt="i" accesskey="i" name="addbbcode2" value=" i " onclick="bbstyle(2)" onmouseover="helpline('i')" onmouseout="helpline('tip')" class="bbimages"/>
<img src="./images/posting/under.gif" border="0" alt="u" accesskey="u" name="addbbcode4" value=" u " onclick="bbstyle(4)" onmouseover="helpline('u')" onmouseout="helpline('tip')" class="bbimages"/>
<img src="./images/posting/strike.gif" border="0" alt="strike" onclick="bbfontstyle('
',' ')" onmouseover="helpline('s')" onmouseout="helpline('tip')" border="0" class="bbimages"/>
<img src="./images/posting/sup.gif" border="0" alt="sup" onclick="bbfontstyle('
',' ')" onmouseover="helpline('sup')" onmouseout="helpline('tip')" border="0" class="bbimages"/>
<img src="./images/posting/sub.gif" border="0" alt="sub" onclick="bbfontstyle('
',' ')" onmouseover="helpline('sub')" onmouseout="helpline('tip')" border="0" class="bbimages"/>
<img src="./images/posting/dots.gif" border="0" style="padding-left: 5px; padding-right: 5px;" />
<img src="./images/posting/listb.gif" border="0" alt="list" accesskey="l" name="addbbcode10" value="List" onclick="bbstyle(10)" onmouseover="helpline('l')" onmouseout="helpline('tip')" class="bbimages"/>
<img src="./images/posting/listo.gif" border="0" alt="list" accesskey="o" name="addbbcode12" value="List=" onclick="bbstyle(12)" onmouseover="helpline('o')" onmouseout="helpline('tip')" class="bbimages"/>
<img src="./images/posting/listitem.gif" border="0" alt="[*]" accesskey="t" name="addlitsitem" value="[*]" onclick="bbstyle(-1)" onmouseover="helpline('e')" onmouseout="helpline('tip')" class="bbimages"/>
<img src="./images/posting/dots.gif" border="0" style="padding-left: 5px; padding-right: 5px;" />
<img src="./images/posting/hr.gif" border="0" alt="hr" onclick="bbfontstyle('
')" onmouseover="helpline('hr')" onmouseout="helpline('tip')" border="0" class="bbimages"/>
<img src="./images/posting/ot.gif" border="0" alt="ot" onclick="bbfontstyle('
')" onmouseover="helpline('ot')" onmouseout="helpline('tip')" border="0" class="bbimages"/>
<img src="./images/posting/dots.gif" border="0" style="padding-left: 5px; padding-right: 5px;" />
<img src="./images/posting/marqd.gif" border="0" alt="marquee=down" onclick="bbfontstyle('','')" onmouseover="helpline('marquee_down')" onmouseout="helpline('tip')" class="bbimages"/>
<img src="./images/posting/marqu.gif" border="0" alt="marquee=up" onclick="bbfontstyle('','')" onmouseover="helpline('marquee_up')" onmouseout="helpline('tip')" class="bbimages"/>
<img src="./images/posting/marql.gif" border="0" alt="marquee=left" onclick="bbfontstyle('','')" onmouseover="helpline('marquee_left')" onmouseout="helpline('tip')" class="bbimages"/>
<img src="./images/posting/marqr.gif" border="0" alt="marquee=right" onclick="bbfontstyle('','')" onmouseover="helpline('marquee_right')" onmouseout="helpline('tip')" class="bbimages"/>
<br>
<!-- IF S_BBCODE_QUOTE -->
<img src="./images/posting/quote.gif" border="0" alt="quote" accesskey="q" name="addbbcode6" value="Quote" onclick="bbstyle(6)" onmouseover="helpline('q')" onmouseout="helpline('tip')" class="bbimages"/>
<!-- ENDIF -->
<img src="./images/posting/code.gif" border="0" alt="code" accesskey="c" name="addbbcode8" value="Code" onclick="bbstyle(8)" onmouseover="helpline('c')" onmouseout="helpline('tip')" class="bbimages"/>
<img src="./images/posting/spoiler.gif" border="0" alt="spoiler" onclick="bbfontstyle('
','
')" onmouseover="helpline('spoiler')" onmouseout="helpline('tip')" border="0" class="bbimages"/>
<img src="./images/posting/dots.gif" border="0" style="padding-left: 5px; padding-right: 5px;" />
<!-- IF S_BBCODE_IMG -->
<img src="./images/posting/img.gif" border="0" alt="img" accesskey="p" name="addbbcode14" value="Img" onclick="bbstyle(14)" onmouseover="helpline('p')" onmouseout="helpline('tip')" class="bbimages"/>
<!-- ENDIF -->
<!-- IF S_LINKS_ALLOWED -->
<img src="./images/posting/url.gif" border="0" alt="URL" accesskey="w" name="addbbcode16" value="URL" onclick="bbstyle(16)" onmouseover="helpline('w')" onmouseout="helpline('tip')" class="bbimages"/>
<!-- ENDIF -->
<img src="./images/posting/dots.gif" border="0" style="padding-left: 5px; padding-right: 5px;" />
<!-- IF S_BBCODE_FLASH -->
<img src="./images/posting/flash.gif" border="0" alt="Flash" accesskey="d" name="addbbcode18" value="Flash" onclick="bbstyle(18)" onmouseover="helpline('d')" onmouseout="helpline('tip')" class="bbimages"/>
<!-- ENDIF -->
<img src="./images/posting/mp3.gif" border="0" alt="mp3" onclick="bbfontstyle('
')" onmouseover="helpline('mp3')" onmouseout="helpline('tip')" border="0" class="bbimages"/>
<img src="./images/posting/youtube.gif" border="0" alt="youtube" onclick="bbfontstyle('
VIDEO ')" onmouseover="helpline('youtube')" onmouseout="helpline('tip')" border="0" class="bbimages"/>
<!-- IF S_BBCODE_ALLOWED and .custom_tags -->
<br>
<!-- BEGIN custom_tags -->
<img src="./images/posting/{custom_tags.BBCODE_TAG}.gif" border="0" alt="{custom_tags.BBCODE_TAG}" title="{custom_tags.BBCODE_TAG}" name="addbbcode{custom_tags.BBCODE_ID}" value="{custom_tags.BBCODE_TAG}" onclick="bbstyle({custom_tags.BBCODE_ID})"<!-- IF custom_tags.BBCODE_HELPLINE !== '' --> onmouseover="helpline('cb_{custom_tags.BBCODE_ID}')" onmouseout="helpline('tip')"<!-- ENDIF --> class="bbimages"/>
<!-- END custom_tags -->
<!-- ENDIF -->
<!-- ENDIF -->
</td>
</tr>
<!-- IF S_BBCODE_ALLOWED -->
<tr>
<td id="helpline"<!-- IF $S_SIGNATURE or S_EDIT_DRAFT --> colspan="2"<!-- ENDIF -->>{L_STYLES_TIP} </td>
<!-- IF not $S_SIGNATURE and not S_EDIT_DRAFT -->
<td class="genmed" align="center">{L_FONT_COLOR}</td>
<!-- ENDIF -->
</tr>
<!-- ENDIF -->[/code]
editor.js
Código: Seleccionar todo
/**
* bbCode control by subBlue design [ www.subBlue.com ]
* Includes unixsafe colour palette selector by SHS`
*/
// Startup variables
var imageTag = false;
var theSelection = false;
// Check for Browser & Platform for PC & IE specific bits
// More details from: http://www.mozilla.org/docs/web-developer/sniffer/browser_type.html
var clientPC = navigator.userAgent.toLowerCase(); // Get client info
var clientVer = parseInt(navigator.appVersion); // Get browser version
var is_ie = ((clientPC.indexOf('msie') != -1) && (clientPC.indexOf('opera') == -1));
var is_win = ((clientPC.indexOf('win') != -1) || (clientPC.indexOf('16bit') != -1));
var baseHeight;
/**
* Shows the help messages in the helpline window
*/
function helpline(help)
{
document.forms[form_name].helpbox.value = help_line[help];
}
/**
* Fix a bug involving the TextRange object. From
* http://www.frostjedi.com/terra/scripts/demo/caretBug.html
*/
function initInsertions()
{
var doc;
if (document.forms[form_name])
{
doc = document;
}
else
{
doc = opener.document;
}
var textarea = doc.forms[form_name].elements[text_name];
if (is_ie && typeof(baseHeight) != 'number')
{
textarea.focus();
baseHeight = doc.selection.createRange().duplicate().boundingHeight;
if (!document.forms[form_name])
{
document.body.focus();
}
}
}
/**
* bbstyle
*/
function bbstyle(bbnumber)
{
if (bbnumber != -1)
{
bbfontstyle(bbtags[bbnumber], bbtags[bbnumber+1]);
}
else
{
insert_text('[*]');
document.forms[form_name].elements[text_name].focus();
}
}
/**
* Apply bbcodes
*/
function bbfontstyle(bbopen, bbclose)
{
theSelection = false;
var textarea = document.forms[form_name].elements[text_name];
textarea.focus();
if ((clientVer >= 4) && is_ie && is_win)
{
// Get text selection
theSelection = document.selection.createRange().text;
if (theSelection)
{
// Add tags around selection
document.selection.createRange().text = bbopen + theSelection + bbclose;
document.forms[form_name].elements[text_name].focus();
theSelection = '';
return;
}
}
else if (document.forms[form_name].elements[text_name].selectionEnd && (document.forms[form_name].elements[text_name].selectionEnd - document.forms[form_name].elements[text_name].selectionStart > 0))
{
mozWrap(document.forms[form_name].elements[text_name], bbopen, bbclose);
document.forms[form_name].elements[text_name].focus();
theSelection = '';
return;
}
//The new position for the cursor after adding the bbcode
var caret_pos = getCaretPosition(textarea).start;
var new_pos = caret_pos + bbopen.length;
// Open tag
insert_text(bbopen + bbclose);
// Center the cursor when we don't have a selection
// Gecko and proper browsers
if (!isNaN(textarea.selectionStart))
{
textarea.selectionStart = new_pos;
textarea.selectionEnd = new_pos;
}
// IE
else if (document.selection)
{
var range = textarea.createTextRange();
range.move("character", new_pos);
range.select();
storeCaret(textarea);
}
textarea.focus();
return;
}
/**
* Insert text at position
*/
function insert_text(text, spaces, popup)
{
var textarea;
if (!popup)
{
textarea = document.forms[form_name].elements[text_name];
}
else
{
textarea = opener.document.forms[form_name].elements[text_name];
}
if (spaces)
{
text = ' ' + text + ' ';
}
if (!isNaN(textarea.selectionStart))
{
var sel_start = textarea.selectionStart;
var sel_end = textarea.selectionEnd;
mozWrap(textarea, text, '')
textarea.selectionStart = sel_start + text.length;
textarea.selectionEnd = sel_end + text.length;
}
else if (textarea.createTextRange && textarea.caretPos)
{
if (baseHeight != textarea.caretPos.boundingHeight)
{
textarea.focus();
storeCaret(textarea);
}
var caret_pos = textarea.caretPos;
caret_pos.text = caret_pos.text.charAt(caret_pos.text.length - 1) == ' ' ? caret_pos.text + text + ' ' : caret_pos.text + text;
}
else
{
textarea.value = textarea.value + text;
}
if (!popup)
{
textarea.focus();
}
}
/**
* Add inline attachment at position
*/
function attach_inline(index, filename)
{
insert_text('[attachment=' + index + ']' + filename + '[/attachment]');
document.forms[form_name].elements[text_name].focus();
}
/**
* Add quote text to message
*/
function addquote(post_id, username)
{
var message_name = 'message_' + post_id;
var theSelection = '';
var divarea = false;
if (document.all)
{
divarea = document.all[message_name];
}
else
{
divarea = document.getElementById(message_name);
}
// Get text selection - not only the post content :(
if (window.getSelection)
{
theSelection = window.getSelection().toString();
}
else if (document.getSelection)
{
theSelection = document.getSelection();
}
else if (document.selection)
{
theSelection = document.selection.createRange().text;
}
if (theSelection == '' || typeof theSelection == 'undefined' || theSelection == null)
{
if (divarea.innerHTML)
{
theSelection = divarea.innerHTML.replace(/<br>/ig, '\n');
theSelection = theSelection.replace(/<br\/>/ig, '\n');
theSelection = theSelection.replace(/<\;/ig, '<');
theSelection = theSelection.replace(/>\;/ig, '>');
theSelection = theSelection.replace(/&\;/ig, '&');
}
else if (document.all)
{
theSelection = divarea.innerText;
}
else if (divarea.textContent)
{
theSelection = divarea.textContent;
}
else if (divarea.firstChild.nodeValue)
{
theSelection = divarea.firstChild.nodeValue;
}
}
if (theSelection)
{
insert_text('[quote="' + username + '"]' + theSelection + '[/quote]');
}
return;
}
/**
* From http://www.massless.org/mozedit/
*/
function mozWrap(txtarea, open, close)
{
var selLength = txtarea.textLength;
var selStart = txtarea.selectionStart;
var selEnd = txtarea.selectionEnd;
var scrollTop = txtarea.scrollTop;
if (selEnd == 1 || selEnd == 2)
{
selEnd = selLength;
}
var s1 = (txtarea.value).substring(0,selStart);
var s2 = (txtarea.value).substring(selStart, selEnd)
var s3 = (txtarea.value).substring(selEnd, selLength);
txtarea.value = s1 + open + s2 + close + s3;
txtarea.selectionStart = selEnd + open.length + close.length;
txtarea.selectionEnd = txtarea.selectionStart;
txtarea.focus();
txtarea.scrollTop = scrollTop;
return;
}
/**
* Insert at Caret position. Code from
* http://www.faqts.com/knowledge_base/view.phtml/aid/1052/fid/130
*/
function storeCaret(textEl)
{
if (textEl.createTextRange)
{
textEl.caretPos = document.selection.createRange().duplicate();
}
}
/**
* Color pallette
*/
function colorPalette(dir, width, height)
{
var r = 0, g = 0, b = 0;
var numberList = new Array(6);
var color = '';
numberList[0] = '00';
numberList[1] = '40';
numberList[2] = '80';
numberList[3] = 'BF';
numberList[4] = 'FF';
document.writeln('<table cellspacing="1" cellpadding="0" border="0">');
for (r = 0; r < 5; r++)
{
if (dir == 'h')
{
document.writeln('<tr>');
}
for (g = 0; g < 5; g++)
{
if (dir == 'v')
{
document.writeln('<tr>');
}
for (b = 0; b < 5; b++)
{
color = String(numberList[r]) + String(numberList[g]) + String(numberList[b]);
document.write('<td bgcolor="#' + color + '">');
document.write('<a href="#" onclick="bbfontstyle(\'[color=#' + color + ']\', \'[/color]\'); return false;" onmouseover="helpline(\'s\');" onmouseout="helpline(\'tip\');"><img src="images/spacer.gif" width="' + width + '" height="' + height + '" alt="#' + color + '" title="#' + color + '" /></a>');
document.writeln('</td>');
}
if (dir == 'v')
{
document.writeln('</tr>');
}
}
if (dir == 'h')
{
document.writeln('</tr>');
}
}
document.writeln('</table>');
}
/**
* Caret Position object
*/
function caretPosition()
{
var start = null;
var end = null;
}
/**
* Get the caret position in an textarea
*/
function getCaretPosition(txtarea)
{
var caretPos = new caretPosition();
// simple Gecko/Opera way
if(txtarea.selectionStart || txtarea.selectionStart == 0)
{
caretPos.start = txtarea.selectionStart;
caretPos.end = txtarea.selectionEnd;
}
// dirty and slow IE way
else if(document.selection)
{
// get current selection
var range = document.selection.createRange();
// a new selection of the whole textarea
var range_all = document.body.createTextRange();
range_all.moveToElementText(txtarea);
// calculate selection start point by moving beginning of range_all to beginning of range
var sel_start;
for (sel_start = 0; range_all.compareEndPoints('StartToStart', range) < 0; sel_start++)
{
range_all.moveStart('character', 1);
}
txtarea.sel_start = sel_start;
// we ignore the end value for IE, this is already dirty enough and we don't need it
caretPos.start = txtarea.sel_start;
caretPos.end = txtarea.sel_start;
}
return caretPos;
}