Estás navegando como visitante. Por favor Registrate y Logueate para poder participar de ventajas como postear en el foro, Solicitar Ayuda, Ver Enlaces, Ver Imagenes. Registrate con nosotros clickeando AQUÍ.    
Registrarse    Identificarse   Blogs
Anuncios Internos

Quieres ser Moderador/a. Si estas interesado/a, lee la info sobre ésto, haciendo Click
Promociona tu web AQUÍ

En ésta web está expresamente prohibido, publicar enlaces de descargas de material protegido por la ley, asi como seriales, cracks, parches, programas o juegos pirateados sin el consentimienteo del autor, en cuyo caso se debará exibir dicha autorización para legitimizar la descarga. Si algun usuario incumple esta norma, sera
eliminado junto a todos sus mensajes.


Portal » Índice general » Zona Webmasters » PhpBb3 » Tutoriales phpbb3




Nuevo tema Responder al tema  [ 4 mensajes ] 
{ VISITS } Vistas: 1326  { VISITS } Favoritos: 0  | { VISITS } Seguidores: 2 
Seguidores: frankspeed, blquack
 
Autor Mensaje
 Asunto: Tutorial cambiar el editor de texto por imágenes e iconos
 Nota Publicado: 16 Jul 2010 22:57 


Desconectado
Usuario - Miembro
Usuario - Miembro
Avatar de Usuario

Mensajes: 413

Todos mis aportes


Nivel: 18

HP: 7 / 711
7 / 711 7 / 711 7 / 711
MP: 339 / 339
339 / 339 339 / 339 339 / 339
EXP: 413 / 417
413 / 417 413 / 417 413 / 417

Karma: 21

Sexo:
Masculino



He dado: 48 Gracias
Recibidas: 41 Gracias
Blog: Ver blog (0)
Pues voy ha exponeros este tutorial MUY facil de usar para los que quieran cambiar el editor de texto que te viene con el phpbb y quereis cambiarlo por uno editor con imagenes y iconos..
con esta modificación, dejamos un panel para postear mucho mas agradable y práctico.

Imagen

Las primeras 2 lineas de botones serán botones que agregaremos en la plantilla.
La última línea de botones, serán las imagenes de los BBcodes que actives desde el ACP (el boton de imageshack que se ve en la vista previa por ejemplo).

Lista de BBcodes añadidos:

       
  • [align=left|right|center|justify]
       
  • [strike]
       
  • [sup] y [sub] (superíndice y subíndice)
       
  • [highlight]
       


  •    
  • [offtopic]
       
  • [marquee=up|down|left|right]
       
  • [spoiler]
       
  • [video] (avi/wmv/mpg, archivos windows media player)
       
  • [mp3]
       
  • [quick] (archivos quicktime)
       
  • [ram] (archivos realmedia)
       
  • [googlevideo]
       
  • [youtube]



Instrucciones:

