Cerrar Ventana

Algunas cookies de este sitio son esenciales, y el sitio no funcionará como se espera sin ellas. Estas cookies se establecen en el momento de enviar un formulario, inicie sesión o interactuar con el sitio realizando una acción que va más allá de hacer clic en un simple enlace.


Leer Más

Somos un foro de soporte en español que no tiene publicidad y tiene muchas cosas gratuitas aportadas por la comunidad, contribuye con el foro para poder así obtener alguna membresía de manera gratuita.
SoporteMyBB tiene un total de
1124 temas de soporte.
0 quedan aún por resolver, 244 han quedado obsoletos y 880 han sido resueltos.
Aún no tienes una cuenta, regístrate es gratis.

Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
[Tutorial] Marcador BBCode
 BitLiberal
Usuarios
BitLiberal
Estado:
 
0
0
0
0
5 June 2014, 22:16
#1
4
Estudiando a uno de mis competidores, vi que usaba un simple codigo html a la hora de publicar enlaces de sus normas (por ejemplo a quien las incumple), para que lea exactamente esa norma pues el navegador se ajusta esa linea.

Estudiando como hacerlo en mi foro, pense que lo mejor seria hacer las normas en una pagina aparte y asi podria usar el mismo sistema, pero se me ocurrio un BBCode que funciona a la perfeccion.

Explicacion:
Basicamente es un BBCode, [marcador][/marcador], que al ponerlo en algun mensaje, hara que al publicar un enlace a esa pagina con el mismo marcador en la url, el enlace hara que se muestre una parte en especial de tu pagina.

1 Instalacion
Accedemos a ACP/Configuracion/MyCode Personalizado, y pulsamos en "Agregar MyCode".
Enumerare como rellenarlo:

Titulo:
Marcador

Descripcion Corta:

Marcador #

Expresión regular:
\[marcador\](.*?)\[/marcador\]

Reemplazar por:
<a name="$1"></a>

¿Activo?
Si

Y listo.

2 Uso
A la hora de crear un mensaje, a donde quieres que vaya el enlace, pon [marcador]ejemplo[/ejemplo]. Sera totalmente invisible.

Cuando quieras publicar el enlace que lleve a esa parte, haz lo siguiente:
enlace#ejemplo

Quedaria asi:
http://foro.es/tema-normas#ejemplo

Obviamente, lo que habra dentro del bbcode debe ser lo mismo que se añada al enlace.

Enganche en la misma pagina al marcador:

Podemos enlazar al marcador desde otra pagina, pero en la misma se crea el problema de que lo abre en una nueva pestaña, para solucionarlo, solo hay que añadir otro BBCode para los enlaces en la misma pagina:

Título
Enlace Marcador

Descripción corta
Enlace a marcador

Expresión regular
\[enganche=(.*?)\](.*?)\[/enganche\]

Reemplazar por
<a href="#$1">$2</a>

Para utilizarlo solo tendremos que escribirlo asi:
[enganche=ejemplo]Texto del enlace[/enganche]

Un ejemplo:

[enganche=ejemplo1]Esto llevara al marcador ejemplo1[/enganche]

y este dirigira al marcador dentro de la misma pagina llamado "ejemplo1".
Nota:
Tapatalk lo detecta como texto plano, asi que no recomiendo instalarlo, o usar tapatalk.
SOLUCIONADO:
Visita este tema para adaptar tapatalk a este bbcode: Registrate o inicia tu sesión para ver este contenido

¡Saludos!
 
 Ancoreig
Quam benigna

Estado: Sin conexión Registrados
16
93
6
Spain
0
0
6
17
5 June 2014, 22:44
#2
0
Debo ser retrasado porque no entiendo muy bien el concepto, o tanta tarde de estudio para los finales ya me está afectando.
 
 Joseahfer
Usuario del Foro

Estado: Sin conexión Registrados
42
767
272
Spain
0
0
271
96
5 June 2014, 22:46
#3
1
(5 June 2014, 22:44 )Ancoreig escribió: Registrate o inicia tu sesión para ver este contenidoDebo ser retrasado porque no entiendo muy bien el concepto, o tanta tarde de estudio para los finales ya me está afectando.

Supongo que sabrás que #top se suele usar para ir arriba de la web. Con eso consigues crear tu propio #loquesea y al luego crear un enlace, te lleva directamente a ese #loquesea. En este caso, debe estar todo en el mismo tema.
 
 Ancoreig
Quam benigna

Estado: Sin conexión Registrados
16
93
6
Spain
0
0
6
17
5 June 2014, 22:55
#4
0
(5 June 2014, 22:46 )Joseahfer escribió: Registrate o inicia tu sesión para ver este contenidoSupongo que sabrás que #top se suele usar para ir arriba de la web. Con eso consigues crear tu propio #loquesea y al luego crear un enlace, te lleva directamente a ese #loquesea. En este caso, debe estar todo en el mismo tema.
Oído cocina, ya me queda más claro.
 
 calamar
Usuarios
calamar
Estado:
 
0
0
0
0
5 June 2014, 22:57
#5
0
(5 June 2014, 22:44 )Ancoreig escribió: Registrate o inicia tu sesión para ver este contenidoDebo ser retrasado porque no entiendo muy bien el concepto, o tanta tarde de estudio para los finales ya me está afectando.

