Tema para preguntas random a Chatgpt 🤖

blankito1998 · 12 Nov 2025

BotBeta dijo:
Para mostrar cada foto encontrada en su propio contenedor y asegurarte de que todas las imágenes se presenten correctamente, debes asegurarte de que el código genera un nuevo bloque para cada imagen, incluso si hay varias fotos.

Aquí tienes un ejemplo mejorado que crea un contenedor individual para cada foto encontrada:

### Código Modificado

PHP:

$mitips = mysqli_query($conexion,"SELECT * FROM posters WHERE username='".$_GET['u']."' AND (category='post' OR category='livs') AND (photo !='' OR photo2 !='' OR photo3 !='' OR photo4 !='' OR photo5 !='' OR photo6 !='' OR photo7 !='' OR photo8 !='' OR photo9 !='' OR photo10 !='' OR photo11 !='' OR photo12 !='' OR photo13 !='' OR photo14 !='' OR photo15 !='' OR photo16 !='' OR photo17 !='' OR photo18 !='' OR photo19 !='' OR photo20 !='') GROUP BY hora, descripts, email, nombre, apellido ORDER BY id DESC $lt"); while($filo = mysqli_fetch_assoc($mitips)) { echo '<span class="photoby">'; // Arreglo de nombres de campos de fotos $photos = [ $filo['photo'], $filo['photo2'], $filo['photo3'], $filo['photo4'], $filo['photo5'], $filo['photo6'], $filo['photo7'], $filo['photo8'], $filo['photo9'], $filo['photo10'], $filo['photo11'], $filo['photo12'], $filo['photo13'], $filo['photo14'], $filo['photo15'], $filo['photo16'], $filo['photo17'], $filo['photo18'], $filo['photo19'], $filo['photo20'], ]; // Iterar sobre el arreglo de fotos y mostrarlas si no están vacías foreach ($photos as $photo) { if (!empty($photo)) { echo '<div class="photo-container" style="position: relative; width: 100%; height: auto; margin-bottom: 10px;">'; // Si es un archivo .mp4 if (strpos($photo, '.mp4') !== false) { echo '<img loading="lazy" style="background:#000;border-radius:10px;box-shadow:0px 0px 3px #000;" class="cora" src="../wpp/img/btn9.png" />'; echo '<img loading="lazy" src="'.str_replace('.mp4', '.webp', str_replace('upload/', 'imguser/', $photo)).'" class="tenph02 cora" style="width: 100%; height: auto;"/>'; } else { echo '<img loading="lazy" src="'.$photo.'" class="tenph01 cora" style="width: 100%; height: auto;" />'; } echo '</div>'; // Cierre del contenedor de la foto } } echo '</span>'; // Cierre del span principal }

### Explicación de los Cambios:

1. Contenedor por Foto: Se ha agregado un contenedor div.photo-container para cada foto. Esto asegura que cada imagen se maneje de forma independiente.

2. Márgenes: He añadido un margen inferior mediante el estilo margin-bottom: 10px; para separar visualmente las fotos.

3. Imágenes Responsivas: Las fotos ahora tienen style="width: 100%; height: auto;" para que se adapten automáticamente al ancho del contenedor y mantengan su proporción.

4. Verificación de Nombres de Columnas: Asegúrate de que todas las columnas de fotos en la base de datos tengan valores y los nombres de las columnas estén escritos correctamente.

Con estos cambios, deberías poder ver todas las fotos almacenadas en las diferentes columnas, cada una en su propio contenedor. Si todavía no se muestran, revisa la base de datos para confirmar que hay datos en cada una de las columnas de fotos.

me muestra solo la foto1, foto2 foto3 y demas no me las muestra

BotBeta · 12 Nov 2025

blankito1998 dijo:
me muestra solo la foto1, foto2 foto3 y demas no me las muestra

Si solo se está mostrando la primera foto y las demás no, hay que asegurarse de que el problema no viene de la consulta SQL o de cómo se están almacenando los nombres y los datos de las fotos en la base de datos.

Aquí hay algunos pasos y un código revisado para depurar el problema:

### 1. Verificar la Consulta SQL
Primero, confirma que tu consulta SQL realmente está recuperando múltiples filas y que las columnas photo2, photo3, etc., contienen datos. Puedes hacer esto ejecutando directamente la consulta en tu base de datos.

### 2. Código PHP para Mostrar Todas las Fotos
Asegúrate de que tu código PHP esté configurado para comprobar correctamente la existencia de fotos en cada una de las columnas. Aquí tienes un ejemplo completo:

PHP:

$mitips = mysqli_query($conexion, "SELECT * FROM posters WHERE username='" . $_GET['u'] . "' AND (category='post' OR category='livs') AND (photo !='' OR photo2 !='' OR photo3 !='' OR photo4 !='' OR photo5 !='' OR photo6 !='' OR photo7 !='' OR photo8 !='' OR photo9 !='' OR photo10 !='' OR photo11 !='' OR photo12 !='' OR photo13 !='' OR photo14 !='' OR photo15 !='' OR photo16 !='' OR photo17 !='' OR photo18 !='' OR photo19 !='' OR photo20 !='') GROUP BY hora, descripts, email, nombre, apellido ORDER BY id DESC $lt");

while($filo = mysqli_fetch_assoc($mitips)) {
    echo '<span class="photoby">';

    // Array de nombres de campos de fotos
    $photos = [];
    for ($i = 1; $i <= 20; $i++) {
        $columnName = 'photo' . ($i > 1 ? $i : ''); // photo, photo2, photo3, …, photo20
        if (!empty($filo[$columnName])) {
            $photos[] = $filo[$columnName];
        }
    }

    // Mostrar todas las fotos
    foreach ($photos as $photo) {
        echo '<div class="photo-container" style="position: relative; width: 100%; height: auto; margin-bottom: 10px;">';

        // Si es un archivo .mp4
        if (strpos($photo, '.mp4') !== false) {
            echo '<img loading="lazy" style="background:#000;border-radius:10px;box-shadow:0px 0px 3px #000;" class="cora" src="../wpp/img/btn9.png" />';
            echo '<img loading="lazy" src="' . str_replace('.mp4', '.webp', str_replace('upload/', 'imguser/', $photo)) . '" class="tenph02 cora" style="width: 100%; height: auto;"/>';
        } else {
            echo '<img loading="lazy" src="' . $photo . '" class="tenph01 cora" style="width: 100%; height: auto;" />';
        }

        echo '</div>'; // Cierre del contenedor de la foto
    }

    echo '</span>'; // Cierre del span principal
}

### Explicación del Código:

1. Construcción Dinámica del Array de Fotos: Usamos un bucle for que itera del 1 al 20, construyendo el nombre de cada columna de fotos y verificando si hay contenido. Las fotos no vacías se añaden a un array $photos.

2. Iteración y Mostrar Fotos: Después, iteramos sobre el array $photos y mostramos cada foto en su propio contenedor. Esto asegura que se muestren todas las fotos disponibles.

### 3. Debugging
Para facilitar la depuración, puedes agregar un var_dump($filo) antes del segundo bucle para ver qué datos estás recuperando de la base de datos. Esto te permitirá verificar si las columnas photo, photo2, etc., realmente contienen datos.

Si después de esta revisión todavía no ves las fotos adicionales, asegúrate de que esos campos no estén vacíos en la base de datos y que tu condición de consulta esté configurada correctamente para recuperar los registros deseados.

blankito1998 · 12 Nov 2025

BotBeta dijo:
Si solo se está mostrando la primera foto y las demás no, hay que asegurarse de que el problema no viene de la consulta SQL o de cómo se están almacenando los nombres y los datos de las fotos en la base de datos.

Aquí hay algunos pasos y un código revisado para depurar el problema:

### 1. Verificar la Consulta SQL
Primero, confirma que tu consulta SQL realmente está recuperando múltiples filas y que las columnas photo2, photo3, etc., contienen datos. Puedes hacer esto ejecutando directamente la consulta en tu base de datos.

### 2. Código PHP para Mostrar Todas las Fotos
Asegúrate de que tu código PHP esté configurado para comprobar correctamente la existencia de fotos en cada una de las columnas. Aquí tienes un ejemplo completo:

PHP:

$mitips = mysqli_query($conexion, "SELECT * FROM posters WHERE username='" . $_GET['u'] . "' AND (category='post' OR category='livs') AND (photo !='' OR photo2 !='' OR photo3 !='' OR photo4 !='' OR photo5 !='' OR photo6 !='' OR photo7 !='' OR photo8 !='' OR photo9 !='' OR photo10 !='' OR photo11 !='' OR photo12 !='' OR photo13 !='' OR photo14 !='' OR photo15 !='' OR photo16 !='' OR photo17 !='' OR photo18 !='' OR photo19 !='' OR photo20 !='') GROUP BY hora, descripts, email, nombre, apellido ORDER BY id DESC $lt"); while($filo = mysqli_fetch_assoc($mitips)) { echo '<span class="photoby">'; // Array de nombres de campos de fotos $photos = []; for ($i = 1; $i <= 20; $i++) { $columnName = 'photo' . ($i > 1 ? $i : ''); // photo, photo2, photo3, …, photo20 if (!empty($filo[$columnName])) { $photos[] = $filo[$columnName]; } } // Mostrar todas las fotos foreach ($photos as $photo) { echo '<div class="photo-container" style="position: relative; width: 100%; height: auto; margin-bottom: 10px;">'; // Si es un archivo .mp4 if (strpos($photo, '.mp4') !== false) { echo '<img loading="lazy" style="background:#000;border-radius:10px;box-shadow:0px 0px 3px #000;" class="cora" src="../wpp/img/btn9.png" />'; echo '<img loading="lazy" src="' . str_replace('.mp4', '.webp', str_replace('upload/', 'imguser/', $photo)) . '" class="tenph02 cora" style="width: 100%; height: auto;"/>'; } else { echo '<img loading="lazy" src="' . $photo . '" class="tenph01 cora" style="width: 100%; height: auto;" />'; } echo '</div>'; // Cierre del contenedor de la foto } echo '</span>'; // Cierre del span principal }

### Explicación del Código:

1. Construcción Dinámica del Array de Fotos: Usamos un bucle for que itera del 1 al 20, construyendo el nombre de cada columna de fotos y verificando si hay contenido. Las fotos no vacías se añaden a un array $photos.

2. Iteración y Mostrar Fotos: Después, iteramos sobre el array $photos y mostramos cada foto en su propio contenedor. Esto asegura que se muestren todas las fotos disponibles.

### 3. Debugging
Para facilitar la depuración, puedes agregar un var_dump($filo) antes del segundo bucle para ver qué datos estás recuperando de la base de datos. Esto te permitirá verificar si las columnas photo, photo2, etc., realmente contienen datos.

Si después de esta revisión todavía no ves las fotos adicionales, asegúrate de que esos campos no estén vacíos en la base de datos y que tu condición de consulta esté configurada correctamente para recuperar los registros deseados.

sigue sin mostrarme las fotos bro, solo photo1

BotBeta · 12 Nov 2025

blankito1998 dijo:
sigue sin mostrarme las fotos bro, solo photo1

Si solo se muestra la primera foto, puede haber un par de razones por las que no se están recuperando y mostrando correctamente las otras fotos. Aquí tienes pasos para evaluar y un código revisado para asegurarte de que todas las fotos se procesen adecuadamente.

### 1. Verifica la Base de Datos

Primero, asegúrate de que las columnas photo2, photo3, etc., efectivamente contienen datos. Esto lo puedes hacer ejecutando una consulta en tu base de datos directamente y verificando:

SQL:

SELECT photo, photo2, photo3 FROM posters WHERE username='tu_usuario';

### 2. Código Revisado

Asegúrate de usar un enfoque claro para manejar y mostrar cada foto:

PHP:

$mitips = mysqli_query($conexion, "SELECT * FROM posters WHERE username='" . $_GET['u'] . "' AND (category='post' OR category='livs') AND (photo !='' OR photo2 !='' OR photo3 !='' OR photo4 !='' OR photo5 !='' OR photo6 !='' OR photo7 !='' OR photo8 !='' OR photo9 !='' OR photo10 !='' OR photo11 !='' OR photo12 !='' OR photo13 !='' OR photo14 !='' OR photo15 !='' OR photo16 !='' OR photo17 !='' OR photo18 !='' OR photo19 !='' OR photo20 !='') GROUP BY hora, descripts, email, nombre, apellido ORDER BY id DESC $lt");

while($filo = mysqli_fetch_assoc($mitips)) {
    echo '<span class="photoby">';

    // Lista de fotos
    $photos = [];
    for ($i = 0; $i <= 20; $i++) {
        $columnName = 'photo' . ($i > 0 ? $i : ''); // photo, photo2, photo3, etc.
        if (!empty($filo[$columnName])) {
            $photos[] = $filo[$columnName]; // Añadir fotografía al array si no está vacía
        }
    }

    // Mostrar todas las fotos
    foreach ($photos as $photo) {
        echo '<div class="photo-container" style="margin-bottom: 10px;">';
        
        // Comprobar si es un .mp4
        if (strpos($photo, '.mp4') !== false) {
            echo '<img loading="lazy" style="background:#000;border-radius:10px;box-shadow:0px 0px 3px #000; width: 100%; height: auto;" src="../wpp/img/btn9.png" />';
            echo '<video loading="lazy" src="' . htmlspecialchars($photo) . '" class="tenph02 cora" style="width: 100%; height: auto;" controls></video>';
        } else {
            // Mostrar imagen
            echo '<img loading="lazy" src="' . htmlspecialchars($photo) . '" class="tenph01 cora" style="width: 100%; height: auto;" />';
        }
        
        echo '</div>'; // Cerrar contenedor de foto
    }

    echo '</span>'; // Cerrar span principal
}

### Cambios Realizados:

1. Verificación de Todas las Fotos: Se están buscando todas las fotos en un bucle hasta photo20. Se construye el nombre de la columna y se comprueba si no está vacía.

2. Mostrar Video: Si se trata de un archivo .mp4, usamos la etiqueta video para mostrarlo. Esto es más apropiado para archivos de video.

3. Uso de htmlspecialchars(): Se añade esto al mostrar la URL de las imágenes/videos para prevenir problemas de inyección.

### 3. Depuración

Si aún no ves las otras fotos, intenta agregar un echo que muestre las URLs de las fotos que estás recuperando:

PHP:

echo '<pre>';
print_r($photos);
echo '</pre>';

Coloca esto justo antes del bucle que muestra las fotos. Esto te ayudará a verificar cuáles imágenes se están recuperando y qué datos se están manejando.

Si después de estas comprobaciones y el código ajustado aún no se muestran las fotos, hay que investigar más sobre cómo se está guardando esta información en la base de datos o si hay algún otro problema.

blankito1998 · 12 Nov 2025

BotBeta dijo:
Si solo se muestra la primera foto, puede haber un par de razones por las que no se están recuperando y mostrando correctamente las otras fotos. Aquí tienes pasos para evaluar y un código revisado para asegurarte de que todas las fotos se procesen adecuadamente.

### 1. Verifica la Base de Datos

Primero, asegúrate de que las columnas photo2, photo3, etc., efectivamente contienen datos. Esto lo puedes hacer ejecutando una consulta en tu base de datos directamente y verificando:

SQL:

SELECT photo, photo2, photo3 FROM posters WHERE username='tu_usuario';

### 2. Código Revisado

Asegúrate de usar un enfoque claro para manejar y mostrar cada foto:

PHP:

$mitips = mysqli_query($conexion, "SELECT * FROM posters WHERE username='" . $_GET['u'] . "' AND (category='post' OR category='livs') AND (photo !='' OR photo2 !='' OR photo3 !='' OR photo4 !='' OR photo5 !='' OR photo6 !='' OR photo7 !='' OR photo8 !='' OR photo9 !='' OR photo10 !='' OR photo11 !='' OR photo12 !='' OR photo13 !='' OR photo14 !='' OR photo15 !='' OR photo16 !='' OR photo17 !='' OR photo18 !='' OR photo19 !='' OR photo20 !='') GROUP BY hora, descripts, email, nombre, apellido ORDER BY id DESC $lt"); while($filo = mysqli_fetch_assoc($mitips)) { echo '<span class="photoby">'; // Lista de fotos $photos = []; for ($i = 0; $i <= 20; $i++) { $columnName = 'photo' . ($i > 0 ? $i : ''); // photo, photo2, photo3, etc. if (!empty($filo[$columnName])) { $photos[] = $filo[$columnName]; // Añadir fotografía al array si no está vacía } } // Mostrar todas las fotos foreach ($photos as $photo) { echo '<div class="photo-container" style="margin-bottom: 10px;">'; // Comprobar si es un .mp4 if (strpos($photo, '.mp4') !== false) { echo '<img loading="lazy" style="background:#000;border-radius:10px;box-shadow:0px 0px 3px #000; width: 100%; height: auto;" src="../wpp/img/btn9.png" />'; echo '<video loading="lazy" src="' . htmlspecialchars($photo) . '" class="tenph02 cora" style="width: 100%; height: auto;" controls></video>'; } else { // Mostrar imagen echo '<img loading="lazy" src="' . htmlspecialchars($photo) . '" class="tenph01 cora" style="width: 100%; height: auto;" />'; } echo '</div>'; // Cerrar contenedor de foto } echo '</span>'; // Cerrar span principal }

### Cambios Realizados:

1. Verificación de Todas las Fotos: Se están buscando todas las fotos en un bucle hasta photo20. Se construye el nombre de la columna y se comprueba si no está vacía.

2. Mostrar Video: Si se trata de un archivo .mp4, usamos la etiqueta video para mostrarlo. Esto es más apropiado para archivos de video.

3. Uso de htmlspecialchars(): Se añade esto al mostrar la URL de las imágenes/videos para prevenir problemas de inyección.

### 3. Depuración

Si aún no ves las otras fotos, intenta agregar un echo que muestre las URLs de las fotos que estás recuperando:

PHP:

echo '<pre>'; print_r($photos); echo '</pre>';

Coloca esto justo antes del bucle que muestra las fotos. Esto te ayudará a verificar cuáles imágenes se están recuperando y qué datos se están manejando.

Si después de estas comprobaciones y el código ajustado aún no se muestran las fotos, hay que investigar más sobre cómo se está guardando esta información en la base de datos o si hay algún otro problema.

$mitips = mysqli_query($conexion,"SELECT * FROM posters WHERE username='".$_GET['u']."' AND (category='post' OR category='livs') AND (photo !='' OR photo2 !='' OR photo3 !='' OR photo4 !='' OR photo5 !='' OR photo6 !='' OR photo7 !='' OR photo8 !='' OR photo9 !='' OR photo10 !='' OR photo11 !='' OR photo12 !='' OR photo13 !='' OR photo14 !='' OR photo15 !='' OR photo16 !='' OR photo17 !='' OR photo18 !='' OR photo19 !='' OR photo20 !='') GROUP BY hora, descripts, email, nombre, apellido ORDER BY id DESC $lt");
while($filo = mysqli_fetch_assoc($mitips)){
// Arreglo de nombres de campos de fotos
$photos = [
$filo['photo'],
$filo['photo2'],
$filo['photo3'],
$filo['photo4'],
$filo['photo5'],
$filo['photo6'],
$filo['photo7'],
$filo['photo8'],
$filo['photo9'],
$filo['photo10'],
$filo['photo11'],
$filo['photo12'],
$filo['photo13'],
$filo['photo14'],
$filo['photo15'],
$filo['photo16'],
$filo['photo17'],
$filo['photo18'],
$filo['photo19'],
$filo['photo20'],
];

// Iterar sobre el arreglo de fotos y mostrarlas si no están vacías
foreach ($photos as $photo) {
if (!empty($photo)) {
// Si es un archivo .mp4
if (strpos($photo, '.mp4') !== false) {
echo '<span class="photoby">
<div style="box-shadow:0px 0px 3px #000;background:#000;position:relative;width:100%;height:200px;float:left;">
<img loading="lazy" style="background:#000;border-radius:100%;padding:5px;box-shadow:0px 0px 3px #000;position:absolute;top:10px;left:10px;width:20px;height:20px;" class="cora" src="../wpp/img/btn9.png" />
<img loading="lazy" src="'.str_replace('.mp4', '.webp', str_replace('upload/', 'imguser/', $photo)).'" class="tenph02 cora" />
</div>
</span>';
} else {
echo '<span class="photoby">
<img loading="lazy" src="'.$photo.'" class="tenph01 cora" style="margin-left:0px;width:100%;" />
</span>';
}
}
}

}

este funciona muy bien, puedes hacer que las fotos y videos se agrupen por fecha, la fecha en mi base de datos esta en posters - fecha

BotBeta · 12 Nov 2025

blankito1998 dijo:
$mitips = mysqli_query($conexion,"SELECT * FROM posters WHERE username='".$_GET['u']."' AND (category='post' OR category='livs') AND (photo !='' OR photo2 !='' OR photo3 !='' OR photo4 !='' OR photo5 !='' OR photo6 !='' OR photo7 !='' OR photo8 !='' OR photo9 !='' OR photo10 !='' OR photo11 !='' OR photo12 !='' OR photo13 !='' OR photo14 !='' OR photo15 !='' OR photo16 !='' OR photo17 !='' OR photo18 !='' OR photo19 !='' OR photo20 !='') GROUP BY hora, descripts, email, nombre, apellido ORDER BY id DESC $lt");
while($filo = mysqli_fetch_assoc($mitips)){
// Arreglo de nombres de campos de fotos
$photos = [
$filo['photo'],
$filo['photo2'],
$filo['photo3'],
$filo['photo4'],
$filo['photo5'],
$filo['photo6'],
$filo['photo7'],
$filo['photo8'],
$filo['photo9'],
$filo['photo10'],
$filo['photo11'],
$filo['photo12'],
$filo['photo13'],
$filo['photo14'],
$filo['photo15'],
$filo['photo16'],
$filo['photo17'],
$filo['photo18'],
$filo['photo19'],
$filo['photo20'],
];

// Iterar sobre el arreglo de fotos y mostrarlas si no están vacías
foreach ($photos as $photo) {
if (!empty($photo)) {
// Si es un archivo .mp4
if (strpos($photo, '.mp4') !== false) {
echo '<span class="photoby">
<div style="box-shadow:0px 0px 3px #000;background:#000;position:relative;width:100%;height:200px;float:left;">
<img loading="lazy" style="background:#000;border-radius:100%;padding:5px;box-shadow:0px 0px 3px #000;position:absolute;top:10px;left:10px;width:20px;height:20px;" class="cora" src="../wpp/img/btn9.png" />
<img loading="lazy" src="'.str_replace('.mp4', '.webp', str_replace('upload/', 'imguser/', $photo)).'" class="tenph02 cora" />
</div>
</span>';
} else {
echo '<span class="photoby">
<img loading="lazy" src="'.$photo.'" class="tenph01 cora" style="margin-left:0px;width:100%;" />
</span>';
}
}
}

}

este funciona muy bien, puedes hacer que las fotos y videos se agrupen por fecha, la fecha en mi base de datos esta en posters - fecha

Para agrupar las fotos y videos por fecha en tu consulta y en la salida HTML, debes realizar algunos ajustes en tu código. Necesitarás:
1. Extraer la fecha de cada fila y guardarla para agrupar.
2. Mostrar las fotos y videos según la fecha correspondiente.

### Pasos para Agrupar por Fecha

Aquí está la idea del código modificado:

1. Agrupar las fotos/videos en un arreglo por fecha.
2. Mostrar las fotos/videos agrupados bajo su respectiva fecha.

### Código Modificado

PHP:

$mitips = mysqli_query($conexion, "SELECT * FROM posters WHERE username='" . $_GET['u'] . "' AND (category='post' OR category='livs') AND (photo !='' OR photo2 !='' OR photo3 !='' OR photo4 !='' OR photo5 !='' OR photo6 !='' OR photo7 !='' OR photo8 !='' OR photo9 !='' OR photo10 !='' OR photo11 !='' OR photo12 !='' OR photo13 !='' OR photo14 !='' OR photo15 !='' OR photo16 !='' OR photo17 !='' OR photo18 !='' OR photo19 !='' OR photo20 !='') ORDER BY fecha DESC, id DESC $lt");

$photosByDate = [];

// Agrupar fotos por fecha
while ($filo = mysqli_fetch_assoc($mitips)) {
    $date = $filo['fecha'];  // Suponiendo que 'fecha' es el campo que contiene la fecha
    $photos = [
        $filo['photo'],
        $filo['photo2'],
        $filo['photo3'],
        $filo['photo4'],
        $filo['photo5'],
        $filo['photo6'],
        $filo['photo7'],
        $filo['photo8'],
        $filo['photo9'],
        $filo['photo10'],
        $filo['photo11'],
        $filo['photo12'],
        $filo['photo13'],
        $filo['photo14'],
        $filo['photo15'],
        $filo['photo16'],
        $filo['photo17'],
        $filo['photo18'],
        $filo['photo19'],
        $filo['photo20'],
    ];

    // Añadir fotos al arreglo de la fecha correspondiente
    foreach ($photos as $photo) {
        if (!empty($photo)) {
            $photosByDate[$date][] = $photo;  // Agrupar por fecha
        }
    }
}

// Mostrar fotos agrupadas por fecha
foreach ($photosByDate as $date => $photos) {
    echo '<h3>' . date('d-m-Y', strtotime($date)) . '</h3>'; // Mostrar la fecha
    
    foreach ($photos as $photo) {
        if (strpos($photo, '.mp4') !== false) {
            echo '<span class="photoby">
            <div style="box-shadow:0px 0px 3px #000;background:#000;position:relative;width:100%;height:200px;float:left;">
            <img loading="lazy" style="background:#000;border-radius:100%;padding:5px;box-shadow:0px 0px 3px #000;position:absolute;top:10px;left:10px;width:20px;height:20px;" class="cora" src="../wpp/img/btn9.png" />
            <img loading="lazy" src="' . str_replace('.mp4', '.webp', str_replace('upload/', 'imguser/', $photo)) . '" class="tenph02 cora" />
            </div>
            </span>';
        } else {
            echo '<span class="photoby">
            <img loading="lazy" src="' . $photo . '" class="tenph01 cora" style="margin-left:0px;width:100%;" />
            </span>';
        }
    }
}

### Explicación del Código:

1. Agrupación por Fecha:
- Creamos un arreglo $photosByDate donde la clave será la fecha y el valor será un arreglo de fotos/videos correspondientes a esa fecha.
- Asumimos que el campo de fecha es fecha. Asegúrate de que el nombre del campo sea el correcto.

2. Mostrar los Resultados:
- Después de agrupar las fotos, se itera sobre $photosByDate para mostrar cada grupo de fotos/videos bajo su respectiva fecha.
- Se formatea la fecha usando date() para mostrarla de manera más legible.

3. Visualización:
- Usamos un encabezado <h3> para cada fecha y luego mostramos las fotos/videos debajo de esa fecha.

Este nuevo código debería permitirte ver las fotos y videos agrupados por fecha, mejorando la organización visual de tu contenido. Si necesitas más ajustes o hay alguna otra pregunta, ¡hazmelo saber!

blankito1998 · 12 Nov 2025

BotBeta dijo:
Para agrupar las fotos y videos por fecha en tu consulta y en la salida HTML, debes realizar algunos ajustes en tu código. Necesitarás:
1. Extraer la fecha de cada fila y guardarla para agrupar.
2. Mostrar las fotos y videos según la fecha correspondiente.

### Pasos para Agrupar por Fecha

Aquí está la idea del código modificado:

1. Agrupar las fotos/videos en un arreglo por fecha.
2. Mostrar las fotos/videos agrupados bajo su respectiva fecha.

### Código Modificado

PHP:

$mitips = mysqli_query($conexion, "SELECT * FROM posters WHERE username='" . $_GET['u'] . "' AND (category='post' OR category='livs') AND (photo !='' OR photo2 !='' OR photo3 !='' OR photo4 !='' OR photo5 !='' OR photo6 !='' OR photo7 !='' OR photo8 !='' OR photo9 !='' OR photo10 !='' OR photo11 !='' OR photo12 !='' OR photo13 !='' OR photo14 !='' OR photo15 !='' OR photo16 !='' OR photo17 !='' OR photo18 !='' OR photo19 !='' OR photo20 !='') ORDER BY fecha DESC, id DESC $lt"); $photosByDate = []; // Agrupar fotos por fecha while ($filo = mysqli_fetch_assoc($mitips)) { $date = $filo['fecha']; // Suponiendo que 'fecha' es el campo que contiene la fecha $photos = [ $filo['photo'], $filo['photo2'], $filo['photo3'], $filo['photo4'], $filo['photo5'], $filo['photo6'], $filo['photo7'], $filo['photo8'], $filo['photo9'], $filo['photo10'], $filo['photo11'], $filo['photo12'], $filo['photo13'], $filo['photo14'], $filo['photo15'], $filo['photo16'], $filo['photo17'], $filo['photo18'], $filo['photo19'], $filo['photo20'], ]; // Añadir fotos al arreglo de la fecha correspondiente foreach ($photos as $photo) { if (!empty($photo)) { $photosByDate[$date][] = $photo; // Agrupar por fecha } } } // Mostrar fotos agrupadas por fecha foreach ($photosByDate as $date => $photos) { echo '<h3>' . date('d-m-Y', strtotime($date)) . '</h3>'; // Mostrar la fecha foreach ($photos as $photo) { if (strpos($photo, '.mp4') !== false) { echo '<span class="photoby"> <div style="box-shadow:0px 0px 3px #000;background:#000;position:relative;width:100%;height:200px;float:left;"> <img loading="lazy" style="background:#000;border-radius:100%;padding:5px;box-shadow:0px 0px 3px #000;position:absolute;top:10px;left:10px;width:20px;height:20px;" class="cora" src="../wpp/img/btn9.png" /> <img loading="lazy" src="' . str_replace('.mp4', '.webp', str_replace('upload/', 'imguser/', $photo)) . '" class="tenph02 cora" /> </div> </span>'; } else { echo '<span class="photoby"> <img loading="lazy" src="' . $photo . '" class="tenph01 cora" style="margin-left:0px;width:100%;" /> </span>'; } } }

### Explicación del Código:

1. Agrupación por Fecha:
- Creamos un arreglo $photosByDate donde la clave será la fecha y el valor será un arreglo de fotos/videos correspondientes a esa fecha.
- Asumimos que el campo de fecha es fecha. Asegúrate de que el nombre del campo sea el correcto.

2. Mostrar los Resultados:
- Después de agrupar las fotos, se itera sobre $photosByDate para mostrar cada grupo de fotos/videos bajo su respectiva fecha.
- Se formatea la fecha usando date() para mostrarla de manera más legible.

3. Visualización:
- Usamos un encabezado <h3> para cada fecha y luego mostramos las fotos/videos debajo de esa fecha.

Este nuevo código debería permitirte ver las fotos y videos agrupados por fecha, mejorando la organización visual de tu contenido. Si necesitas más ajustes o hay alguna otra pregunta, ¡hazmelo saber!

pero agrupalas por meses, ejemplo fotos del 06 de 2025

BotBeta · 12 Nov 2025

blankito1998 dijo:
pero agrupalas por meses, ejemplo fotos del 06 de 2025

Para agrupar las fotos y videos por mes y año, debes modificar el código para que extraiga solo el mes y el año de la fecha. Aquí te dejo una versión actualizada del código que agrupa las imágenes y videos de acuerdo con el mes y el año en que fueron subidos.

### Código Modificado para Agrupación por Mes

PHP:

$mitips = mysqli_query($conexion, "SELECT * FROM posters WHERE username='" . $_GET['u'] . "' AND (category='post' OR category='livs') AND (photo !='' OR photo2 !='' OR photo3 !='' OR photo4 !='' OR photo5 !='' OR photo6 !='' OR photo7 !='' OR photo8 !='' OR photo9 !='' OR photo10 !='' OR photo11 !='' OR photo12 !='' OR photo13 !='' OR photo14 !='' OR photo15 !='' OR photo16 !='' OR photo17 !='' OR photo18 !='' OR photo19 !='' OR photo20 !='') ORDER BY fecha DESC, id DESC $lt");

$photosByMonth = [];

// Agrupar fotos por mes y año
while ($filo = mysqli_fetch_assoc($mitips)) {
    $date = $filo['fecha'];  // Suponiendo que 'fecha' es el campo que contiene la fecha
    $monthYear = date('F Y', strtotime($date)); // Obtener mes y año

    $photos = [
        $filo['photo'],
        $filo['photo2'],
        $filo['photo3'],
        $filo['photo4'],
        $filo['photo5'],
        $filo['photo6'],
        $filo['photo7'],
        $filo['photo8'],
        $filo['photo9'],
        $filo['photo10'],
        $filo['photo11'],
        $filo['photo12'],
        $filo['photo13'],
        $filo['photo14'],
        $filo['photo15'],
        $filo['photo16'],
        $filo['photo17'],
        $filo['photo18'],
        $filo['photo19'],
        $filo['photo20'],
    ];

    // Añadir fotos al arreglo de la fecha correspondiente
    foreach ($photos as $photo) {
        if (!empty($photo)) {
            $photosByMonth[$monthYear][] = $photo; // Agrupar por mes y año
        }
    }
}

// Mostrar fotos agrupadas por mes y año
foreach ($photosByMonth as $monthYear => $photos) {
    echo '<h3>' . $monthYear . '</h3>'; // Mostrar el mes y el año

    foreach ($photos as $photo) {
        if (strpos($photo, '.mp4') !== false) {
            echo '<span class="photoby">
            <div style="box-shadow:0px 0px 3px #000;background:#000;position:relative;width:100%;height:200px;float:left;">
            <img loading="lazy" style="background:#000;border-radius:100%;padding:5px;box-shadow:0px 0px 3px #000;position:absolute;top:10px;left:10px;width:20px;height:20px;" class="cora" src="../wpp/img/btn9.png" />
            <img loading="lazy" src="' . str_replace('.mp4', '.webp', str_replace('upload/', 'imguser/', $photo)) . '" class="tenph02 cora" />
            </div>
            </span>';
        } else {
            echo '<span class="photoby">
            <img loading="lazy" src="' . $photo . '" class="tenph01 cora" style="margin-left:0px;width:100%;" />
            </span>';
        }
    }
}

### Explicación del Código Modificado:

1. Agrupación por Mes y Año:
- Se usó date('F Y', strtotime($date)) para obtener el nombre del mes y el año (por ejemplo, "June 2025").
- El arreglo photosByMonth se estructura donde la clave es el mes-año y el valor es un arreglo con las fotos/videos correspondientes a ese mes.

2. Mostrar Resultados:
- Al final, se itera sobre photosByMonth para mostrar los elementos agrupados por mes y año, usando un encabezado <h3> para cada uno.

Este código te permitirá mostrar las fotos y videos agrupados por mes y año, facilitando su visualización. Si tienes más preguntas o necesitas ajustes adicionales, ¡no dudes en decírmelo!

Fbueno365 · 12 Nov 2025

BotBeta dijo:
¡Hola! Estoy disponible para responder a cualquier pregunta que tengas. Recuerda citarme en tu mensaje para que pueda ayudarte de la mejor manera posible.

CgatGPT estoy buscando los videos del "Diplomado de educación financiera" de Jaime Merino Tradinglatino que dictó en la Universidad Evangelica de el Salvador del 17 al 28 de marzo 2025 (10 días hábiles de lunes a viernes). Me refiero al virtual que se vio en vivo por Zoom.

Personalmente tengo los videos del Bootcamp de talent land que dictó hace varios años...
Pero me interesa ese diplomado.
Se puede conseguir grabado?
Que precio?
O en que web?
Gracias

BotBeta · 12 Nov 2025

Fbueno365 dijo:
CgatGPT estoy buscando los videos del "Diplomado de educación financiera" de Jaime Merino Tradinglatino que dictó en la Universidad Evangelica de el Salvador del 17 al 28 de marzo 2025 (10 días hábiles de lunes a viernes). Me refiero al virtual que se vio en vivo por Zoom.

Personalmente tengo los videos del Bootcamp de talent land que dictó hace varios años...
Pero me interesa ese diplomado.
Se puede conseguir grabado?
Que precio?
O en que web?
Gracias

Lamentablemente, no tengo la capacidad de buscar información en tiempo real o acceder a internet para obtener detalles específicos sobre el "Diplomado de educación financiera" de Jaime Merino.

Te recomiendo que revises la página oficial de Trading Latino, así como sus redes sociales, donde podrían publicar información sobre la disponibilidad de grabaciones. También podrías contactar directamente a la Universidad Evangélica de El Salvador o a los organizadores del diplomado para saber si ofrecerán las grabaciones y su costo.

¡Suerte en tu búsqueda!

blankito1998 · 12 Nov 2025

BotBeta dijo:
Lamentablemente, no tengo la capacidad de buscar información en tiempo real o acceder a internet para obtener detalles específicos sobre el "Diplomado de educación financiera" de Jaime Merino.

Te recomiendo que revises la página oficial de Trading Latino, así como sus redes sociales, donde podrían publicar información sobre la disponibilidad de grabaciones. También podrías contactar directamente a la Universidad Evangélica de El Salvador o a los organizadores del diplomado para saber si ofrecerán las grabaciones y su costo.

¡Suerte en tu búsqueda!

como hago que border:2px dotted #ccc; tenga solo 3 rayas?

BotBeta · 12 Nov 2025

blankito1998 dijo:
como hago que border:2px dotted #ccc; tenga solo 3 rayas?

Para que un borde tenga solo 3 rayas en lugar de ser un borde continuo o completamente punteado, puedes considerar usar un enfoque CSS con un fondo que simule las rayas. Aquí tienes un ejemplo utilizando un efecto de fondo con linear-gradient y un div adicional:

### Ejemplo CSS

HTML:

<div class="bordered"></div>

CSS:

.bordered {
    height: 100px; /* Altura del div */
    width: 200px; /* Ancho del div */
    position: relative;
    background: white; /* Fondo blanco */
}

.bordered:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to right, #ccc 33%, transparent 33%) repeat-x;
    background-size: 33.33% 100%; /* Tres rayas */
    border: none; /* Importante para no agregar bordes adicionales */
}

### Explicación:

1. Div Contenedor: El div original tiene un fondo blanco.
2. Pseudo-elemento :before: Se usa :before para crear un fondo simulado que contenga las rayas.
3. linear-gradient: El fondo se crea con una mezcla entre un color (en este caso, #ccc) y transparent para simular el espacio entre las rayas.
4. background-size: Esto se ajusta para que haya exactamente 3 rayas.

Este método te permitirá simular un borde con solo 3 rayas en lugar de usar una propiedad CSS estándar. Espero que esto te ayude a lograr el efecto que deseas. Si tienes alguna otra pregunta, ¡hazmelo saber!

blankito1998 · 12 Nov 2025

BotBeta dijo:
Para que un borde tenga solo 3 rayas en lugar de ser un borde continuo o completamente punteado, puedes considerar usar un enfoque CSS con un fondo que simule las rayas. Aquí tienes un ejemplo utilizando un efecto de fondo con linear-gradient y un div adicional:

### Ejemplo CSS

HTML:

<div class="bordered"></div>

CSS:

.bordered { height: 100px; /* Altura del div */ width: 200px; /* Ancho del div */ position: relative; background: white; /* Fondo blanco */ } .bordered:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to right, #ccc 33%, transparent 33%) repeat-x; background-size: 33.33% 100%; /* Tres rayas */ border: none; /* Importante para no agregar bordes adicionales */ }

### Explicación:

1. Div Contenedor: El div original tiene un fondo blanco.
2. Pseudo-elemento :before: Se usa :before para crear un fondo simulado que contenga las rayas.
3. linear-gradient: El fondo se crea con una mezcla entre un color (en este caso, #ccc) y transparent para simular el espacio entre las rayas.
4. background-size: Esto se ajusta para que haya exactamente 3 rayas.

Este método te permitirá simular un borde con solo 3 rayas en lugar de usar una propiedad CSS estándar. Espero que esto te ayude a lograr el efecto que deseas. Si tienes alguna otra pregunta, ¡hazmelo saber!

pero quiero que se vea alrededor del div

BotBeta · 12 Nov 2025

blankito1998 dijo:
pero quiero que se vea alrededor del div

Para que el borde con solo 3 rayas se vea alrededor del div, puedes hacer un contenedor adicional que simule el borde. Aquí tienes un ejemplo de cómo hacerlo con un diseño CSS adecuado:

### Ejemplo HTML y CSS

HTML:

<div class="border-container">
    <div class="bordered">
        Contenido aquí
    </div>
</div>

CSS:

.border-container {
    padding: 5px; /* Espaciado para el borde visible */
}

.bordered {
    border: 5px solid white; /* Color de fondo del borde */
    background-color: white; /* Fondo del contenido */
    position: relative;
}

.border-container:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px dashed #ccc; /* Borde que simula las rayas */
    clip-path: inset(5px); /* Recorta el borde interior para que no sobresalga */
}

### Explicación:

1. Estructura HTML:
- Un contenedor .border-container para crear espacio alrededor del div interior.
- Un div .bordered para mostrar el contenido.

2. Bordes:
- La clase .border-container tiene un pseudo-elemento :before que se usa para mostrar un borde que parece tener rayas. Usamos border: 2px dashed #ccc; para crear el efecto de rayo.
- clip-path: inset(5px); recorta el borde interior, lo que permite que solo se vea el borde alrededor del div.

3. Fondo y Espaciado:
- El fondo del div .bordered se establece en blanco, y el espaciado se ajusta con [padding](5px) en el contenedor para proporcionar espacio para el borde visible.

Este enfoque dará como resultado un borde aparente alrededor de tu div con el efecto de 3 rayas. Si necesitas más ayuda o ajustes, ¡házmelo saber!

blankito1998 · 12 Nov 2025

BotBeta dijo:
Para que el borde con solo 3 rayas se vea alrededor del div, puedes hacer un contenedor adicional que simule el borde. Aquí tienes un ejemplo de cómo hacerlo con un diseño CSS adecuado:

### Ejemplo HTML y CSS

HTML:

<div class="border-container"> <div class="bordered"> Contenido aquí </div> </div>

CSS:

.border-container { padding: 5px; /* Espaciado para el borde visible */ } .bordered { border: 5px solid white; /* Color de fondo del borde */ background-color: white; /* Fondo del contenido */ position: relative; } .border-container:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 2px dashed #ccc; /* Borde que simula las rayas */ clip-path: inset(5px); /* Recorta el borde interior para que no sobresalga */ }

### Explicación:

1. Estructura HTML:
- Un contenedor .border-container para crear espacio alrededor del div interior.
- Un div .bordered para mostrar el contenido.

2. Bordes:
- La clase .border-container tiene un pseudo-elemento :before que se usa para mostrar un borde que parece tener rayas. Usamos border: 2px dashed #ccc; para crear el efecto de rayo.
- clip-path: inset(5px); recorta el borde interior, lo que permite que solo se vea el borde alrededor del div.

3. Fondo y Espaciado:
- El fondo del div .bordered se establece en blanco, y el espaciado se ajusta con [padding](5px) en el contenedor para proporcionar espacio para el borde visible.

Este enfoque dará como resultado un borde aparente alrededor de tu div con el efecto de 3 rayas. Si necesitas más ayuda o ajustes, ¡házmelo saber!

no funciona

BotBeta · 12 Nov 2025

blankito1998 dijo:
no funciona

Lamento que no funcionara como esperabas. Vamos a simplificar la solución para crear un borde que aparenta tener 3 rayas alrededor de un div. Aquí tienes un enfoque alternativo utilizando un solo div y la propiedad linear-gradient para simular las rayas:

### Ejemplo HTML y CSS

HTML:

<div class="bordered">
    Contenido aquí
</div>

CSS:

.bordered {
    position: relative;
    padding: 20px; /* Espaciado interno */
    background-color: white; /* Fondo del contenido */
    border: none; /* Sin borde real */
    width: 200px; /* Ancho del div */
    height: 100px; /* Ajusta según tu contenido */
}

.bordered:before {
    content: '';
    position: absolute;
    top: -2px; /* Ajustar para mostrar bien el borde */
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(to right, #ccc 33%, transparent 33%, transparent 66%, #ccc 66%);
    background-size: 300% 100%; /* Aumentar el tamaño del fondo para dar efecto de rayas */
    z-index: -1; /* Colocar detrás del contenido */
}

### Explicación:

1. Div Principal: El div .bordered contiene el contenido y tiene su fondo definido como blanco.

2. Rayas con Pseudo-elemento:
- Usamos el pseudo-elemento :before para crear un fondo que simula un borde con rayas.
- linear-gradient crea rayas alternando entre el color #ccc y transparente.
- background-size: 300% 100%; permite que las rayas se repitan adecuadamente.

3. Posicionamiento:
- position: absolute; y los valores negativos para top, left, right, bottom garantizan que el pseudo-elemento cubra alrededor del div principal como un borde.

### Resultado

Este método debería mostrar correctamente un borde de 3 rayas alrededor del div. Si sigues teniendo problemas, asegúrate de que no haya otros estilos en conflicto y prueba el código en un entorno limpio. ¡Hazme saber si necesitas más ayuda!

blankito1998 · 12 Nov 2025

BotBeta dijo:
Lamento que no funcionara como esperabas. Vamos a simplificar la solución para crear un borde que aparenta tener 3 rayas alrededor de un div. Aquí tienes un enfoque alternativo utilizando un solo div y la propiedad linear-gradient para simular las rayas:

### Ejemplo HTML y CSS

HTML:

<div class="bordered"> Contenido aquí </div>

CSS:

.bordered { position: relative; padding: 20px; /* Espaciado interno */ background-color: white; /* Fondo del contenido */ border: none; /* Sin borde real */ width: 200px; /* Ancho del div */ height: 100px; /* Ajusta según tu contenido */ } .bordered:before { content: ''; position: absolute; top: -2px; /* Ajustar para mostrar bien el borde */ left: -2px; right: -2px; bottom: -2px; background: linear-gradient(to right, #ccc 33%, transparent 33%, transparent 66%, #ccc 66%); background-size: 300% 100%; /* Aumentar el tamaño del fondo para dar efecto de rayas */ z-index: -1; /* Colocar detrás del contenido */ }

### Explicación:

1. Div Principal: El div .bordered contiene el contenido y tiene su fondo definido como blanco.

2. Rayas con Pseudo-elemento:
- Usamos el pseudo-elemento :before para crear un fondo que simula un borde con rayas.
- linear-gradient crea rayas alternando entre el color #ccc y transparente.
- background-size: 300% 100%; permite que las rayas se repitan adecuadamente.

3. Posicionamiento:
- position: absolute; y los valores negativos para top, left, right, bottom garantizan que el pseudo-elemento cubra alrededor del div principal como un borde.

### Resultado

Este método debería mostrar correctamente un borde de 3 rayas alrededor del div. Si sigues teniendo problemas, asegúrate de que no haya otros estilos en conflicto y prueba el código en un entorno limpio. ¡Hazme saber si necesitas más ayuda!

quiero que esten separas un poco y que el cuadro se complete pero que se note que hay 3 rayas

BotBeta · 12 Nov 2025

blankito1998 dijo:
quiero que esten separas un poco y que el cuadro se complete pero que se note que hay 3 rayas

Para lograr que el cuadro tenga un borde de tres rayas separadas y que el cuadro esté completo, podemos usar un enfoque diferente aprovechando los bordes y espacio en blanco. Aquí tienes el código ajustado:

### Ejemplo HTML y CSS

HTML:

<div class="bordered">
    Contenido aquí
</div>

CSS:

.bordered {
    position: relative;
    padding: 20px; /* Espaciado interno */
    background-color: white; /* Fondo del contenido */
    border: none; /* Sin borde real */
    width: 200px; /* Ancho del div */
    height: 100px; /* Ajusta según tu contenido */
    box-shadow: inset 0 0 0 4px #ccc, inset 0 0 0 8px #ccc, inset 0 0 0 12px #ccc; /* Simula las rayas */
}

.bordered::before, .bordered::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px dashed #ccc; /* Borde que simula el efecto de las rayas */
    z-index: -1; /* Coloca detrás del contenido */
}

.bordered::before {
    top: 3px; /* Separación superior */
    left: 3px; /* Separación izquierda */
    right: 3px; /* Separación derecha */
    bottom: 3px; /* Separación inferior */
}

.bordered::after {
    top: 6px; /* Separación mayor para la última raya */
    left: 6px; /* Separación mayor para la última raya */
    right: 6px; /* Separación mayor para la última raya */
    bottom: 6px; /* Separación mayor para la última raya */
}

### Explicación:

1. Div Principal: El div .bordered tiene un fondo blanco y se define su tamaño.

2. Simulación de Rayas:
- Usamos [::before](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-elements) y [::after](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-elements) para agregar bordes.
- Cada pseudo-elemento aplica un borde discontínuo (dashed) en diferentes posiciones para crear el espacio.

3. Ajustes de Espaciado: Las propiedades top, left, right y bottom se ajustan en cada pseudo-elemento para crear la separación visible entre las rayas.

Este método crea un efecto visual con tres rayas que parecen separadas, rodeando el contenido del div. Si necesitas más ajustes o no se ajusta a lo que esperabas, ¡házmelo saber!

voltaje · 12 Nov 2025

Quiero crear un Instagram de historia con publicaciones fáciles de entender. Es recomendable comenzar de cero y hacerlo crecer poco a poco frustrante y lento o crear una cuenta de nicho parecido y hacer relanzamiento de marca?

LONEWOLFOK · 12 Nov 2025

¿Quién, si es que alguien, controla nuestro universo?

Tema para preguntas random a Chatgpt 🤖

blankito1998

BotBeta

blankito1998

BotBeta

blankito1998

BotBeta

blankito1998

BotBeta

Fbueno365

BotBeta

blankito1998

BotBeta

blankito1998

BotBeta

blankito1998

BotBeta

blankito1998

BotBeta

voltaje

LONEWOLFOK

Temas similares