Primero,
debes agregar los bbcodes a tu foro.
Recuerda dejar sin marca la opción "Mostrar en mensajes" (pues nosotros lo haremos, agregando las imagenes).

  1. ##################################################################
  2. ##################################################################
  3.  
  4. Lista de BBcodes a agregar desde el ACP.
  5.  
  6. No es necesario que agregues líneas de ayuda.
  7. Y recuerda dejar SIN MARCA, la opción "Mostrar en mensajes"
  8.  
  9. ##################################################################
  10. ##################################################################
  11.  
  12. - Uso de BBcode: [align={SIMPLETEXT}]{TEXT}[/align]
  13.  
  14. - Reemplazo HTML: <div style="text-align: {SIMPLETEXT};">{TEXT}</div>
  15.  
  16. - No poner línea de ayuda ni mostrar en mensajes
  17.  
  18. ##################################################################
  19.  
  20. - Uso de BBcode: [font={SIMPLETEXT}]{TEXT}[/font]
  21.  
  22. - Reemplazo HTML: <span style="font-family: {SIMPLETEXT};">{TEXT}</span>
  23.  
  24. - No poner línea de ayuda ni mostrar en mensajes
  25.  
  26. ##################################################################
  27.  
  28. - Uso de BBcode: [googlevideo]{NUMBER}[/googlevideo]
  29.  
  30. - Reemplazo HTML:
  31.  
  32. <object type="application/x-shockwave-flash" data="http://video.google.com/googleplayer.swf?docId=-{NUMBER}" width="400" height="326">
  33. <param name="movie" value="http://video.google.com/googleplayer.swf?docId=-{NUMBER}" />
  34. <param name="allowScriptAcess" value="sameDomain" />
  35. <param name="quality" value="best" />
  36. <param name="bgcolor" value="#FFFFFF" />
  37. <param name="scale" value="noScale" />
  38. <param name="salign" value="TL" />
  39. <param name="FlashVars" value="playerMode=embedded" />
  40. </object>
  41.  
  42. - No poner línea de ayuda ni mostrar en mensajes
  43.  
  44. ##################################################################
  45.  
  46. - Uso de BBcode: [highlight={COLOR}]{TEXT}[/highlight]
  47.  
  48. - Reemplazo HTML: <span style="background-color: {COLOR};">{TEXT}</span>
  49.  
  50. - No poner línea de ayuda ni mostrar en mensajes
  51.  
  52. ##################################################################
  53.  
  54. - Uso de BBcode: [hr][/hr]
  55.  
  56. - Reemplazo HTML: <hr />
  57.  
  58. - No poner línea de ayuda ni mostrar en mensajes
  59.  
  60. ##################################################################
  61.  
  62. - Uso de BBcode: [marquee={SIMPLETEXT}]{TEXT}[/marquee]
  63.  
  64. - Reemplazo HTML: <marquee behavior="scroll" direction="{SIMPLETEXT}" scrolldelay="120" loop="true" onmouseover="this.stop()" onmouseout="this.start()">{TEXT}</marquee>
  65.  
  66. - No poner línea de ayuda ni mostrar en mensajes
  67.  
  68. ##################################################################
  69.  
  70. - Uso de BBcode: [mp3]{URL}[/mp3]
  71.  
  72. - Reemplazo HTML: <object id="wmp" width="240" height="320" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,0,0,0" standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject"><param name="FileName" value="{URL}"><param name="ShowControls" value="1"><param name="ShowDisplay" value="0"><param name="ShowStatusBar" value="1"><param name="AutoSize" value="1"><embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/windows95/downloads/contents/wurecommended/s_wufeatured/mediaplayer/default.asp" src="{URL}" name="MediaPlayer2" showcontrols="1" showdisplay="0" showstatusbar="1" autosize="1" visible="1" animationatstart="0" transparentatstart="1" loop="0" height="70" width="300"></embed></object>
  73.  
  74. - No poner línea de ayuda ni mostrar en mensajes
  75.  
  76. ##################################################################
  77.  
  78. - Uso de BBcode: [ot]{TEXT}[/ot]
  79.  
  80. - Reemplazo HTML:
  81.  
  82. <div style="padding: 3px; background-color: #FFFFFF; border: 1px solid #d8d8d8; font-size: 1em;"><div style="text-transform: uppercase; border-bottom: 1px solid #CCCCCC; margin-bottom: 3px; font-size: 0.8em; font-weight: bold; display: block;">Offtopic:</div><div class="quotecontent">
  83. {TEXT}
  84. </div></div>
  85.  
  86. - No poner línea de ayuda ni mostrar en mensajes
  87.  
  88. ##################################################################
  89.  
  90. - Uso de BBcode: [quick width={NUMBER1} height={NUMBER2}]{URL}[/quick]
  91.  
  92. - Reemplazo HTML: <object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab#version=6,0,2,0" width="{NUMBER1}" height="{NUMBER2}" align="middle"><param name="controller" value="true"><param name="type" value="video/quicktime"><param name="autoplay" value="true"><param name="target" value="myself"><param name="src" value="{URL}"><param name="pluginspage" value="http://www.apple.com/quicktime/download/indext.html"><param name="kioskmode" value="true"><embed src="{URL}" width="{NUMBER1}" height="{NUMBER2}" align="middle" kioskmode="true" controller="true" target="myself" type="video/quicktime" border="0" pluginspage="http://www.apple.com/quicktime/download/indext.html"></embed></object>
  93.  
  94. - No poner línea de ayuda ni mostrar en mensajes
  95.  
  96. ##################################################################
  97.  
  98. - Uso de BBcode: [ram width={NUMBER1} height={NUMBER2}]{URL}[/ram]
  99.  
  100. - Reemplazo HTML: <div align="center"><embed src="{URL}" align="center" width="{NUMBER1}" height="{NUMBER2}" type="audio/x-pn-realaudio-plugin" console="cons" controls="ControlPanel" autostart="false"></embed></div>
  101.  
  102. - No poner línea de ayuda ni mostrar en mensajes
  103.  
  104. ##################################################################
  105.  
  106. - Uso de BBcode: [spoiler]{TEXT}[/spoiler]
  107.  
  108. - Reemplazo HTML: <div style="padding: 3px; background-color: #FFFFFF; border: 1px solid #d8d8d8; font-size: 1em;"><div style="text-transform: uppercase; border-bottom: 1px solid #CCCCCC; margin-bottom: 3px; font-size: 0.8em; font-weight: bold; display: block;"><span onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerHTML = '<b>Spoiler: </b><a href='#' onClick='return false;'>Ocultar</a>'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerHTML = '<b>Spoiler: </b><a href='#' onClick='return false;'>Mostrar</a>'; }" /><b>Spoiler: </b><a href="#" onClick="return false;">Mostrar</a></span></div><div class="quotecontent"><div style="display: none;">{TEXT}</div></div></div>
  109.  
  110. - No poner línea de ayuda ni mostrar en mensajes
  111.  
  112. ##################################################################
  113.  
  114. - Uso de BBcode: [strike]{TEXT}[/strike]
  115.  
  116. - Reemplazo HTML: <strike>{TEXT}</strike>
  117.  
  118. - No poner línea de ayuda ni mostrar en mensajes
  119.  
  120. ##################################################################
  121.  
  122. - Uso de BBcode: [sub]{TEXT}[/sub]
  123.  
  124. - Reemplazo HTML: <span style="vertical-align: sub;">{TEXT}</span>
  125.  
  126. - No poner línea de ayuda ni mostrar en mensajes
  127.  
  128. ##################################################################
  129.  
  130. - Uso de BBcode: [sup]{TEXT}[/sup]
  131.  
  132. - Reemplazo HTML: <span style="vertical-align: super;">{TEXT}</span>
  133.  
  134. - No poner línea de ayuda ni mostrar en mensajes
  135.  
  136. ##################################################################
  137.  
  138. - Uso de BBcode: [video width={NUMBER1} height={NUMBER2}]{URL}[/video]
  139.  
  140. - Reemplazo HTML:
  141.  
  142. <object width="{NUMBER1}" height="{NUMBER2}" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" id="wmstream_1">
  143.             <param name="url" value="{URL}" />
  144.             <param name="showcontrols" value="1" />
  145.             <param name="showdisplay" value="0" />
  146.             <param name="showstatusbar" value="0" />
  147.             <param name="autosize" value="1" />
  148.             <param name="autostart" value="0" />
  149.             <param name="visible" value="1" />
  150.             <param name="animationstart" value="0" />
  151.             <param name="loop" value="0" />
  152.             <param name="src" value="{URL}" />
  153.             <!--[if !IE]>-->
  154.                <object width="{NUMBER1}" height="{NUMBER2}" type="video/x-ms-wmv" data="{URL}">
  155.                   <param name="src" value="{URL}" />
  156.                   <param name="controller" value="1" />
  157.                   <param name="showcontrols" value="1" />
  158.                   <param name="showdisplay" value="0" />
  159.                   <param name="showstatusbar" value="0" />
  160.                   <param name="autosize" value="1" />
  161.                   <param name="autostart" value="0" />
  162.                   <param name="visible" value="1" />
  163.                   <param name="animationstart" value="0" />
  164.                   <param name="loop" value="0" />
  165.                </object>
  166.             <!--<![endif]-->
  167. </object>
  168.  
  169. - No poner línea de ayuda ni mostrar en mensajes
  170.  
  171. ##################################################################
  172.  
  173. - Uso de BBcode: [youtube]{IDENTIFIER}[/youtube]
  174.  
  175. - Reemplazo HTML: <embed src="http://www.youtube.com/v/{IDENTIFIER}" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed>
  176.  
  177. - No poner línea de ayuda ni mostrar en mensajes
  178.  
  179. ################################################################


Segundo,
Descarga las imagenes que estan en otro archivo adjunto, "posting"
y luego te diriges por FTP a la carpeta /images/ de tu foro, y dejas las imagenes en una carpeta llamada "posting" (o sea, las imagenes de los botones deben quedar en /images/posting/).

