Página 1 de 1

Error en BBCodes para "Lista diámica"  Tema Solucionado

Publicado: 13 Mar 2010, 11:34
por GiGaS_eTD205
Wenas :D

Hace unos días vi estos BCCodes:

http://www.phpbb-es.com/foro/guias-phpb ... 25417.html

En el segundo BBCode hay un error en el Remplazo HTML:

Uso de BBCode:

Código: Seleccionar todo

[linkname={SIMPLETEXT}]{TEXT}[/linkname]
Remplazo HTML:

Código: Seleccionar todo

<a href="#{SIMPLETEXT}">{TEXT}</a>
El correcto Remplazo HTML seria el siguiente:

Código: Seleccionar todo

<a name="{SIMPLETEXT}">{TEXT}</a>

Después de hacer varias pruebas, he retocado este sistema para que sea más fácil a la hora de usarlo en un post.

Lleva también 2 BBCodes y aparte 2 imágenes para el botón de subir al menú[letra]Z[/letra] (queda mas gráfico):

Primero crear los dos BBCodes:

BBCode [indice]:

Este BBcode pone un Listado de Letras con sus enlaces correspondientes.

Uso de BBCode:

Código: Seleccionar todo

[indice][/indice]
Remplazo HTML:

Código: Seleccionar todo

<a name="arriba"></a><br /><center><font size="+1"><b><a href="#A">A</a>    <a href="#B">B</a>    <a href="#C">C</a>    <a href="#D">D</a>    <a href="#E">E</a>    <a href="#F">F</a>    <a href="#G">G</a>    <a href="#H">H</a>    <a href="#I">I</a>    <a href="#J">J</a>    <a href="#K">K</a>    <a href="#L">L</a>    <a href="#M">M</a>    <a href="#N">N</a>    <a href="#Ñ">Ñ</a>    <a href="#O">O</a>    <a href="#P">P</a>    <a href="#Q">Q</a>    <a href="#R">R</a>    <a href="#S">S</a>    <a href="#T">T</a>    <a href="#U">U</a>    <a href="#V">V</a>    <a href="#W">W</a>    <a href="#X">X</a>    <a href="#Y">Y</a>    <a href="#Z">Z</a></b></font></center>
BBCode [letra]:

Este BBcode pone la marca necesaria para que el Indice sepa a donde tiene que bajar. También añade un botón para ir al Indice

Uso de BBCode:

Código: Seleccionar todo

[letra]{TEXT1}[/letra]
Remplazo HTML:

Código: Seleccionar todo

<script type="text/javascript">
   
 function cambiar{TEXT1} () {
  document.getElementById('indice{TEXT1}').src = "images/indice2.gif";
 }
   
 function volver{TEXT1} () {
  document.getElementById('indice{TEXT1}').src = "images/indice1.gif";
 }
   
</script>

<br /><br /><b><a href="#arriba" onMouseOver="cambiar{TEXT1}();" onMouseOut="volver{TEXT1}();"><img src="images/indice1.gif" id="indice{TEXT1}" border="0"/></a></b><br /><br /><a name="{TEXT1}"></a>

Una vez creados, subir las imágenes indice1.gif e indice2.gif a la carpeta images de nuestro foro.

Como usar en un post:

Al principio del post ponemos el listado de las letras con el BBCode [indice]:

Código: Seleccionar todo

[indice][/indice]
Luego hay que poner el BBcode [letra] en una linea anterior donde empiecen los enlaces con esa letra:

Código: Seleccionar todo

[letra]A[/letra]
Aquí irían los enlaces que empiezan con la letra A.
[letra]B[/letra]
Aquí irían los enlaces que empiezan con la letra B.
[letra]C[/letra]
Aquí irían los enlaces que empiezan con la letra C.
...
[letra]Z[/letra]
Aquí irían los enlaces que empiezan con la letra Z.
Y por último, hay que poner al final un enlace para subir al Indice. Hay que ponerlo después del último enlace que empiece con la letra Z:

Código: Seleccionar todo

...
[letra]Z[/letra]
Aquí irían los enlaces que empiezan con la letra Z.
[letra]FIN[/letra]

Si queréis ver como queda: Ejemplo

Un saludo. AguR

Re: Error en BBCodes para "Lista diámica"

Publicado: 21 Feb 2011, 07:32
por happyman
El link de ejemplo no funciona y faltan los archivos de imágenes....