Bienvenido al chat radio de todos

ccdn, 6 sept 2026 17:47:32.

Pensamiento

ccdn • 6 sept 2026 17:50:21

<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <title>Radio Creación Cristiana + Chat</title> <style> body { margin: 0; font-family: Arial, sans-serif; background: #f9f9f9; } .nav { display: flex; align-items: center; background: #1a3d7c;

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>Radio Creación Cristiana + Chat</title>
  <style>
    body {
      margin: 0;
      font-family: Arial, sans-serif;
      background: #f9f9f9;
    }
    .nav {
      display: flex;
      align-items: center;
      background: #1a3d7c; /* Azul institucional */
      padding: 5px 10px;
    }
    .nav img {
      height: 40px;
      margin-right: 15px;
    }
    .nav button {
      flex: 1;
      padding: 12px;
      border: none;
      background: #1a3d7c;
      color: #ffd700; /* Dorado */
      font-weight: bold;
      cursor: pointer;
      transition: background 0.3s;
    }
    .nav button:hover {
      background: #365d7a;
    }
    .section {
      display: none;
      height: calc(100vh - 50px);
      width: 100%;
    }
    .section.active {
      display: block;
    }
    iframe {
      border: none;
      width: 100%;
      height: 100%;
    }
  </style>
</head>
<body>
  <!-- Menú de pestañas con logo -->
  <div class="nav">
    <img src="https://tuservidor.com/logo.png" alt="Logo Radio Creación Cristiana">
    <button onclick="showSection('radio')">🎵 Radio</button>
    <button onclick="showSection('chat')">💬 Chat</button>
  </div>

  <!-- Sección Radio -->
  <div id="radio" class="section active">
    <iframe src="https://tuservidor.com/player" allow="autoplay"></iframe>
  </div>

  <!-- Sección Chat (Minnit) -->
  <div id="chat" class="section">
    <script src="https://minnit.chat/js/embed.js?c=1772345192" defer></script>
    <span style="display: none;" 
          class="minnit-chat-sembed" 
          data-chatname="https://organizations.minnit.chat/653457804964655/c/Main?embed" 
          data-style="width:100%; height:100%; max-height:90vh;" 
          data-version="1.55">Chat</span>
  </div>

  <script>
    function showSection(id) {
      document.querySelectorAll('.section').forEach(sec => sec.classList.remove('active'));
      document.getElementById(id).classList.add('active');
    }
  </script>
</body>
</html>

Bienvenido al chat radio de todos

Thoughts

curioso31 • 6 oct 2026 8:20:35

Radio y chat, lindo.

Permalink
AgustinRuiz • 30 sept 2026 20:28:41

Una radio que además tenga chat, donde la gente escriba lo que está pidiendo mientras escucha, me parece buena idea. Lo de 'radio de todos' también me gusta, que nadie se sienta de visita.

Permalink
Ovid • 25 sept 2026 19:25:48

El codigo HTML de la pagina de Radio Creacion Cristiana que pegaste en los comentarios se muestra aqui como texto, no como pagina. Si ya la tienes publicada en algun sitio, pega el enlace y la gente podra entrar directo a escuchar. Lo del chat junto a la radio me parece muy buena idea, bienvenido :)

Permalink
ccdn • 6 sept 2026 17:51:28

ser unidos con los demas

Permalink
ccdn • 6 sept 2026 17:50:55

Dios te bendiga siempre

Permalink

ccdn • 6 sept 2026 17:50:21

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>Radio Creación Cristiana + Chat</title>
  <style>
    body {
      margin: 0;
      font-family: Arial, sans-serif;
      background: #f9f9f9;
    }
    .nav {
      display: flex;
      align-items: center;
      background: #1a3d7c; /* Azul institucional */
      padding: 5px 10px;
    }
    .nav img {
      height: 40px;
      margin-right: 15px;
    }
    .nav button {
      flex: 1;
      padding: 12px;
      border: none;
      background: #1a3d7c;
      color: #ffd700; /* Dorado */
      font-weight: bold;
      cursor: pointer;
      transition: background 0.3s;
    }
    .nav button:hover {
      background: #365d7a;
    }
    .section {
      display: none;
      height: calc(100vh - 50px);
      width: 100%;
    }
    .section.active {
      display: block;
    }
    iframe {
      border: none;
      width: 100%;
      height: 100%;
    }
  </style>
</head>
<body>
  <!-- Menú de pestañas con logo -->
  <div class="nav">
    <img src="https://tuservidor.com/logo.png" alt="Logo Radio Creación Cristiana">
    <button onclick="showSection('radio')">🎵 Radio</button>
    <button onclick="showSection('chat')">💬 Chat</button>
  </div>

  <!-- Sección Radio -->
  <div id="radio" class="section active">
    <iframe src="https://tuservidor.com/player" allow="autoplay"></iframe>
  </div>

  <!-- Sección Chat (Minnit) -->
  <div id="chat" class="section">
    <script src="https://minnit.chat/js/embed.js?c=1772345192" defer></script>
    <span style="display: none;" 
          class="minnit-chat-sembed" 
          data-chatname="https://organizations.minnit.chat/653457804964655/c/Main?embed" 
          data-style="width:100%; height:100%; max-height:90vh;" 
          data-version="1.55">Chat</span>
  </div>

  <script>
    function showSection(id) {
      document.querySelectorAll('.section').forEach(sec => sec.classList.remove('active'));
      document.getElementById(id).classList.add('active');
    }
  </script>
</body>
</html>

Permalink

ccdn • 6 sept 2026 17:49:23

Tener un buen chat radio para unificar todas las naciones cristiana

Permalink
ccdn • 6 sept 2026 17:48:27

buena presentacion

Permalink

Publicaciones relacionadas

Protestadores De La Paz 2 : 1
Que la paz no los llene de guerra si no de fe en vuestros corazones
Laberintos mentales
Me perdí en mis pensamientos...me perdí en la imaginación de tu existencia,en un naufragio de penas y tormentas, el pasado robo ni brújula y me perdí en primera persona ,descubrí al enemigo detrás…
UTOPÍA RECURRENTE
Vuelve esta utopía a ilusionarme
fatamorgana
Sentí una ventisca recorrerme el cuerpo,
En el ocaso.
Los días ya fueron contados Pasaron como loras volando en la tarde Como agua debajo del puente; desbordados Se fueron ya no cuentas con esa parte.. La primavera es pasado Una pila de aventuras…
Mancha
Inky en ingles,
COLORES: NEGRO
Se dice que es de cobardes. Que no es de valientes en pensar en la muerte.
EFECTOS ADVERSOS
¿Cómo voy a hacer para vivir sin miedo? Siempre tener algo implica un riesgo. Ser libre significa no tener ni tiempo, si nadie te espera, ¿para qué vivir corriendo?

Pública 3 conversaciones 11 pensamientos 8 votos positivos 0 votos negativos 0 series

Bienvenido al chat radio de todos

En grupos

Poesía

Pensamiento

Contenido de la publicación

Thoughts

Publicaciones relacionadas

En grupos