Realiza los siguientes cambios en tu plantilla,que estan justo debajo de aqui.

  1. #
  2. #-----[ ABRIR ]------------------------------------------
  3. #
  4.  
  5. /styles/prosilver/template/posting_buttons.html
  6.  
  7. #
  8. #-----[ BUSCAR ]------------------------------------------
  9. #
  10. <!-- IF S_BBCODE_ALLOWED -->
  11. <div id="colour_palette" style="display: none;">
  12.     <dl style="clear: left;">
  13.         <dt><label>{L_FONT_COLOR}:</label></dt>
  14.         <dd>
  15.         <script type="text/javascript">
  16.         // <![CDATA[
  17.             function change_palette()
  18.             {
  19.                 dE('colour_palette');
  20.                 e = document.getElementById('colour_palette');
  21.                
  22.                 if (e.style.display == 'block')
  23.                 {
  24.                     document.getElementById('bbpalette').value = '{LA_FONT_COLOR_HIDE}';
  25.                 }
  26.                 else
  27.                 {
  28.                     document.getElementById('bbpalette').value = '{LA_FONT_COLOR}';
  29.                 }
  30.             }
  31.  
  32.             colorPalette('h', 15, 10);
  33.         // ]]>
  34.         </script>
  35.         </dd>
  36.     </dl>
  37. </div>
  38.  
  39. <div id="format-buttons">
  40.     <input type="button" class="button2" accesskey="b" name="addbbcode0" value=" B " style="font-weight:bold; width: 30px" onclick="bbstyle(0)" title="{L_BBCODE_B_HELP}" />
  41.     <input type="button" class="button2" accesskey="i" name="addbbcode2" value=" i " style="font-style:italic; width: 30px" onclick="bbstyle(2)" title="{L_BBCODE_I_HELP}" />
  42.     <input type="button" class="button2" accesskey="u" name="addbbcode4" value=" u " style="text-decoration: underline; width: 30px" onclick="bbstyle(4)" title="{L_BBCODE_U_HELP}" />
  43.     <!-- IF S_BBCODE_QUOTE -->
  44.         <input type="button" class="button2" accesskey="q" name="addbbcode6" value="Quote" style="width: 50px" onclick="bbstyle(6)" title="{L_BBCODE_Q_HELP}" />
  45.     <!-- ENDIF -->
  46.     <input type="button" class="button2" accesskey="c" name="addbbcode8" value="Code" style="width: 40px" onclick="bbstyle(8)" title="{L_BBCODE_C_HELP}" />
  47.     <input type="button" class="button2" accesskey="l" name="addbbcode10" value="List" style="width: 40px" onclick="bbstyle(10)" title="{L_BBCODE_L_HELP}" />
  48.     <input type="button" class="button2" accesskey="o" name="addbbcode12" value="List=" style="width: 40px" onclick="bbstyle(12)" title="{L_BBCODE_O_HELP}" />
  49.     <input type="button" class="button2" accesskey="t" name="addlitsitem" value="[*]" style="width: 40px" onclick="bbstyle(-1)" title="{L_BBCODE_LISTITEM_HELP}" />
  50.     <!-- IF S_BBCODE_IMG -->
  51.         <input type="button" class="button2" accesskey="p" name="addbbcode14" value="Img" style="width: 40px" onclick="bbstyle(14)" title="{L_BBCODE_P_HELP}" />
  52.     <!-- ENDIF -->
  53.     <!-- IF S_LINKS_ALLOWED -->
  54.         <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}" />
  55.     <!-- ENDIF -->
  56.     <!-- IF S_BBCODE_FLASH -->
  57.         <input type="button" class="button2" accesskey="d" name="addbbcode18" value="Flash" onclick="bbstyle(18)" title="{L_BBCODE_D_HELP}" />
  58.     <!-- ENDIF -->
  59.     <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}">
  60.         <option value="50">{L_FONT_TINY}</option>
  61.         <option value="85">{L_FONT_SMALL}</option>
  62.         <option value="100" selected="selected">{L_FONT_NORMAL}</option>
  63.         <option value="150">{L_FONT_LARGE}</option>
  64.         <option value="200">{L_FONT_HUGE}</option>
  65.     </select>
  66.     <input type="button" class="button2" name="bbpalette" id="bbpalette" value="{L_FONT_COLOR}" onclick="change_palette();" title="{L_BBCODE_S_HELP}" />
  67.     <!-- BEGIN custom_tags -->
  68.         <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}" />
  69.     <!-- END custom_tags -->
  70. </div>
  71. <!-- ENDIF -->
  72. #
  73. #-----[ REEMPLAZAR POR ]------------------------------------------
  74. #
  75.  
  76. <!-- IF S_BBCODE_ALLOWED -->
  77. <div id="colour_palette" style="display: none;">
  78.  
  79.         <script type="text/javascript">
  80.         // <![CDATA[
  81.             function change_palette()
  82.             {
  83.                 dE('colour_palette');
  84.                 e = document.getElementById('colour_palette');
  85.                
  86.                 if (e.style.display == 'block')
  87.                 {
  88.                     document.getElementById('bbpalette').value = '{LA_FONT_COLOR_HIDE}';
  89.                 }
  90.                 else
  91.                 {
  92.                     document.getElementById('bbpalette').value = '{LA_FONT_COLOR}';
  93.                 }
  94.             }
  95.  
  96.             colorPalette('h', 15, 10);
  97.         // ]]>
  98.         </script>
  99. </div>
  100.  
  101. <div id="format-buttons">
  102.         <select name="fuentes" style="height: 22px;" onchange="bbfontstyle('[font=' + this.form.fuentes.options[this.form.fuentes.selectedIndex].value + ']', '[/font]');this.selectedIndex=0;" title="Tipo de fuente: [font=Arial]Texto[/font]">
  103.             <option value="" style="font-family: Verdana;" selected="selected">Fuente</option>
  104.             <option value="Arial" style="font-family: Arial;">Arial</option>
  105.             <option value="Comic Sans MS" style="font-family: 'Comic Sans MS';">Comic Sans MS</option>
  106.             <option value="Courier New" style="font-family: 'Courier New';">Courier New</option>
  107.  
  108.             <option value="Impact" style="font-family: Impact;">Impact</option>
  109.             <option value="Lucida Console" style="font-family: 'Lucida Console';">Lucida Console</option>
  110.             <option value="Lucida Sans Unicode" style="font-family: 'Lucida Sans Unicode';">Lucida Sans Unicode</option>
  111.             <option value="Microsoft Sans Serif" style="font-family: 'Microsoft Sans Serif';">Microsoft Sans Serif</option>
  112.             <option value="Symbol" style="font-family: Symbol;">Symbol</option>
  113.             <option value="Tahoma" style="font-family: Tahoma;">Tahoma</option>
  114.  
  115.             <option value="Times New Roman" style="font-family: 'Times New Roman';">Times New Roman</option>
  116.             <option value="Traditional Arabic" style="font-family: 'Traditional Arabic';">Traditional Arabic</option>
  117.             <option value="Trebuchet MS" style="font-family: 'Trebuchet MS';">Trebuchet MS</option>
  118.             <option value="Verdana" style="font-family: Verdana;">Verdana</option>
  119.             <option value="Webdings" style="font-family: Webdings;">Webdings</option>
  120.             <option value="Wingdings" style="font-family: Wingdings;">Wingdings</option>
  121.         </select>
  122.  
  123.         <select name="addbbcode20" onchange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', '[/size]');this.form.addbbcode20.selectedIndex = 0;" title="{L_BBCODE_F_HELP}">
  124.             <option value="" selected="selected">Tamaño</option>
  125.             <option value="50">{L_FONT_TINY}</option>
  126.             <option value="85">{L_FONT_SMALL}</option>
  127.             <option value="100">{L_FONT_NORMAL}</option>
  128.             <option value="150">{L_FONT_LARGE}</option>
  129.             <option value="200">{L_FONT_HUGE}</option>
  130.         </select>
  131.         <input type="button" style="height: 22px;" class="button2" name="bbpalette" id="bbpalette" value="{L_FONT_COLOR}" onclick="change_palette();" title="{L_BBCODE_S_HELP}" />
  132. <br>
  133.  
  134. <img src="./images/posting/left.gif" border="0" alt="align=left" onclick="bbfontstyle('[align=left]','[/align]')" title="Alinear a la Izquierda: [align=left]Texto[/align]" class="bbimages"/>
  135. <img src="./images/posting/center.gif" border="0" alt="align=center" onclick="bbfontstyle('[align=center]','[/align]')" title="Centrar: [align=center]Texto[/align]" class="bbimages"/>
  136. <img src="./images/posting/right.gif" border="0" alt="align=right" onclick="bbfontstyle('[align=right]','[/align]')" title="Alinear a la Derecha: [align=right]Texto[/align]" class="bbimages"/>
  137. <img src="./images/posting/justify.gif" border="0" alt="align=justify" onclick="bbfontstyle('[align=justify]','[/align]')" title="Justificar: [align=justify]Texto[/align]" class="bbimages"/>
  138.  
  139. <img src="./images/posting/dots.gif" border="0" style="padding-left: 5px; padding-right: 5px;" />
  140.  
  141. <img src="./images/posting/bold.gif" border="0" alt="b" accesskey="b" name="addbbcode0" value=" B " onclick="bbstyle(0)" title="{L_BBCODE_B_HELP}" class="bbimages"/>
  142. <img src="./images/posting/italic.gif" border="0" alt="i" accesskey="i" name="addbbcode2" value=" i " onclick="bbstyle(2)" title="{L_BBCODE_I_HELP}"  class="bbimages"/>
  143. <img src="./images/posting/under.gif" border="0" alt="u" accesskey="u" name="addbbcode4" value=" u " onclick="bbstyle(4)" title="{L_BBCODE_U_HELP}"  class="bbimages"/>
  144. <img src="./images/posting/strike.gif" border="0" alt="strike" onclick="bbfontstyle('[strike]','[/strike]')" title="Texto Tachado: [strike]Texto[/strike]" class="bbimages"/>
  145. <img src="./images/posting/sup.gif" border="0" alt="sup" onclick="bbfontstyle('[sup]','[/sup]')" title="Superíndice: [sup]Texto[/sup]" class="bbimages"/>
  146. <img src="./images/posting/sub.gif" border="0" alt="sub" onclick="bbfontstyle('[sub]','[/sub]')" title="Subíndice: [sub]Texto[/sub]" class="bbimages"/>
  147.  
  148. <img src="./images/posting/dots.gif" border="0" style="padding-left: 5px; padding-right: 5px;" />
  149.  
  150. <img src="./images/posting/listb.gif" border="0" alt="list" accesskey="l" name="addbbcode10" value="List" onclick="bbstyle(10)" title="{L_BBCODE_L_HELP}"  class="bbimages"/>
  151. <img src="./images/posting/listo.gif" border="0" alt="list=" accesskey="o" name="addbbcode12" value="List=" onclick="bbstyle(12)" title="{L_BBCODE_O_HELP}"  class="bbimages"/>
  152. <img src="./images/posting/listitem.gif" border="0" alt="[*]" accesskey="t" name="addlitsitem" value="[*]" onclick="bbstyle(-1)" title="{L_BBCODE_LISTITEM_HELP}"  class="bbimages"/>
  153.  
  154. <img src="./images/posting/dots.gif" border="0" style="padding-left: 5px; padding-right: 5px;" />
  155.  
  156. <img src="./images/posting/highlight=.gif" border="0" alt="highlight" onclick="bbfontstyle('[highlight=#FFFFAA]','[/highlight]')" title="Toque de luz (highlight): [highlight=#COLOR]Texto[/highlight]" class="bbimages"/>
  157. <img src="./images/posting/hr.gif" border="0" alt="hr" onclick="bbfontstyle('[hr]','[/hr]')" title="Línea Horizontal: [hr][/hr]" class="bbimages"/>
  158. <img src="./images/posting/ot.gif" border="0" alt="ot" onclick="bbfontstyle('[ot]','[/ot]')" onmouseover="helpline('ot')" title="Offtopic: [ot]Texto[/ot]" class="bbimages"/>
  159.        
  160. <img src="./images/posting/dots.gif" border="0" style="padding-left: 5px; padding-right: 5px;" />
  161.        
  162. <img src="./images/posting/marqd.gif" border="0" alt="marquee=down" onclick="bbfontstyle('[marquee=down]','[/marquee]')" title="Desplazar texto hacia abajo: [marquee=down]Texto[/marquee]" class="bbimages"/>
  163. <img src="./images/posting/marqu.gif" border="0" alt="marquee=up" onclick="bbfontstyle('[marquee=up]','[/marquee]')" title="Desplazar texto hacia arriba: [marquee=up]Texto[/marquee]" class="bbimages"/>
  164. <img src="./images/posting/marql.gif" border="0" alt="marquee=left" onclick="bbfontstyle('[marquee=left]','[/marquee]')" title="Desplazar texto hacia la izquierda: [marquee=left]Texto[/marquee]" class="bbimages"/>
  165. <img src="./images/posting/marqr.gif" border="0" alt="marquee=right" onclick="bbfontstyle('[marquee=right]','[/marquee]')" title="Desplazar texto hacia la derecha: [marquee=right]Texto[/marquee]" class="bbimages"/>
  166. <br>
  167.         <!-- IF S_BBCODE_QUOTE -->
  168. <img src="./images/posting/quote.gif" border="0" alt="quote" accesskey="q" name="addbbcode6" value="Quote" onclick="bbstyle(6)" title="{L_BBCODE_Q_HELP}"  class="bbimages"/>
  169.         <!-- ENDIF -->
  170. <img src="./images/posting/code.gif" border="0" alt="code" accesskey="c" name="addbbcode8" value="Code" onclick="bbstyle(8)" title="{L_BBCODE_C_HELP}"  class="bbimages"/>
  171. <img src="./images/posting/spoiler.gif" border="0" alt="spoiler" onclick="bbfontstyle('[spoiler]','[/spoiler]')" title="Spoiler: [spoiler]Texto[/spoiler]" class="bbimages"/>
  172.  
  173. <img src="./images/posting/dots.gif" border="0" style="padding-left: 5px; padding-right: 5px;" />
  174.  
  175.         <!-- IF S_BBCODE_IMG -->
  176. <img src="./images/posting/img.gif" border="0" alt="img" accesskey="p" name="addbbcode14" value="Img" onclick="bbstyle(14)" title="{L_BBCODE_P_HELP}"  class="bbimages"/>
  177.         <!-- ENDIF -->
  178.         <!-- IF S_LINKS_ALLOWED -->
  179. <img src="./images/posting/url.gif" border="0" alt="url" accesskey="w" name="addbbcode16" value="URL" onclick="bbstyle(16)" title="{L_BBCODE_W_HELP}"  class="bbimages"/>
  180.         <!-- ENDIF -->
  181. <img src="./images/posting/email.gif" alt="email" border="0" onclick="bbfontstyle('[email]','[/email]')" title="Correo: [mail]Correo[/mail]" class="bbimages"/>
  182.  
  183. <img src="./images/posting/dots.gif" border="0" style="padding-left: 5px; padding-right: 5px;" />
  184.        
  185.         <!-- IF S_BBCODE_FLASH -->
  186. <img src="./images/posting/flash.gif" border="0" alt="flash" accesskey="d" name="addbbcode18" value="Flash" onclick="bbstyle(18)" title="{L_BBCODE_D_HELP}"  class="bbimages"/>
  187.         <!-- ENDIF -->
  188. <img src="./images/posting/video.gif" border="0" alt="mp3" onclick="bbfontstyle('[video width=320 height=285]','[/video]')" title="Video (avi/wmv/mpg): [video width=ancho height=alto]URL del archivo[/video]" class="bbimages"/>
  189. <img src="./images/posting/mp3.gif" border="0" alt="mp3" onclick="bbfontstyle('[mp3]','[/mp3]')" title="Archivo de audio (mp3): [mp3]URL del archivo[/mp3]" class="bbimages"/>
  190. <img src="./images/posting/quick.gif" border="0" alt="quick" onclick="bbfontstyle('[quick width=320 height=240]','[/quick]')" title="Video Quicktime: [quick width=ancho height=alto]URL del archivo[/quick]" class="bbimages"/>
  191. <img src="./images/posting/ram.gif" border="0" alt="ram" onclick="bbfontstyle('[ram width=275 height=40]','[/ram]')" title="Archivo Real Media: [ram width=ancho height=alto]URL del archivo[/ram]" class="bbimages"/>
  192. <img src="./images/posting/googlevideo.gif" border="0" alt="googlevideo" onclick="bbfontstyle('[googlevideo]','[/googlevideo]')" title="Video google: [googlevideo]ID del video[/googlevideo]" class="bbimages"/>
  193. <img src="./images/posting/youtube.gif" border="0" alt="youtube" onclick="bbfontstyle('[youtube]','[/youtube]')" title="Video youtube:[youtube]ID del video[/youtube]" class="bbimages"/>
  194.     <!-- IF S_BBCODE_ALLOWED and .custom_tags -->   
  195. <br>   
  196.     <!-- BEGIN custom_tags -->
  197. <img src="./images/posting/{custom_tags.BBCODE_TAG}.gif" border="0" name="addbbcode{custom_tags.BBCODE_ID}" alt="{custom_tags.BBCODE_TAG}" value="{custom_tags.BBCODE_TAG}" onclick="bbstyle({custom_tags.BBCODE_ID})" title="{custom_tags.BBCODE_HELPLINE}"  class="bbimages"/>
  198.     <!-- END custom_tags -->
  199.     <!-- ENDIF -->
  200. </div>
  201.     <!-- ENDIF -->
  202.  
  203. #
  204. #-----[ ABRIR ]------------------------------------------
  205. #
  206. /styles/prosilver/template/posting_layout.html
  207.  
  208. #
  209. #-----[ BUSCAR ]------------------------------------------
  210. #
  211. <form id="postform" method="post" action="{S_POST_ACTION}"{S_FORM_ENCTYPE}>
  212.  
  213. #
  214. #-----[ REEMPLAZAR POR ]------------------------------------------
  215. #
  216. <form id="postform" name="postform" method="post" action="{S_POST_ACTION}"{S_FORM_ENCTYPE}>
  217.  
  218. #
  219. #-----[ ABRIR ]------------------------------------------
  220. #
  221. /styles/prosilver/theme/forms.css
  222.  
  223. #
  224. #-----[ BUSCAR ]------------------------------------------
  225. #
  226. fieldset dd {
  227.     margin-left: 41%;
  228.     vertical-align: top;
  229.     margin-bottom: 3px;
  230. }
  231. #
  232. #-----[ REEMPLAZAR POR ]------------------------------------------
  233. #
  234. fieldset dd {
  235.     margin-left: 41%;
  236.     vertical-align: top;
  237.     margin-bottom: 0px;
  238. }
  239. #
  240. #-----[ BUSCAR ]------------------------------------------
  241. #
  242.  
  243. #format-buttons {
  244.     margin: 15px 0 2px 0;
  245. }
  246.  
  247. #
  248. #-----[ REEMPLAZAR POR ]------------------------------------------
  249. #
  250.  
  251. #format-buttons {
  252.     margin: 0px 0 2px 0;
  253. }
  254.  
  255. #
  256. #-----[ BUSCAR ]------------------------------------------
  257. #
  258. /* Input field styles
  259. ---------------------------------------- */
  260. .inputbox {
  261.  
  262. #
  263. #-----[ AGREGAR ANTES ]------------------------------------------
  264. #
  265.  
  266. /*  Botones en imagenes por mitch */
  267. .bbimages:hover {
  268.     background-color: #BACCD9;
  269. }
  270. /*  Fin botones en imagenes por mitch */


Ahora dirígete al ACP, y desde el índice, borra el caché pulsando el botón Ejecutar de Limpiar el caché.
En el ACP, selecciona la pestaña ESTILOS, a la izquierda elige TEMAS, y haz click en "Actualizar" (en la plantilla que estes usando).

Luego, dirígete a tu foro, a la página de posteo, y deberías ver ya los cambios :) (y si no los ves, pulsa CONTROL+F5 en tu teclado, para actualizar el caché de tu navegador).


