CODIGOS PARA HACER EL FORO MAS ATRACTIVO

Map Editors Community Spain Comunidad
1

Los “códigos de números” tipo #... son colores en hexadecimal (HTML/CSS). No existe una tabla finita de “cada color” porque hay millones de combinaciones, pero sí puedes leer el código y entender qué mezcla de color es.

Cómo se interpreta un color hex

Formato más común: #RRGGBB

  • RR = rojo (00 a FF)
  • GG = verde (00 a FF)
  • BB = azul (00 a FF)

Cada par es hexadecimal:

  • 00 = 0 (nada)
  • FF = 255 (máximo)

Ejemplos:

  • #FF0000 → rojo puro
  • #00FF00 → verde puro
  • #0000FF → azul puro
  • #000000 → negro
  • #FFFFFF → blanco
  • #FFFF00 → amarillo (rojo+verde)
  • #FF00FF → magenta/fucsia (rojo+azul)
  • #00FFFF → cian (verde+azul)

Formato corto: #RGB

Es una abreviatura de #RRGGBB duplicando cada dígito:

  • #C35 = #CC3355

Formato con transparencia: #RGBA o #RRGGBBAA

  • A / AA es el alpha (transparencia):
    • 00 = transparente
    • FF = opaco

Ejemplo: #c35b

Eso es formato corto con alpha: #RGBA

Se expande a:

  • #c35b → #CC3355BB

Interpretación:

  • R = CC (alto rojo)
  • G = 33 (poco verde)
  • B = 55 (algo de azul)
  • A = BB (bastante opaco, ~73% de opacidad)

Resultado: un rosa/fucsia oscuro tirando a magenta, con algo de transparencia.

Trucos rápidos para “adivinar” el color

  • Más rojo (RR alto) → rojos/rosas/naranjas
  • Más verde (GG alto) → verdes
  • Más azul (BB alto) → azules/violetas
  • R alto + B alto + G bajo → magentas/rosas fuertes
  • R alto + G alto + B bajo → amarillos/naranjas
  • Los tres parecidos (R≈G≈B) → grises

Cómo saber el “nombre” exacto (sin adivinar)

  • En un editor (VS Code, navegador, etc.) suele aparecer un cuadradito de color al pasar el ratón por el hex.
  • También puedes usar cualquier color picker / conversor hex↔RGB buscando “hex color picker”.

Cómo poner color en Waze Discuss

Texto en color (hex o nombre)

Usa este formato:
Este texto sale en verde menta

Este texto sale naranja

Esto está documentado en el “Demo Preview Page” y ejemplos de markdown/BBCode de Waze Discuss

Cómo “saber qué color es” cada código (lo práctico)

No hay una lista fija (hay millones), lo normal es:

  • usar un hex color picker (busca “hex color picker”) y pegas #CC3355
  • o elegir visualmente y copiar el #RRGGBB que te dé

Extra útil en Discuss: “Waze boxes” (cajas con fondo de color)

Si lo que quieres no es sólo texto en color sino un bloque destacado, puedes usar:

Aviso importante

Info

OK

1) Cabecera + resumen (ideal para el primer post)

​​TÍTULO DEL HILO

Resumen rápido

• Objetivo:
• Estado:
• Próximo paso:

2) “Semáforo” de estado (muy visual)

Contexto

Texto…

Qué necesito de la comunidad

Texto…

:police_car_light: Bloqueado / Urgente

• Qué pasa:
• Impacto:
• Acción requerida:

:information_source: En revisión

• Qué se está mirando:
• Evidencia / enlaces:

:white_check_mark: Resuelto

• Qué se cambió:
• Fecha:

3) Aviso crítico “de una línea”

:police_car_light: OJO: No edites esta zona hasta nuevo aviso

4) “Checklist” compacta con colores (sin listas raras)

:pushpin: Antes de responder, confirma:
:check_mark: Ciudad / calle exacta
:check_mark: Captura o permalink
:check_mark: Qué esperabas vs qué hace Waze
[/wzBoxBlue]

5) FAQ plegable (no “ensucia” el hilo)

:red_question_mark: FAQ rápida

¿Por qué Waze no me enruta por aquí?

Posibles causas:
• Cierre activo
• Restricciones de giro
• Segmento desconectado

¿Qué debo aportar para que lo revisen?

• Enlace del lugar
• Capturas
• Hora aproximada

6) “Notas técnicas” ocultas (spoiler)

Notas técnicas (para editores)
Esto es visible.

Esto queda oculto: aquí pegas el detalle largo o sensible

7) Plantilla de “Solicitud de actualización” (tabla bonita)

Campo Detalle
Ubicación (municipio + vía)
Tipo (sentido / cierre / POI / límites / etc.)
Evidencia (foto / enlace / fuente)
Prioridad Baja / Media / Alta
Comentarios …

8) Comparativa “Antes / Después”

Antes Después
El acceso estaba cerrado Acceso reabierto
Ruta desviada Ruta directa

9) Abreviaturas con “tooltip” (muy pro en hilos públicos)

El [abbr=Waze Map Editor]WME[/abbr] muestra estas [abbr=Update Requests]URs[/abbr] en la zona.

[wzBoxes]**[size=150][color=green]10) Atajos de teclado en “teclas”

Pulsa Ctrl + F para buscar, o ⌥⌘C en Mac.

11) Imágenes en línea, mismas alturas (queda muy limpio)

Cuando subes imágenes al post, puedes forzar tamaño con el formato ![nombre|WxH,125x](upload://...) o x125.
Antes Después
Antes Después

  • Lista de elementos

12) Plantillas reutilizables (para posts repetitivos)

Template of topic 380019, post 1

Template of topic 123, post 1

[wzBoxes]### 3 reglas rápidas para que quede bonito (sin recargar)

  • Usa 1 color “de acción” por bloque: rojo=parar, azul=info, verde=ok (Waze recomienda estandarizar colores en cajas).
  • Pon títulos cortos con [wzh=2] o [wzh=3] dentro de la caja.
  • Lo largo → [details] o [spoiler] para que el hilo respire.[/color][/size]**[/wzBoxes]
    595eadfa8e85bbd64fb2fed3de98123845059f78
4 Likes