Es un MyCode Guiño para tu foro .
Por cierto muy bueno .
 
 Whiteneo
Equipo de Soporte

Estado: Sin conexión Soporte Técnico
354
4,693
Mexico
5
93
576
5 June 2014, 23:41
#6
0
Una ocasion hice un plugin de este tipo para @Iñaki llamado enganches y hacía eso mismo Gran sonrisa, Es el mismo uso de crear lo que se llama anclas en HTML para ir a un lugar u otro como mencionan eso de ir al final o ir al inicio, que te manda a una liga es muy común en las wikis, cuando miras un índice y cada enlace o gancho te dirije a donde debe ir Gran sonrisa.

Es algo muy útil usado con responsabilidad hay quienes lo toman a juego y comienzan rompiendo código creando cosas como códigos diversos en el name o esas cosas que pueden afectar la nevegación o simplemente llevarte a ningún lugar, sería bueno limitar el uso de esto a ciertos caracteres, ya que donde pongas el name si no mal recuerdo es como el id de un DOM y simplemente te envía ahi Gran sonrisa,
 
 Joseahfer
Usuario del Foro

Estado: Sin conexión Registrados
42
767
272
Spain
0
0
271
96
5 June 2014, 23:45
#7
0
(5 June 2014, 23:41 )Dark Neo escribió: Registrate o inicia tu sesión para ver este contenidoUna ocasion hice un plugin de este tipo para @Iñaki llamado enganches y hacía eso mismo Gran sonrisa, Es el mismo uso de crear lo que se llama anclas en HTML para ir a un lugar u otro como mencionan eso de ir al final o ir al inicio, que te manda a una liga es muy común en las wikis, cuando miras un índice y cada enlace o gancho te dirije a donde debe ir Gran sonrisa.

Es algo muy útil usado con responsabilidad hay quienes lo toman a juego y comienzan rompiendo código creando cosas como códigos diversos en el name o esas cosas que pueden afectar la nevegación o simplemente llevarte a ningún lugar, sería bueno limitar el uso de esto a ciertos caracteres, ya que donde pongas el name si no mal recuerdo es como el id de un DOM y simplemente te envía ahi Gran sonrisa,

Registrate o inicia tu sesión para ver este contenido
 
 BitLiberal
Usuarios
BitLiberal
Estado:
 
0
0
0
0
6 June 2014, 14:28
#8
0
Respondere por partes:

(5 June 2014, 22:44 )Ancoreig escribió: Registrate o inicia tu sesión para ver este contenidoDebo ser retrasado porque no entiendo muy bien el concepto, o tanta tarde de estudio para los finales ya me está afectando.
Creo que la solución esta en que no me exprese bien.
No hace falta irse mas lejos de MyBB, si vas a cualquier enlace de ProStats, veras que siempre te conduce al ultimo post, dando igual que haya 4 mas en la pagina. Es exactamente lo mismo, pero ahora podras hacerlo no solo con mensajes enteros, si no con lineas especificas de mensajes.

Te dejo un ejemplo, pulsa en cada enlace (Seccion 1, etc), te llevara a su seccion.
Registrate o inicia tu sesión para ver este contenido

(5 June 2014, 22:46 )Joseahfer escribió: Registrate o inicia tu sesión para ver este contenidoSupongo que sabrás que #top se suele usar para ir arriba de la web. Con eso consigues crear tu propio #loquesea y al luego crear un enlace, te lleva directamente a ese #loquesea. En este caso, debe estar todo en el mismo tema.

No hace falta que este en el mismo tema, puedes poner el enlace#ejemplo en cualquier pagina, incluso webs externas, que funcionara.

(5 June 2014, 22:57 )calamar escribió: Registrate o inicia tu sesión para ver este contenidoEs un MyCode Guiño para tu foro .
Por cierto muy bueno .

¡Gracias!

(5 June 2014, 23:41 )Dark Neo escribió: Registrate o inicia tu sesión para ver este contenido...ya que donde pongas el name si no mal recuerdo es como el id de un DOM y simplemente te envía ahi Gran sonrisa...

Este no, solo utiliza name. Se puede utilizar tambien con un id, pero entonces se le podrian asignar clases de la hoja de estilos, por eso no lo inclui.
Aunque asegurarlo podria ser muy facil, solo habria que cambiarlo asi:
<a name="marcador_$1" id="marcador_$1"></a>

Y los marcadores obligatoriamente debrian incluir #marcador_ y luego el texto puesto con el BBCode, como por ejemplo #marcador_ejemplo.

(5 June 2014, 23:45 )Joseahfer escribió: Registrate o inicia tu sesión para ver este contenidoRegistrate o inicia tu sesión para ver este contenido

O como bien dice Joseahfer, con ese pluglin.

¡Saludos!
 
 BitLiberal
Usuarios
BitLiberal
Estado:
 
0
0
0
0
8 June 2014, 16:24
#9
0
He añadido un segundo BBCode para enganchar el marcador cuando esta en la misma pagina.

`¡Saludos!
 


Posibles temas similares…
Tema Autor Respuestas Vistas Último mensaje
  [Tutorial] Ocultar BBCode a Tapatalk BitLiberal 0 946 6 June 2014, 21:12
Último mensaje: BitLiberal



Usuarios navegando en este tema: 1 invitado(s)