Eso es todo, y queda un resultado muy bueno :)

Si luego, desde el ACP, agregas un BBcode nuevo, digamos que se llame [ejemplo][/ejemplo]. Si quieres que este BBcode tambien se vea en la página de posteo, pues marcas la casilla "Mostrar en mensajes", y además de esto, debes subir una imagen, llamada "ejemplo.gif" a la carpeta /images/posting/.
Si el bbcode fuese [audio][/audio], debes subir una imagen llamada "audio.gif", ¿se entiende?

Modificación Extra para los botones

¿Quieres que al presionar el boton de URL o el de Imagen, aparezca una ventana solicitandote la URL del enlace o la imagen y otros datos?

Imagen

Con estas modificaciones lo logras. En el caso del bbcode [URL] te pide ingresar la URL, luego te pide ingresar un Nombre o Leyenda, y luego de esto, se agrega toda la información al post
Mucho mas dinámico.

Imagen

Para el BBcode Flash por ejemplo, lo mismo, te pide la URL, luego te pide que ingreses el alto y el ancho en pixeles, y luego se agrega toda la información al post.

Ahora, si ya tenías la URL escrita en el post, y la seleccionas, y luego presionas el boton de URL por ejemplo, simplemente se agregan los tags al inicio y al final de lo que seleccionaste (no te vuelve a pedir la URL con la ventanita, pues ya la tenías seleccionada). O sea, como siempre ha funcionado el BBcode, normalmente.

Esta modificación esta hecha para los BBcodes que solicitan URL's o cosas por el estilo, los bbcodes son: URL, IMG, EMAIL, FLASH, MP3, QUICK, RAM, GOOGLEVIDEO Y YOUTUBE.

Creo que quedó perfecto, pruebalo

En el archivo /styles/ESTILO/template/editor.js

Al final del archivo, en una nueva línea, agregar:
  1.    // BBcodes por Mitch
  2.     function BBcodeimg() {
  3.        theSelection = false;
  4.        var textarea = document.forms[form_name].elements[text_name];
  5.        textarea.focus();
  6.              if ((clientVer >= 4) && is_ie && is_win)
  7.        {
  8.           theSelection = document.selection.createRange().text;
  9.           if (theSelection)
  10.           {
  11.     bbfontstyle('[img]','[/img]');
  12.              return;
  13.           }
  14.        }
  15.        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))
  16.        {
  17.     bbfontstyle('[img]','[/img]');
  18.           return;
  19.        }
  20.  
  21.        var Errores = '';
  22.        var enterURL   = prompt("Introduzca la URL de la imagen", "http://");
  23.        if (!enterURL)    {
  24.           Errores += "Debes ingresar una URL para la imagen.";
  25.           alert("Error: "+Errores);
  26.           return;
  27.        }
  28.           var Post = "[img]"+enterURL+"[/img]";
  29.           insert_text(Post);
  30.     }
  31.  
  32.  
  33.     function BBcodeurl() {
  34.        theSelection = false;
  35.        var textarea = document.forms[form_name].elements[text_name];
  36.        textarea.focus();
  37.              if ((clientVer >= 4) && is_ie && is_win)
  38.        {
  39.           theSelection = document.selection.createRange().text;
  40.           if (theSelection)
  41.           {
  42.     bbfontstyle('[url]','[/url]');
  43.              return;
  44.           }
  45.        }
  46.        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))
  47.        {
  48.     bbfontstyle('[url]','[/url]');
  49.           return;
  50.        }
  51.  
  52.        var Errores = '';
  53.        var enterURL   = prompt("Introduzca la URL", "http://");
  54.        var enterTITULO = prompt("Introduzca el nombre del enlace (opcional)", "Nombre de la Página Web");
  55.        if (!enterURL)    {
  56.           Errores += "Debes ingresar una URL.";
  57.           alert("Error: "+Errores);
  58.           return;
  59.        }
  60.        if (!enterTITULO)  {
  61.           var Post = "[url]"+enterURL+"[/url]";
  62.           insert_text(Post);
  63.        }
  64.        else {
  65.        var Post = "[url="+enterURL+"]"+enterTITULO+"[/url]";
  66.        insert_text(Post);
  67.        }
  68.     }
  69.  
  70.     function BBcodeemail() {
  71.        theSelection = false;
  72.        var textarea = document.forms[form_name].elements[text_name];
  73.        textarea.focus();
  74.              if ((clientVer >= 4) && is_ie && is_win)
  75.        {
  76.           theSelection = document.selection.createRange().text;
  77.           if (theSelection)
  78.           {
  79.     bbfontstyle('[email]','[/email]');
  80.              return;
  81.           }
  82.        }
  83.        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))
  84.        {
  85.     bbfontstyle('[email]','[/email]');
  86.           return;
  87.        }
  88.  
  89.        var Errores = '';
  90.        var enterURL   = prompt("Introduzca una dirección de e-mail", "correo@web.com");
  91.        var enterTITULO = prompt("Introduzca un nombre para el enlace al correo (opcional)", "Click aquí para escribirme un correo");
  92.        if (!enterURL)    {
  93.           Errores += "Debes ingresar una dirección de email.";
  94.           alert("Error: "+Errores);
  95.           return;
  96.        }
  97.        if (!enterTITULO)  {
  98.           var Post = "[email]"+enterURL+"[/email]";
  99.           insert_text(Post);
  100.        }
  101.        else {
  102.        var Post = "[email="+enterURL+"]"+enterTITULO+"[/email]";
  103.        insert_text(Post);
  104.        }
  105.     }
  106.  
  107.     function BBcodeflash() {
  108.        theSelection = false;
  109.        var textarea = document.forms[form_name].elements[text_name];
  110.        textarea.focus();
  111.              if ((clientVer >= 4) && is_ie && is_win)
  112.        {
  113.           theSelection = document.selection.createRange().text;
  114.           if (theSelection)
  115.           {
  116.     bbfontstyle('[flash=500,350]','[/flash]');
  117.              return;
  118.           }
  119.        }
  120.        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))
  121.        {
  122.     bbfontstyle('[flash=320,285]','[/flash]');
  123.           return;
  124.        }
  125.  
  126.        var Errores = '';
  127.        var enterURL   = prompt("Introduzca la URL del Flash", "http://");
  128.        var enterWIDTH = prompt("Introduzca el ancho del flash, en pixeles", "500");
  129.        var enterHEIGHT = prompt("Introduzca el alto del flash, en pixeles", "350");
  130.        if (!enterURL)    {
  131.           Errores += "Debes ingresar una URL.";
  132.           alert("Error: "+Errores);
  133.           return;
  134.        }
  135.           if (!enterWIDTH || !enterHEIGHT)    {
  136.           Errores += "Debes ingresar un ancho o alto en pixeles para el archivo flash.";
  137.           alert("Error: "+Errores);
  138.           return;
  139.        }
  140.        else {
  141.        var Post = "[flash="+enterWIDTH+","+enterHEIGHT+"]"+enterURL+"[/flash]";
  142.        insert_text(Post);
  143.        }
  144.     }
  145.  
  146.     function BBcodevideo() {
  147.        theSelection = false;
  148.        var textarea = document.forms[form_name].elements[text_name];
  149.        textarea.focus();
  150.              if ((clientVer >= 4) && is_ie && is_win)
  151.        {
  152.           theSelection = document.selection.createRange().text;
  153.           if (theSelection)
  154.           {
  155.     bbfontstyle('[video width=320 height=285]','[/video]');
  156.              return;
  157.           }
  158.        }
  159.        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))
  160.        {
  161.     bbfontstyle('[video width=320 height=285]','[/video]');
  162.           return;
  163.        }
  164.  
  165.        var Errores = '';
  166.        var enterURL   = prompt("Introduzca la URL del Video", "http://");
  167.        var enterWIDTH = prompt("Introduzca el ancho del video, en pixeles", "320");
  168.        var enterHEIGHT = prompt("Introduzca el alto del video, en pixeles", "285");
  169.        if (!enterURL)    {
  170.           Errores += "Debes ingresar una URL.";
  171.           alert("Error: "+Errores);
  172.           return;
  173.        }
  174.           if (!enterWIDTH || !enterHEIGHT)    {
  175.           Errores += "Debes ingresar un ancho o alto en pixeles para el archivo de video.";
  176.           alert("Error: "+Errores);
  177.           return;
  178.        }
  179.        else {
  180.        var Post = "[video width="+enterWIDTH+" height="+enterHEIGHT+"]"+enterURL+"[/video]";
  181.        insert_text(Post);
  182.        }
  183.     }
  184.  
  185.     function BBcodemp3() {
  186.        theSelection = false;
  187.        var textarea = document.forms[form_name].elements[text_name];
  188.        textarea.focus();
  189.              if ((clientVer >= 4) && is_ie && is_win)
  190.        {
  191.           theSelection = document.selection.createRange().text;
  192.           if (theSelection)
  193.           {
  194.     bbfontstyle('[mp3]','[/mp3]');
  195.              return;
  196.           }
  197.        }
  198.        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))
  199.        {
  200.     bbfontstyle('[mp3]','[/mp3]');
  201.           return;
  202.        }
  203.  
  204.        var Errores = '';
  205.        var enterURL   = prompt("Introduzca la URL del Mp3", "http://");
  206.        if (!enterURL)    {
  207.           Errores += "Debes ingresar una URL.";
  208.           alert("Error: "+Errores);
  209.           return;
  210.        }
  211.        var Post = "[mp3]"+enterURL+"[/mp3]";
  212.        insert_text(Post);
  213.     }
  214.  
  215.     function BBcodequick() {
  216.        theSelection = false;
  217.        var textarea = document.forms[form_name].elements[text_name];
  218.        textarea.focus();
  219.              if ((clientVer >= 4) && is_ie && is_win)
  220.        {
  221.           theSelection = document.selection.createRange().text;
  222.           if (theSelection)
  223.           {
  224.     bbfontstyle('[quick width=320 height=240]','[/quick]');
  225.              return;
  226.           }
  227.        }
  228.        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))
  229.        {
  230.     bbfontstyle('[quick width=320 height=240]','[/quick]');
  231.           return;
  232.        }
  233.  
  234.        var Errores = '';
  235.        var enterURL   = prompt("Introduzca la URL del archivo Quick Time", "http://");
  236.        var enterWIDTH = prompt("Introduzca el ancho del archivo, en pixeles", "320");
  237.        var enterHEIGHT = prompt("Introduzca el alto del archivo, en pixeles", "240");
  238.        if (!enterURL)    {
  239.           Errores += "Debes ingresar una URL.";
  240.           alert("Error: "+Errores);
  241.           return;
  242.        }
  243.           if (!enterWIDTH || !enterHEIGHT)    {
  244.           Errores += "Debes ingresar un ancho o alto en pixeles para el archivo.";
  245.           alert("Error: "+Errores);
  246.           return;
  247.        }
  248.        else {
  249.        var Post = "[quick width="+enterWIDTH+" height="+enterHEIGHT+"]"+enterURL+"[/quick]";
  250.        insert_text(Post);
  251.        }
  252.     }
  253.  
  254.     function BBcoderam() {
  255.        theSelection = false;
  256.        var textarea = document.forms[form_name].elements[text_name];
  257.        textarea.focus();
  258.              if ((clientVer >= 4) && is_ie && is_win)
  259.        {
  260.           theSelection = document.selection.createRange().text;
  261.           if (theSelection)
  262.           {
  263.     bbfontstyle('[ram width=275 height=40]','[/ram]');
  264.              return;
  265.           }
  266.        }
  267.        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))
  268.        {
  269.     bbfontstyle('[ram width=275 height=40]','[/ram]');
  270.           return;
  271.        }
  272.  
  273.        var Errores = '';
  274.        var enterURL   = prompt("Introduzca la URL del archivo Real Media", "http://");
  275.        var enterWIDTH = prompt("Introduzca el ancho del archivo, en pixeles", "275");
  276.        var enterHEIGHT = prompt("Introduzca el alto del archivo, en pixeles", "40");
  277.        if (!enterURL)    {
  278.           Errores += "Debes ingresar una URL.";
  279.           alert("Error: "+Errores);
  280.           return;
  281.        }
  282.           if (!enterWIDTH || !enterHEIGHT)    {
  283.           Errores += "Debes ingresar un ancho o alto en pixeles para el archivo.";
  284.           alert("Error: "+Errores);
  285.           return;
  286.        }
  287.        else {
  288.        var Post = "[ram width="+enterWIDTH+" height="+enterHEIGHT+"]"+enterURL+"[/ram]";
  289.        insert_text(Post);
  290.        }
  291.     }
  292.  
  293.     function BBcodegooglevideo() {
  294.        theSelection = false;
  295.        var textarea = document.forms[form_name].elements[text_name];
  296.        textarea.focus();
  297.              if ((clientVer >= 4) && is_ie && is_win)
  298.        {
  299.           theSelection = document.selection.createRange().text;
  300.           if (theSelection)
  301.           {
  302.     bbfontstyle('[googlevideo]','[/googlevideo]');
  303.              return;
  304.           }
  305.        }
  306.        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))
  307.        {
  308.     bbfontstyle('[googlevideo]','[/googlevideo]');
  309.           return;
  310.        }
  311.  
  312.        var Errores = '';
  313.        var enterURL   = prompt("Introduzca la ID del video (solo la ID, no la URL completa)", "595591721633367");
  314.        if (!enterURL)    {
  315.           Errores += "Debes ingresar la ID del video.";
  316.           alert("Error: "+Errores);
  317.           return;
  318.        }
  319.        var Post = "[googlevideo]"+enterURL+"[/googlevideo]";
  320.        insert_text(Post);
  321.     }
  322.  
  323.     function BBcodeyoutube() {
  324.        theSelection = false;
  325.        var textarea = document.forms[form_name].elements[text_name];
  326.        textarea.focus();
  327.              if ((clientVer >= 4) && is_ie && is_win)
  328.        {
  329.           theSelection = document.selection.createRange().text;
  330.           if (theSelection)
  331.           {
  332.     bbfontstyle('[youtube]','[/youtube]');
  333.              return;
  334.           }
  335.        }
  336.        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))
  337.        {
  338.     bbfontstyle('[youtube]','[/youtube]');
  339.           return;
  340.        }
  341.  
  342.        var Errores = '';
  343.        var enterURL   = prompt("Introduzca la ID del video (solo la ID, no la URL completa)", "ZxyQraaB7c0");
  344.        if (!enterURL)    {
  345.           Errores += "Debes ingresar la ID del video.";
  346.           alert("Error: "+Errores);
  347.           return;
  348.        }
  349.        var Post = "[youtube]"+enterURL+"[/youtube]";
  350.        insert_text(Post);
  351.     }
  352.     // BBcodes por Mitch
  353.  


Edito: Cuando guardes, asegurate de ir a: Archivo > Guardar como... , y debajo del nombre del archivo, generalmente aparece el Formato en el que quieres guardar, asegurate de que sea UTF8 (o si no, los acentos aparecerán con signos raros)


En el archivo /styles/ESTILO/template/posting_buttons.html
Buscar cada una de estas lineas (por separado, de una en una) y reemplazarlas por las que estan mas abajo (por ejemplo, la segunda linea de este código, la reemplazas por la linea 2 del código que está mas abajo)

  1.    onclick="bbstyle(14)"
  2.     onclick="bbstyle(16)"
  3.     onclick="bbfontstyle('[email]','[/email]')"
  4.     onclick="bbstyle(18)"
  5.     onclick="bbfontstyle('[video width=320 height=285]','[/video]')"
  6.     onclick="bbfontstyle('[mp3]','[/mp3]')"
  7.     onclick="bbfontstyle('[quick width=320 height=240]','[/quick]')"
  8.     onclick="bbfontstyle('[ram width=275 height=40]','[/ram]')"
  9.     onclick="bbfontstyle('[googlevideo]','[/googlevideo]')"
  10.     onclick="bbfontstyle('[youtube]','[/youtube]')"
  11.  


Lineas de reemplazo:

  1.    onclick="BBcodeimg()"
  2.     onclick="BBcodeurl()"
  3.     onclick="BBcodeemail()"
  4.     onclick="BBcodeflash()"
  5.     onclick="BBcodevideo()"
  6.     onclick="BBcodemp3()"
  7.     onclick="BBcodequick()"
  8.     onclick="BBcoderam()"
  9.     onclick="BBcodegooglevideo()"
  10.     onclick="BBcodeyoutube()"
  11.  


Guardas, subes a tu servidor donde corresponde, limpias el caché y ya deberías tener lista esta nueva función. Si no ves resultados, asegurate de que limpiaste bien el caché, y presiona F5 en tu navegador (o click en Actualizar) para que se carguen en tu navegador bien los cambios.

Bueno pues chicos esto es todo y espero que os pueda servir..
No olvideis de postear si teneis cualquier duda al respecto...
Un saludo y nos leemos!!!

Autor: mitch de Debe registrarse para ver este enlace. Gracias por su visita.

firma
Imagen
Imagen
MODS INSTALADOS


Pc-teros Community - www.pc-teros.es
Arriba 
 Perfil  
 
El siguiente usuario da las gracias a AlanWake360 por ese mensaje:
buthas
 Asunto: Re: Tutorial cambiar el editor de texto por imágenes e icono
 Nota Publicado: 17 Jul 2010 00:59 


Desconectado
Moderador Global
Moderador Global
Avatar de Usuario

Mensajes: 136

Todos mis aportes


Nivel: 10

HP: 0 / 230
0 / 230 0 / 230 0 / 230
MP: 110 / 110
110 / 110 110 / 110 110 / 110
EXP: 136 / 142
136 / 142 136 / 142 136 / 142

Karma: 25

Sexo:
Masculino



He dado: 26 Gracias
Recibidas: 25 Gracias
Blog: Ver blog (0)
Gracias por tu aporte.
Buen tuto. b10: lo probaremos en cuanto tengamos un hueco.

Saludos.

firma

Este es el lugar para tu firma

Personaliza tu perfil



Pc-teros Community - www.pc-teros.es
Arriba 
 Perfil  
 
 Asunto: Re: Tutorial cambiar el editor de texto por imágenes e icono
 Nota Publicado: 23 Ago 2010 00:44 


Desconectado
Usuario
Usuario
Avatar de Usuario

Mensajes: 91

Todos mis aportes
Estado de ánimo: Tranquilo


Nivel: 8

HP: 0 / 159
0 / 159 0 / 159 0 / 159
MP: 76 / 76
76 / 76 76 / 76 76 / 76
EXP: 91 / 100
91 / 100 91 / 100 91 / 100

Karma: 20

Ubicación:España


Sexo:
Masculino



He dado: 3 Gracias
Recibidas: 20 Gracias
Blog: Ver blog (0)
Es mi parecer pero creo por ética sería conveniente poner en el post que este mod está creado por micht de Debe registrarse para ver este enlace. Gracias por su visita.
Creo que lo más normal es poner las fuentes de donde se sacan los tutoriales si no son propios.
saludos

firma
Debe registrarse para ver este enlace. Gracias por su visita.
Imagen


Pc-teros Community - www.pc-teros.es
Arriba 
 Perfil  
 
 Asunto: Re: Tutorial cambiar el editor de texto por imágenes e icono
 Nota Publicado: 23 Ago 2010 17:54 


Desconectado
Administrador del Sitio
Administrador del Sitio|Administrador del Sitio|Administradora del Sitio
Avatar de Usuario

Mensajes: 3321

Todos mis aportes
Estado de ánimo: Feliz

Imágenes: 32

Nivel: 44

HP: 723 / 6573
723 / 6573 723 / 6573 723 / 6573
MP: 3138 / 3138
3138 / 3138 3138 / 3138 3138 / 3138
EXP: 3321 / 3391
3321 / 3391 3321 / 3391 3321 / 3391

Karma: 147

Sexo:
Masculino



He dado: 668 Gracias
Recibidas: 315 Gracias
Blog: Ver blog (1)
Es mi parecer pero creo por ética sería conveniente poner en el post que este mod está creado por micht de Debe registrarse para ver este enlace. Gracias por su visita.
Creo que lo más normal es poner las fuentes de donde se sacan los tutoriales si no son propios.
saludos


Pues tienes toda la razón del mundo.
Editaré y pondre la fuente de inmediato, ademas ese uso está contemplado en las Debe registrarse para ver este enlace. Gracias por su visita..

Gracias Frankspeed.

firma
La inteligencia, es todo lo que la calculadora no puede hacer por tí.
Todo lo demas son simples cálculos.

Si te ha sido de utilidad el foro, por favor danos un me gusta y, comparte tu expriencia.


Pc-teros Community - www.pc-teros.es
Arriba 
 Perfil Álbum personal  
 
Mostrar mensajes previos:  Ordenar por  
 
Nuevo tema Responder al tema  [ 4 mensajes ] 


¿Te fue util este tema?

Link:
BBcode:
HTML:


Temas Similares


Portal » Índice general » Zona Webmasters » PhpBb3 » Tutoriales phpbb3


Temas relacionados
 Temas   Autor   Comentarios   Vistas   Último mensaje 
Este tema está cerrado, no puede editar mensajes o enviar nuevas respuestas Curiosidad sobre este editor de texto

[ Ir a páginaIr a página: 1, 2 ]

AlanWake360

19

657

31 Ago 2010 19:06

AlanWake360 Ver último mensaje

No hay nuevos mensajes sin leer en este tema. Desplegar iconos en el Perfil, tutorial phpbb3

Megabyte

2

336

06 Abr 2011 02:54

uruguayito Ver último mensaje

No hay nuevos mensajes sin leer en este tema. Adjunto(s) Cambiar iconos y botones de style en phpbb3

[ Ir a páginaIr a página: 1, 2 ]

rotcar

14

1387

02 Abr 2011 11:58

blquack Ver último mensaje

Este tema está cerrado, no puede editar mensajes o enviar nuevas respuestas Adjunto(s) Cambiar color texto prederterminado en plantilla.

Nayade

6

637

17 Ago 2010 21:10

blquack Ver último mensaje

No hay nuevos mensajes sin leer en este tema. Cambiar el texto del boton Inicio en Windows XP

EseTecnico

0

220

26 Jun 2011 15:55

EseTecnico Ver último mensaje

No hay nuevos mensajes sin leer en este tema. Programa online, Editor de imagenes online splashup

blquack

4

701

23 Mar 2016 06:11

rsuarez Ver último mensaje

No hay nuevos mensajes sin leer en este tema. Editor de imagenes online, photoshop online

blquack

4

1954

16 Sep 2012 02:42

dexter2.0 Ver último mensaje

Este tema está cerrado, no puede editar mensajes o enviar nuevas respuestas guardar imagenes en html - servidor de imagenes

martinkly

2

444

20 Jul 2011 23:59

martinkly Ver último mensaje

No hay nuevos mensajes sin leer en este tema. 1301 iconos psd.

Total13

8

1103

14 Mar 2014 15:35

Total13 Ver último mensaje

Este tema está cerrado, no puede editar mensajes o enviar nuevas respuestas No se ven los iconos de los bbcodes añadidos

AlanWake360

8

299

16 Jul 2010 17:47

AlanWake360 Ver último mensaje

 


¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 0 invitados

 
 

 
No puede abrir nuevos temas en este Foro
No puede responder a temas en este Foro
No puede editar sus mensajes en este Foro
No puede borrar sus mensajes en este Foro
No puede enviar adjuntos en este Foro

Buscar:
Saltar a:  
cron